PUBLIC MARKS from pvergain with tag css

Top 7 Freshest Designs of 2006

En cette fin d'année 2006, on découvre sur plusieurs sites une synthèse des sites web dits « 2.0 » , comme la sélection des cinquantes plus beaux sites CSS de Smashing Magazine, ou le top 7 du webdesign de l'année chez Wisdump. Ces sélections sont très intéressantes, car en les observant, on peut déterminer plusieurs tendances à la fois dans le design web, mais aussi dans la façon de concevoir. Puisque les listes sont en vogue dans les blogs, voici dix points majeurs, selon moi, du design web en 2006 : * Un zeste de couleur, du vert pomme en passant par l'orange, du rouge au violet pour dynamiser la page. * Un brin de finesse, avec des jeux d'ombres et des dégradés. Les colonnes ne sont plus alourdies par des encarts, les paragraphes de texte dessinant souvent eux même la structure. * De la matière, avec l'utilisation de textures, de motifs ou de photographies, pour que le site occupe l'ensemble de l'écran, la plus part des sites restant encore créés pour une résolution de 800x600 pixels. * De l'illustration, avec de larges bandeaux et de grandes icones, trop souvent inspirées du style aqua de Apple * Une navigation horizontale, plus intuitive et mieux adaptée au web, beaucoup sous forme d'onglets, comme décrit dans l'article « Sliding Doors of CSS », du site A List Apart * Une hierarchisation des contenus, l'utilisation de polices plus grandes, de boutons plus gros, pour plus de lisibilité * Une nouvelle forme de navigation « transversale », notamment via les tags, mais aussi grâce à la démocratisation des flux RSS * Plus de précision, que ce soit dans les URL, mais aussi dans les images ou les liens, le référencement étant devenu le nerf de la guerre * De la simplicité d'utilisation, au niveau des formulaires, de l'interactivité et de la navigation, parfois mêmes épurés à leur maximum * Plus de mise en page par tableaux : aujourd'hui on sépare forme et contenu, on utilise les feuilles de styles (CSS), et on produit un code valide aux respectant les standards W3C Que l'on aime ou pas, il faut s'y faire, l'appellation »Web 2.0», qu'elle soit ironique ou non, fait des émules, et même les grandes marques s'y mettent,

CSS3 is the new kid in the stylesheet family. It offers exciting new possibilities to create an impact with your designs, allows you to use more diverse style sheets for a variety of occasions and lots more. We created this site because we want to share our experiences of CSS3 with you, and want nothing more than to simply be the biggest online resource covering CSS3. (Hey, we're ambitious!)

Cascading Style Sheets [kæˈskeɪdɪŋ staɪl ʃiːts] : feuilles de style en cascade) est utilisé pour décrire la présentation d'un document structuré écrit en HTML ou en XML, et c'est le World Wide Web Consortium (W3C) qui en a la direction.

Des dizaines de gabarits en XHTML pour construire vos sites sans tableaux Voici quelques modèles de mise en page en CSS. Pour vous en inspirer, il vous suffit de choisir l'un des gabarits et d'afficher le code source HTML et CSS (clic droit sur la souris)

What is CleanCSS? CleanCSS is a powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise. The CSS optimizer was originally developed by some awesome dudes over at CSS Tidy. They built the program and have made it free for everyone to use. I stumbled across their optimizer one day while looking for help with my CSS. I wanted to know the shortest way I could style a background of a web site without having to use all the "background-image" and "background-repeat" tags. I found some other optimizers which I tried, but none worked as well as CSS Tidy. It was actually hosted on some random CD Burning website. Why? I have no idea. But after I posted about it on my blog, I noticed that a week later, the site no longer existed. I was bummed because I was trying to show my fellow designers at work this amazing utility. So I took the liberty and installed CSS Tidy on my own webserver and registerd cleancss.com. I also styled it up to my liking (see the grass green colors?). So now I can make sure this kick-ass CSS utility stays up forever. And gets used by web designers everywhere.