PUBLIC MARKS from camel with tags css & tutorial

Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.

This tutorial explains how to design a pagination for search results or more in general to split a long list of records in more pages. It's a question I often receive, so I decided to publish a very simple post which explains how to design a perfect pagination style using some lines of HTML and CSS code.

Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by it's icon. This whole thing was inspired by the "Showing Hyperlink Cues with CSS" article of Ask the CSS Guy. The idea is pretty simple, if a link points to a .pdf file, we show the .pdf icon after the link.

Max Design - Sample CSS Page Layouts

Structure des feuilles de styles

En partant de zéro, réaliser une mise en page CSS. Tutorial en Anglais.

Cet article est une traduction de CSS 2.1 selectors, Part 1, écrit par Roger Johansson pour son blog 456 Berea Street. Une des premières choses à comprendre lorsque l'on commence à étudier les CSS sont les sélecteurs. Il s'agit évidemment d'une partie fondamentale des CSS, mais peu de développeurs les utilisent à leur plein potentiel. Même si beaucoup peut être fait avec les seuls sélecteurs de type, d'ID et de classes, il en existe bien d'autres.

Ces différents exemples ont été initialement conçues pour illuster une conférence CSS donnée en mai 2006.