» 20 tutoriaux CSS3 pour vous préparer au futur du web

Le web design évolue constamment, au grès des modes et des technologies. Les graphistes et designers doivent non seulement garder un oeil sur les nouvelles tendances mais aussi sur les dernières technologies comme jQuery, HTML5 et CSS3, qui permettent d’exprimer une plus grande créativité tout enrichissant l’expérience de l’utilisateur. Ces 20 tutoriaux CSS3 vous permettront d’apprendre à coder de superbes éléments web interactifs. Ajoutez ces sites à vos favoris, et prenez votre temps… N’hésitez pas à partagez de billet avec vos collègues / amis ! Ces 20 tutoriaux CSS3 ont été référencés sur web design ledger par Tomas Laurinavicius. Construisez rapidement une page annonce (teaser) en CSS3 Avec ce tutoriel, vous apprendrez à créer une page annonce en utilisant uniquement CSS. Créer un menu déroulant avec CSS3 Avec ce tutoriel relativement simple, vous apprendrez à coder un menu déroulant en CSS3 pour un résultat simple, propre et professionnel. Accordéon avec CSS3 Tableaux de prix en CSS3

Générateur CSS3 Avec les dernières avancées CSS3, de nombreux effets qui demandaient autrefois le maniement de Photoshop sont désormais directement codable en CSS. Il est cependant toujours un peu difficile de visualiser des effets graphiques (ombrages, dégradés…) en regardant une ligne de code. Cette liste de générateurs CSS vous permettra d’obtenir facilement les effets de style désirés via une interface graphique, et d’extraire le code CSS correspondant. Cette liste de générateurs CSS3 a été publiée par Chris Spooner sur le site Line25 . Les générateurs CSS3 tout-en-un Les générateurs CSS de grille et de squelette Les générateurs CSS de dégradé (gradient) {*style:<b> </b>*} Les générateurs CSS de bouton Les éditeurs CSS de texte Les générateurs CSS de « sprite » Le meilleur du reste

Using CSS to Fix Anything: 20+ Common Bugs and Fixes Jun 15 2008 Without a doubt, a logical and structured layout is the best way to go. Not only because your layout varies between browsers, but also because CSS has a lot of ways to position every element you have. This is the first part in this series as there are SO MANY good tricks out there and if you see an easier or better methods, then post a comment below or email me. You might be interested to check our other related post for some inspiration: IE Bug Fixes 1- Bug Fix: IE Double Margin Float Bug- It’s an Internet Explorer-exclusive bug wherein an element that is floated – and given a margin in the same direction as the float – ends up with twice the specified margin size. To something like this: 2-Overcoming the Box Model Hack- If you want to specify a width to any div, do NOT specify padding or margins. Do something like this: 3-Min-height attribute ignored in IE- “min-height” attribute works well in Firefox but IE ignores it. Centering a Block Element Column Issues CSS Positioning

Top 20 Essential Firefox Add-ons for Web Designers Mozilla Firefox is a very popular browser, especially among web designers and developers. These days, with such a crowded field, staying at the top of the browser heap takes a lot of work. One of the factors that make Firefox so well-liked is the huge library of great extensions that enhance your browsing experience. Among the massive list of add-ons, many are vital to web designers and developers. If used, it will make your workflow quicker and more productive. Let’s look at our top 20 essential Firefox extensions geared for people who build websites. 1. The Web Developer add-on extends Mozilla Firefox by adding a toolbar with various options for working with web pages. 2. SeoQuake will help you in optimizing your web pages for search engines. 3. Window Resizer comes in handy for testing different screen sizes and monitor resolutions. 4. FireShot is a Firefox add-on that creates screenshots of your web page. 5. Firebug is considered to be the ultimate developer’s tool for Firefox. 6.

hteumeuleu/miaousletter