PUBLIC MARKS from camel with tag design

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.

Prise électrique écologique U know watt Plaider pour l’écologie c’est bien, économiser l’énergie c’est encore mieux. Savez-vous que 15% de l’énergie électrique consommée par un foyer pourrait être économisée par simple visualisation ? C’est en s’appuyant sur ce constat, que l’équipe de designers d’EDDS Design a conçu le projet de prise électrique écologique U know watt. Un boîtier intelligent et pourtant d’une apparence enfantine. Cette prise affiche la consommation énergétique instantanée via des codes couleurs basiques : le bleu indique une consommation réduite (peut-être pourriez-vous alors éteindre vos appareils en veille ?), le vert symbolise l’état standard (attention à ne pas consommer davantage !), enfin le rouge vous alerte d’un pic de consommation (avez-vous pensé à éteindre les lumières ?). Une prise électrique écolo et ludique. Mais qu’est-ce qu’on attend pour la produire en série ?

Consultante en ergonomie et architecture de l’information, Amélie Boucher est diplômée de l’Université Paris 5. Elle travaille sur l’optimisation d’interfaces web et mobiles pour de grandes entreprises. À travers des méthodes telles que l’audit ergonomique, le test utilisateur, le maquettage conceptuel ou encore l’analyse concurrentielle, elle améliore l’ergonomie des interfaces. Convaincue de l’importance de sensibiliser l’ensemble des acteurs du web aux bonnes pratiques de l’ergonomie, elle a lancé et animé depuis 2003 le site de référence Ergolab.net. Amélie a publié en 2007 Ergonomie web aux éditions Eyrolles et un memento qui livre les points-clés à retenir pour élaborer un site web performant.

J'ai pu rencontrer Ambroise à l'occasion des Search Engine Strategie de 2008. Nous avions alors discuté de divers sujets que vous devinerez aisément ;) Je lui avais également proposé une interview. Malheureusement cela n'était pas envisageable à l'époque.

Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls.

After following this tutorial you will have a basic understanding of how sIFR works and will be able to expand into more advanced areas.

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.

Here are 10 visual exmples to demonstrate on how to use jQuery to enchance user experience and semantic web design (view original jQuery Tutorials).

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. The core of Galleria lies in it's smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery.

Do you feel like something is missing from your site? Do you want to give your design a little snap? Make your site stand out with icons! When used correctly icons can add flavor and character to your site. Below are the top 50 sources for designer icons for use on your website:

Lorsque l’on conçoit un site internet, il faut réfléchir à la façons dont on va disposer les éléments qui vont constituer nos pages. Quelle largeur pour ce site, combien de colonnes, quelle largeur pour chacune d’entre elles, quelle largeur d’espacement entre mes éléments … Autant de questions qu’il va falloir se poser tôt ou tard. Nous allons voir que l’utilisation d’une grille peut être d’une aide précieuse pour trouver les réponses à ces questions.

Alors que le Web évolue pour intégrer de nouveaux standards et que les derniers navigateurs ouvrent de nouvelles voies créatives, l'art du design web est aussi en pleine mutation. Cependant, rares sont les designers web également expérimentés en programmation. Résultat : ils ne peuvent exploiter pleinement toutes les ressources à disposition, car balisage sémantique et CSS sont un frein à leur élan créatif. Andy Clarke a su identifier les difficultés auxquelles sont confrontés ces designers web à la sensibilité plus graphique que technique ; il propose ici aux artistes du Web une approche progressive afin de conjuguer créativité, fonctionnalité et accessibilité dans la conception de leurs sites. Pour cela, les CSS offrent un cadre indispensable, mais il s'agit de s'en affranchir pour les transcender. Dans cet ouvrage révolutionnaire, unique en son genre, vous découvrirez comment implémenter des designs originaux, tout en mettant à profit les possibilités créatives du balisage et des feuilles de style. Vous apprendrez à mettre en place un nouveau workflow, construire des prototypes, utiliser efficacement des grilles, visualiser les balises, etc. Vous "transcenderez" CSS, qu'il s'agisse d'employer les derniers navigateurs prenant en charge la troisième version de cette norme, de collaborer efficacement avec les membres de l'équipe, ou bien plus encore.

ruzee.com - Steffen Rusitschka » ShadedBorder - JavaScript Round Corners with Drop Shadow

swfIR: swf Image Replacement

colordb - la base de données des couleurs

___layouts

Free XHTML/CSS Website Templates - Template World

Button Maker :: Adam Kalsey

//gtmcknight.com: Steal These Buttons

kuler