public marks

PUBLIC MARKS from camel with tag design

November 2008

Create an apple style menu and improve it via jQuery | Kriesi.at - new media design

by 2 others
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.

October 2008

Prise électrique écologique U know watt

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 ?

designers interactifs - Le design numérique - Actualité - 3 questions à… Amélie Boucher, ergonome web

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.

Interview d'Ambroise "alec" Fensterbank, de l'équipe qualité de recherche Google (1ère partie) - Référencement, Design et Cie

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.

September 2008

July 2008

Net Perspective Website Design - Based in College Station, Texas - Products - Scroll Follow

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

April 2008

» This is How You Get sIFR to Work | Design Intellection

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

March 2008

woork: Perfect pagination style using CSS

by 5 others (via)
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.

jQuery Tutorials for Designers

by 6 others
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 - Google Code

by 3 others (via)
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.

January 2008

December 2007

The Icon Grab Bag: The Top 50 Sources for Free Designer Icons > Design Vitality

by 3 others (via)
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:

October 2007

grille, mise en page, composition, webdesign, harmonie

by 9 others
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.

September 2007

Livre Transcender CSS - A. Clarke - Sublimez le design web ! - Librairie Eyrolles

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.

May 2007

March 2007

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

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

February 2007

Free XHTML/CSS Website Templates - Template World

by 43 others
Free XHTML/CSS Website Templates - Template World

January 2007

camel's TAGS related to tag design

accessibilite +   ajax +   blog +   book +   bookmark +   bookmarks +   box +   build +   button +   checklist +   client/serveur +   colonnes +   color +   complémentaires +   contours +   contrôle +   corner +   corners +   couleur +   css +   dom +   effect +   environment +   ergo +   ergonomie +   flash +   float +   form +   framework +   free +   gallery +   generator +   gird +   google +   graphics +   grid +   grille +   groupe:clever age +   html +   icon +   icons +   images +   interface +   javascript +   jQuery +   layout +   librarie +   list +   livre +   management +   menu +   navigation +   online +   opensource +   openweb +   optimisation +   pagination +   photo +   php +   picture +   plugin +   png +   project +   psd2html +   qualité +   ressources +   robot +   rounded +   rounded_corners +   rss +   sample +   scroll +   search +   seo +   server +   shadow +   sifr +   site +   slides +   standard +   standards +   swf +   tabs +   template +   tips +   tool +   tools +   tutorial +   ui +   valid +   vectoriel +   web +   web_design +   webdesign +   webdev +   xen +   xhtml +   xml +   xslt +   yui +