The Optimal Line Length Principle Applied to Web Design

There are many differences between web design and print design. Some of the priniciples of print design are also applicable to web design. One of the most useful is the Principle of Optimal Line Length. It states that, for any given font-size of a multiple-line block of type (like a paragraph), there is a range of line lengths and line-heights that most people consider easily readable…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Trick Out Your CSS With Server Side Code

CSS is a great tool for styling web pages and keeping the style code in it’s own place, instead of mucking up the HTML. Unfortunately, CSS is not a programming language, and does not have the tools that come with a server side language like PHP. However, we can use Server-side languages to generate style sheets, and get the best of both worlds…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

First Look: Object Oriented CSS

Just another framework? Think bigger: “OOCSS isn’t really a framework … but a way of writing scalable, sane, maintainable CSS”. Most web designers tend to write CSS code so that it requires as little extra markup as possible. Fundamentally, adopting OOCSS is making a mental shift towards easy maintenance and reuse of your styles, even if it means writing extra HTML markup…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Fighting Form Spam With CSS

Fighting form spam is something almost every website owner has to face. If you allow comments on your site you will most likely be a subject of form spam attacks. The most effective and most popular way of fighting form spam is using generated images (captchas) that contain text that user should then retype into an input field. Since there are OCR algorithms that can read images, most of the time captchas contain messy and distorted text.

Here’s an anti-spam solution that relies on pure CSS…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Styling a Poem with Advanced CSS Selectors

CSS3 selectors offer endless possibilities of targeting specific HTML elements without the need of extra markup (which was already possible with previous versions of CSS). Learn how to style the popular nursery rhyme “Twinkle Twinkle Little Star” using advanced CSS selectors, all in less than 5 minutes…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Take Your Design To The Next Level With CSS3

It’s time to introduce CSS3 features into our projects and not be afraid to gradually incorporate CSS3 properties and selectors in our style sheets. Making our clients aware of the advantages of CSS3 (and letting older deprecated browsers fade away) is in our power, and we should act on it, especially if it means making websites more flexible and reducing development and maintenance costs…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

45+ CSS Grid Systems, Layout Generators and Tutorials for Designers

In this you’ll find a large collection of CSS Grid Systems, online generators and tutorials. Using a CSS Grid System is really worth considering if you’re planning to create a complex web site layout…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)