Beyond Dimensions
Yahoo Developer Network launches YSlow, a web page analyzer which tells you why they’re slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool. So before installing YSlow you have to install Firebug.
YSlow featured with:
The implementation of valid/standard methods, guidelines and best practices will help to produce high quality websites that are accessible to as many as possible. By building valid websites you can save time and money for the development and provides a better experience for the visitor.
Validation is also an important part of web development. Many errors that are hard to find can discover during validation. This is like spell checking and proofreading for grammar and syntax in a document. but is much more precise and reliable than any of those processes because it is dealing with precisely-specified machine languages, not with nebulously-defined human natural language. You can validate your (X)HTML page as well as your CSS.
Here I’m not going brief you about Web Standards, but I’m going to tell how we can use those best practices in Web standards to produce a valid (X)HTML page.
DOCTYPE declaration at the beginning of the file. A DOCTYPE (short for “document type declaration”) informs the validator which version of (X)HTML you’re using, and must appear at the very top of every web page. DOCTYPEs are a key component of compliant web pages: your markup and CSS won’t validate without them.<!DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" />xmlns="http://www.w3.org/1999/xhtml" to the <html> element.</p> is not valid anymore.<P> becomes <p>.<hr> becomes <hr />.<p align="right">.<hr noshade="noshade" />.& in place of &. : <a href="foo.php?chapter=1&section=2 /><form> element should have to have a action attribute always: <form action=”#”></li>name & id attributes in input element, both should be in same name: <input name="field_name" id="field_name" />alt attribute always for <img> element: <img src="image.gif" alt="" />width & height attributes as in this order in <img> element: <img src="image.gif" width="100" height="100" alt="" /><script type="text/javascript" src=”javascript.js"></script>tables only for TABULAR data.<th> for table headers & <td> for table data.<strong><em>…</em></strong>An opportunity to join the design team of an established UK based web development company in Sri Lanka.
The successful applicant will have a flair for design, knowledge in (X)HTML/CSS and a general understanding of the web and its use together with familiarity of all things Internet.
Knowledge in Drupal and understanding of web standards will be an added advantage.
Over one year experience is sufficient.
Please email resumes to jobs@yadabyte.com.
CSS drupal jobs Sri lanka Web web designer Web Standards XHTML[Update] HotShare file sharing site aded to the list.
Free file hosting which most people looking for. So I thought to list down some long list of free file hosting and sharing sites. Some sites does require registered account and some doesn’t. And also some sites containing full of ads, but no harm for file sharing. Some have monthly bandwidth limits, some have maximum file size of uploading file and some have file hosting/sharing period conditions for particular files.
The best one I like from the list if DivShare, which is pretty fast, easy to use. This is also providing a plug-in for WordPress as well as Facebook which will replacing default file uploader of WordPress with DivShare Uploader and we can embed those uploaded files in our blog post very easily.
Here goes the list.
Here another list from me 
this time it’s all about feeds which I have added to my Google Reader to read whenever I am free. Actually now I am addicted to Google Reader and these feeds. This list is bit long and it’s containing around 78 valid feeds.
Here I have sorted out the list in alphabetical order. This will contain feeds about Web Standards, Accessibility, Usability, User Experience, Web 2.0, Personal Blogs, Technical and Technology, Design Resources and some great online journals regarding web and it’s new trends. This is very helpful for me to keep my self updated on time.
If anyone know any good feed that I have missed here, feel free to add it via a comment.
Hey Sri Lankans, here I’m going to do a small survey about Web Standards awareness among Sri Lankans. Poll will be closing on 13th September, 2007. So pass this all people you know. This will help all for us who working on web projects in Sri Lankan community.
If anyone want to know what are Web Standards, go and read my Web Standards Round Up.
Poll Sri lanka Web Standards
Here I’m going to list down very useful articles regarding web standards. From introduction to implementation, from web browsers to web accessibility. These articles were very helpful for me, so I hope for all you people who have heard about Web Standards and want to learn more about it, people who haven’t even heard about Web Standards and also Web Standards geeks who have miss some articles can find here.
If anyone think I have miss something here, please let me know then I can add it too.
Let’s make a better web for you and for me
I have done the Sinhala version of the WaSP Café. Thanks Anandawardhana for proof reading, Steph and Glenda to update it on the live site.
English version;
What is a WaSP Café?
A WaSP Café is a face-to-face, “meet-space” event organised by one or more WaSP members, or professionals who are affiliated directly with the WaSP as part of a taskforce or an extended group. The aim of this event is to allow attendees to share ideas about how to implement best Web practices for real sites, for discussing and exchanging tips about techniques to solve real problems. The format for a WaSP Café is open to the discretion of the organiser(s); they can decide what is the best fit for the community they work in. Organiser(s) must feed learnings back to the WaSP for further discussion, either directly or via their taskforce/group lead. Every WaSP Café event must also be accompanied by an informal but public report (e.g. a Buzz or a blog post elsewhere) of findings, discussions and learnings shared.
Sinhala version;
WaSP Café යනු කුමක්ද?
WaSP Café යනු සෘජු සාකච්ඡා පැවැත්වෙන රැස්වීම්ය. මේවා WaSP සාමාජිකයෙක් හෝ සාමාජිකයන්, WaSP හා සම්බන්ධ කණ්ඩායමක හෝ සමූහයක වෘත්තිකයන් විසින් සංවිධානය කරනු ලබයි. මෙහි ප්රධානතම පරමාර්ථය වන්නේ වෙබ් හා සම්බන්ධ හොඳම හා සුදුසුම ක්රියාකාරකම් වෙබ් පිටු ණිර්මානකරණය හා සංස්කරණය සඳහා යොදාගන්නා ක්රම පිළිබඳව සාකච්ඡා කිරීම, එවැනි අවස්ථාවලදී පැන නගින ගැටළු නිරාකරණය කරගැනීම පිළිබඳව අදහස් හා ක්රමවේදයන් හුවමාරු කරගැනීමය. මෙම WaSP Café හි අන්තර්ගතය එහි සංවිධායකවරුන්ගේ තීරණය පරිදි සිදුවන අතර, ඔවුන්ට තමන් ක්රියාත්මකවන සමාජයට සරිලන අයුරින් එය සකස් කරගත හැක. සංවිධායකවරුන් මෙහිදී උකහා ගන්නා කරුණු වැඩිදුර සාකච්ඡා කිරීම සඳහා, සෘජුව හෝ ඔවුන්ගේ කණ්ඩායම හරහා WaSP යට යොමුකළ යුතුය. සියළුම WaSP Café සාකච්ඡා අනියම් මට්ටමන් පවතුනත් එහිදී ලබාගත් තොරතුරු, සාකච්ඡා කළ කරුණු හා බෙදාගත් දැනුම පිළිබඳ පොදු වාර්තාවක් තබාගත යුතුය (e.g. a Buzz or a blog post elsewhere).
Some more links
PS: You must have Sinhala Unicode installed on your computer to read it. Download Sinhala Unicode from Characters and Fonts for Sri Lanka Website.
Café definition ilg sinhala translation wasp Web Web StandardsStyles sheets define HOW HTML elements are to be displayed. Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in your Web, just by editing one single CSS document!
CSS is a breakthrough in Web design because it allows developers to control the style and layout of multiple Web pages all at once. As a Web developer you can define a style for each HTML element and apply it to as many Web pages as you want. To make a global change, simply change the style, and all elements in the Web are updated automatically.
Well for two reasons mainly. It helps you get smaller CSS file sizes and better written code. The way the optimizer works actually lets you decide how much compression you want. From super compressed (virtually unreadable and editable by a human being) to visually pleasing. I prefer the standard setting because it gives you a little of both.
Another cool feature is that it helps you with shorthand coding. I am by no means an expert at CSS. I do not have all the shorthand methods memorized (yet!). For those of you using Dreamweaver, like myself, you’ll find that it likes to use longhand code. By this I mean putting each separate rule on its own line. This can get tedious copying and pasting it make a small change. A lot of that stuff can get consolidated into one line, like backgrounds and borders.
So your main reasons for wanting to optimize are to make sure your CSS files are clean. There is a certain art form in clean and concise code. And I’m not even a programmer and I can see that. I’m an artist, so this tool really helps speed things up.
CSS Shorthand
Shorthand properties can be used to set several properties at once, in a single declaration, instead of using a separate declaration for each individual property. As you’ll see, this can save a lot of space in your CSS file.
My Amazon Wish List
Guys check out my wish list at Amazon for the list of books I am wish to read. Some books not available in Sri Lanka (not even the low price edition), so Amazon is the only relief
I already got two books which I wanted to read so quickly, CSS Mastery: Advanced Web Standards Solutions and The Zen of CSS Design: Visual Enlightenment for the Web, so I doesn’t had to add those two books in my Amazon Wish List.
Here is the my Amazon Wish List Link.
My Froogle Wish List
This is my Froogle Wish List, where some fancy and expansive stuffs comes in, like Digital Cameras, Home Theaters, iPhone (obviously), MacBook Pro… etc
Here is the my Froogle Wish List Link.
amazon books chamara digital cameras froogle home theaters iphone macbook pro Personal wish list
Recent Comments