I would like to evaluate three websites, Lost and Taken, Quora and Forrst
| Lost & Taken | Quora | Forrst | |
|---|---|---|---|
| Typography | San-Serif 2-3 type of fonts | San-Serif 2-3 type of fonts | San-Serif 2-3 type of fonts |
| Color Scheme | Vintage, Reminiscing | Cool, Semi-formal | Cool, Informal |
| Layout | 2 column | 2 column | 2 column |
| Grouping and Hierarchy | Yes | Yes | Yes |
| Figure and Ground | Good Separation | Good Separation | Good Separation |
| Composition | Rule of Third | Rule of Third | - |
All these three website uses CSS. It is quite difficult to find website that does not use CSS now a days. In time to come, HTML5 is going to phase out inline styling, further enforcing the web designers to use CSS.
In order to standardize design across the websites, HTML and CSS uses classes. Therefore, all content with the same class will utilize the same CSS bring about a uniform look across the website. This will also allow consistent in the hierarchy and allows viewers to understand the groupings easier.
Advantages of CSS
- Consistency
By making one change to your website's CSS style sheet, you can automatically make it to every page of your website. Not only does CSS save time, it also ensures that your web pages have consistent styling throughout your site. - Viewing Options
CSS can help to make websites available for different media by allowing the same markup page to be presented in different viewing styles i.e. for print or for a mobile device. - Superior styles to HTML
CSS has a much wider array of attributes than HTML, therefore allowing more visual designs to play around with. - Accessibility
By separating style and content, it is easily for content-creator to focus on creating or modifying the content instead of having to juggle style and content at the same time. This also allow search engines to search for content more efficiently.
What is WOFF
The Web Open Font Format (WOFF) is a font format for use in web pages. Other font types are TrueType, OpenType, Open Font Format and SVG fonts. It is not expected to replace these format, but just provide and alternative and if possible a standardization for web pages.
Advantages of WOFF
- WOFF fonts are compressed, so they download faster.
- Include support for tags and other unencrypted metadata.
WOFF doesn't really have any disadvantages, not that its advantages are very attractive either.
I cannot find any website using WOFF but I am sure there are good websites that are using WOFF, just that I do not know how to search for them.
No comments:
Post a Comment