HTML/CSS
Pearltree d'information sur le codage html/css, sa philosophie et ses avancées. Jun 26
Get flash to fully experience Pearltrees
Le petit journal permanent de CSS3 — 100+ ressources pour commencer
Après mes petits journaux permanents consacrés à la typographie et à HTML5 , voici un numéro spécial qui fait la part belle à CSS3. Ces nouvelles propriétés proposent des effets graphiques ou typographiques à votre page Web, mais pas seulement : CSS3, ce sont aussi des sélecteurs et des pseudo-classes qui vont nous faciliter l’intégration et nous permettre de repousser encore plus loin les frontières de l’univers et au-delà ! En attendant, voici des générateurs de code CSS3 en ligne classés par propriétés ; des ressources pour vérifier la compatibilité des navigateurs et quelques liens pour faire entrer dans le rang les plus récalcitrants ; des tutoriels et des exemples de tests et d’expérimentations diverses avec CSS3 qui devraient vous inspirer. Ce guide permanent sur CSS3 contient plus d’une centaine de liens, pour commencer.Should You Reset Your CSS?
This article explores the ongoing debate on whether or not web designers and web developers should reset their CSS, sharing the thoughts and opinions of several web professionals. This is a three-part series of articles on the topic of CSS resets. After discussing the rich and interesting history of CSS resets ( Part 1 ) and going over CSS reset stylesheet options ( Part 2 ), we will now discuss the pros and cons of using reset stylesheets here in Part 3.
This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world. While almost all of these CSS resets are generally provided free for public use (many through Creative Commons licensing), it is incumbent upon you to check the terms of use before putting them to use in your projects. This guide follows Part 1 , where the history of CSS resets was discussed; you’re advised to read that before this one to get the most out of this guide. This is Part 2 of a three-part series of articles on the topic of CSS resets.
A Comprehensive Guide to CSS Resets
When artists begin a new painting, they don’t immediately reach for the cadmium red and the phthalo blue. They first prime the canvas . Why?
The History of CSS Resets
We’ve already covered the thirty CSS selectors that we should all memorize ; but what about the new CSS3 properties? Though most of them still require a vendor-specific prefix, you can still use them in your projects today. In fact, it’s encouraged! The key is to first determine whether or not you’re okay with a slightly different presentation from browser to browser. Are you okay with, say, IE displaying 90 degree corners, rather than slick rounded ones?
10 CSS3 Properties you Need to be Familiar with
HTML5 : 20 Conseils et astuces pour coder proprement ses pages
Voici une liste de 20 astuces pour coder vos pages proprement en HTML5 . Tous ces conseils, mis bout à bout, vous serviront à améliorer votre référencement, respecter certaines normes W3C ou encore optimiser la compatibilité. Efforcez-vous de suivre le plus rigoureusement ces règles en fonction de votre projet. 1.
Ressources en développement Front-end : HTML 5, CSS 3
Cette page collecte un ensemble d'articles sur les langages HTML 5 et CSS 3 . Elle est régulièrement mise à jour en fonction des éléments trouvés ou rapportés par d'autres via des réseaux sociaux. Alors encore merci à tous ces contributeurs... Ressources HTML 5 Les indispensables W3Cschool : HTML 5 - Langue anglaise : tout savoir sur toutes les balises de ce langage, leur utilisation, les attributs,...
35 Fresh CSS3 Articles & Tutorials / CSS / Splashnology - Web Design and Web Technology Community
Stryker, May 11, 2010 This is cool collection of most wanted, usefull tutorials and articles by CSS3. In this article you find out how make cool CSS3 Gradient Buttons, Sliding or bouncing Navigation without JavaScript, Slide effect menu with the Apple-Style and much more. Hope you like it. Thanks
Creating A Custom HTML and CSS Framework for Rapid Development
In this article I will go over creating a custom framework to have and use for your own projects. This to me has been one of the best resources to me in creating websites for clients. I found just like everyone else that after doing so many web pages you hit the point of realizing you keep typing the same things over and over. To try and cut down on some of the time it was taking me just to get started on a project I decided to make my own “framework” that I would use as a basic starting point. I have found this to be a great way to carry around my framework with me anywhere I go on my USB memory stick, and to be able to start a project much faster than I normally would have.
Coins arrondis CSS
Pour réaliser des blocs (menus ou autres) avec des coins arrondis, il existe principalement trois méthodes en CSS, qui offrent plus ou moins de fluidité et de possibilités graphiques. Créer des coins arrondis avec une seule image, coulissante en hauteur et en largeur, permet une certaine liberté graphique et s'adapte à un design fluide. N'hésitez pas à nous faire part de votre avis sur cet article : 6 commentaires Les trois méthodes courantes pour créer des coins arrondis sont :
Les meilleurs livres pour CSS
Suite à la lecture de ce livre, le premier mot qui me vient à l'esprit : apologie. En effet, ce livre est une belle apologie des standards du web. Voulant m'auto-former aux technologies du web, j'ai pensé que ce livre était parfait pour commencer. Vous aurez donc ici, la critique d'un néophyte. Facile à lire, ce livre est à la fois complet et amusant.Le HTML5, c’est génial. Même Steve Jobs le dit (et pourtant c’est le roi de la mauvaise foi…). Bon pour Monsieur Apple, c’est son combat vs. Adobe qui le motive.
Blog Archive » HTML 5, c’est trop bien – engagez-vous! - Framasoft Framafox
Les sprites CSS - Alsacréations
Le temps des onmouseover , des images préchargées via JavaScript et des autres joyeusetés héritées des grandes périodes de tag soup est, comme le temps des Elfes de la Terre du Milieu, définitivement révolu : faire des effets de rollover sur des images est tout à fait possible en utilisant uniquement les CSS. La technique consiste à exploiter un fichier unique pour stocker de multiples images, positionnées les unes à côté des autres . Celles-ci seront ensuite appelées dans la feuille de style, et la fenêtre d'affichage sur l'une ou l'autre image sera définie en CSS grâce à la propriété background-position . Attention : la technique exposée dans ce tutoriel est à manier avec précaution car elle peut engendrer des problèmes d'accessibilité (typiquement lorsque les images ne sont pas actives).Bien que les spécifications CSS 3 soient encore en phase de maturation, il devient acquis qu'un certain nombre de ses composantes sont déjà exploitables en production sur les navigateurs actuels , moyennant quelque gymnastique pour notre attachant boulet à tous qu'est Internet Explorer. Le contexte actuel est pour le moins excitant pour nous autres webdesigners, puisque l'on peut enfin s'évader d'une norme CSS2.1 vieille de plus de 10 ans ! Nous nous trouvons dans une période clé, et de grands changements vont bientôt s'opérer dans notre façon de travailler au quotidien. Cependant Internet Explorer modère cet engouement puisque seule sa version 9 commence à supporter ces nouveautés, version encore au stade beta non utilisable par le grand public. De multiples ressources CSS3 pour déjouer les faiblesses d'IE voient le jour presque quotidiennement, notamment par l'ajout de JavaScript.
Utiliser CSS3 aujourd'hui, outils et ressources - Alsacréations
Beaucoup de Webdesigners en rêvent : utiliser les CSS plutôt que le JavaScript ou le Flash pour animer leur page web. Ce rêve devient petit à petit concret avec les nouvelles implémentations des modules CSS en cours de travail (Working Draft), notamment CSS3 Animations. Celui-ci équipé des keyframes devient fort intéressant pour un contrôle avancé des animations. Nous verrons donc comment utiliser cette nouveauté, mais aussi comment combiner intelligemment la pseudo-classe target pour réaliser un slideshow.