Archive for Css technique

Using flexible CSS layouts to keep your content in order of priority

Keeping the content in order of priority improves the accessibility of your pages. How to use CSS to achieve any column layout, while keeping the most relevant content highest on the page? CSS reference

A really well-done and exhaustive css properties reference, with examples of their use and the cross-browsers compatibility.
Great simple and clear interface, with a box search and a list of the sections, to browse the contents of this reference. Work by Tommy Olsson and Paul O’Brien.

Pure CSS MiniAdv

We’ve received quite a number of emails from designers who want to know how our MiniAdv banner works. Is it a JavaScript, a PHP solution, a server-side application? No, it’s even more simple. It’s CSS. Here we’d like to explain it in details!

Css resources

A great collection of tools to improve Css design technique: from colors and backgrounds, fonts and shapes, sizes or positions to faster and progressive loading of pages and much more.

The Positive Side of Negative Margins

Paul O’Brien shows us the positive side of negative margins on static and float elements.

Pro CSS and HTML Design Patterns website

Pro CSS and HTML Design Patterns is a valuable reference for using CSS on your website. The companion website lets you play with each pattern (over 350).

@media 2007 podcasts

Podcasts from this year’s @media (London, June 7th-8th) are now available, including audio and slides.

Free templates for Picasa

For the numerous users of Google’s imagebrowser Picasa, some templates to create web photo galleries and slideshows even without any knowledge of HTML, CSS and Javascript.

User Style Sheets Come of Age

From an accessibility point of view, user style sheet is a powerful tool for people with a vision impairment. But per-site user style sheet could be useful also for customising the aspect of common use applications.

Using a Background Image Grid to Lay Out Your Web Site

Christian Watson, the author of Smiley Cat Web Design, explains this useful technique on his website incuding the Fireworks source file of the grid. You apply the grid to the body of your page as a background image so that it displays behind your site. Thus you can use it to precisely line up your layout.

Chapter Excerpt from ‘Web Standards Creativity’

On Digital Web Magazine a chapter excerpt from the recently published book, Web Standards Creativity. Title of the excerpt: Creative Use of PNG Transparency in Web Design by Jeff Croft.

Maybe is it time for CSS2.2?

Nowdays designers’ needs are growing faster than CSS official recommendations. In an article which ends with the suggestion of CSS2.2 as interim step, Andy Buddy investigates the possible causes, both technical and political, of the delay in CSS3 recommendation release.

About Web Standards

A comprehensive explanation of what is comprised in the term and what not. At the end of the article, a list of resources for learning more.

Bulletproof stylish link buttons

Roger Johansson, author of 456 Berea Street, explain us how to create elegant, resizable and accessible link buttons with Css.

5 questions to 35 designers

A long useful article with the answers of 35 webdevelopers to 5 design-related questions asked in March by Smashing Magazine.

Galleries, Slideshows and Lightboxes

30 scripts of impressive slideshows, lightboxes and galleries for images presentations, divided into 3 categories: Ajax Image Galleries & Lightboxes, CSS-Based Image Galleries and JavaScript + CSS-based Galleries & DHTML-Galleries.

Techniques for better CSS coding

On a recent well-done article, Smashing magazine presents 70 useful tips, tricks, tips, ideas, methods, techniques and solutions used by expert webdesigners for better semantic css coding.

News and Articles

@media 2009 London

One day to go! What is considered one of the most intriguing and awe-inspiring web events around, will take place in London on Tue 25th and Fri 26th.

12 examples of mind-blowing websites

Web designers struggle every day to create impressive and usable websites, but what makes the difference between a good and functional product and a mind-blowing one?

News and articles archives

Recommended Books

Bulletproof Web Design

Bulletproof Web DesignStandards-based strategies for building designs that provide flexibility, readability, and user control--key components.

Web Standards Creativity

Web Standards Creativity10 web design lessons from 10 of the worlds best web designers: cutting-edge XHTML, CSS, and DOM scripting techniques.

Recommended books archives