Get flash to fully experience Pearltrees
L’une des innovations majeures apportées par le CSS3 est la capacité à « transformer » des éléments. Ces transformations, qui peuvent être effectuées en 2D (sur la plan de la page) ou en 3D, permettent d’enrichir l’expérience utilisateur avec de tout nouveaux types d’effets visuels. Les transformations combinées avec les transitions permettent en effet d’animer des éléments HTML en effectuant des rotations, des transitions ou des changements d’échelle. Nous allons aujourd’hui appliquer ces transformations dans l’espace grâce aux transformations 3D du CSS3 !
Quand je pense à l'état actuel du web, j'ai le sentiment qu'on est entré dans la 3ème génération d'intégrateurs. Chaque génération a été marquée par sa guerre entre navigateurs, ses outils de développement, et ses bonnes et mauvaises pratiques. La première génération était la génération Netscape/Internet Explorer , du milieu des années 1990 jusque l'an 2000. Netscape était le navigateur dominant, mais s'est rapidement fait rattraper par Internet Explorer. La connexion à Internet se faisait en général en 56k. Les sites étaient principalement codés à l'aide d'éditeurs WYSIWYG, comme Microsoft Frontpage ou Macromedia Dreamweaver.
Nous, les personnes qui faisons des sites web, parlons depuis quinze ans d’expérience utilisateur, d’architecture de l’information, de systèmes de gestion de contenu, de programmation, de métadonnées, de design visuel, de recherche utilisateur et de toutes les autres disciplines qui permettent à nos utilisateurs de trouver et de consommer du contenu. Mais bizarrement, nous ne parlons jamais de l’essentiel : le contenu lui-même. Lire l'article. Il existe plusieurs manières de disposer les labels sur les formulaires.
Note: Only supported in IE6 and IE7 on elements with a display of "inline" by default. Alternative properties are available to provide complete cross-browser support. Note: IE7 does not support "inherit" as a value on any of these properties. IE8 has some bugs with max-width/height combined with overflow: auto/scroll. Method of setting the transparency level of an element Note: Transparency for elements in IE8 and older can be achieved using the proprietary "filter" property and does not work well with PNG images using alpha transparency.
Since CSS3 has become such a big deal in the future-thinking minds of web designers today, I think it would be appropriate for front-end developers to begin formulating some best-practice habits and techniques so that any CSS3 development we do is done right, and we therefore are able to get CSS3 development off to a good start. By no means do I assume that everything in this article is etched in stone and error-free, but I think this will be a good starting point for this topic, and I will be happy to add to or amend any points that anyone feels need adjusting or clarification. Consider this a starting point for discussing best practices for CSS3, especially since there don’t seem to be many articles available yet that exclusively discuss CSS3 best practices. Think Progressive Enhancement The most accessible and widely-supported websites are those created with progressive enhancement in mind.