15 CSS Tricks That Must be Learned

As web designers and developers, we have all come to learn many css tricks and techniques that help us achieve our layout goals. The list of these techniques is an ever expanding one, however, there are certain tricks that are essential to achieve your goal. Today, we will review 20 excellent css techniques to keep in mind when developing your theme…

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

Understanding CSS z-index

Usually HTML pages can be considered two-dimensional, because text, images and other elements are arranged on the page without overlapping. There is a single rendering flow, and all elements are aware of the space taken by others.

In CSS 2.1, each box has a position in three dimensions. In addition to their horizontal and vertical positions, boxes lie along a “z-axis” and are formatted one on top of the other. Z-axis positions are particularly relevant when boxes overlap visually. Learn how to control z-index in your CSS files…

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

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)