background preloader

HTML5/CSS3

Facebook Twitter

CSS3 : Transformations 2D. CSS3 apporte les transformations en 2 dimensions à travers la propriété transform et une liste de fonctions prédéfinies. Voyons ensemble la prise en charge actuelle de cette propriété et des fonctions qui l'accompagnent. La propriété CSS transform permet de manipuler un élément HTML sur les axes X et Y (horizontal et vertical) grâce à des fonctions diverses de transformation graphique. Il est donc possible de modifier l'apparence d'un élément grâce à un ensemble fonctions 2D : Syntaxe La syntaxe est simple d'emploi. transform: function(value); Il est souvent nécessaire d'utiliser les préfixes vendeurs (-webkit-, -moz-, etc.) devant la propriété transform pour utiliser les transformations 2D sur les versions actuelles et passées de navigateurs.

Il est également possible d'effectuer des transformations combinées en espaçant les fonctions d'un simple caractère blanc. transform : function1(value1) function2(value2) function3(value3); La propriété transform-origin transform-origin: 50% 50%; Web Font Specimen. CSS maintenables. Kaelig Deloumeau-Prigent (252 pages, Éditions Eyrolles / Design web, ISBN-13: 978-2212134179) Encore un nouveau livre sur CSS me direz-vous ! Certes, mais celui-ci capte enfin un public différent. Il se pose en quelque sorte comme un chaînon manquant entre les livres de CSS purement dédiés aux designers et les autres plus techniques. Celui-ci s'adresse vraiment aux intégrateurs confrontés à des projets CSS quotidiennement.

Le sous-titre de l'ouvrage ("avec SASS et Compass") porte à confusion d'entrée de jeu, car... il ne s'agit pas d'un livre sur SASS et Compass. Le reste de l'ouvrage traite plus généralement (et heureusement selon moi) de bonnes pratiques, de conventions, d'outils et d'astuces. Mon ressenti sur ce livre est extrêmement positif : pour moi, il s'agit ni plus ni moins du livre que j'attendais depuis très longtemps dans le domaine des CSS; thème déjà très souvent traité mais rarement voire jamais dans un contexte de production et de bonnes pratiques. Sommaire. Developer Network. No Excuse List. Rowanmanning/pigeon.

Libraries

Asynchronous UIs - the future of web user interfaces. It's an interesting time to be working on the frontend now. We have new technologies such as HTML5, CSS3, Canvas and WebGL; all of which greatly increase the possibilities for web application development. The world is our oyster! However, there's also another trend I've noticed. Web developers are still stuck in the request/response mindset. Speed matters; a lot. Amazon: 100 ms of extra load time caused a 1% drop in sales (source: Greg Linden, Amazon).Google: 500 ms of extra load time caused 20% fewer searches (source: Marrissa Mayer, Google).Yahoo! Yet, despite all this evidence, developers still insist on using the request/response model. A good example of the problem is Gmail's 'sending' notification; how is this useful to people?

As developers, we should optimize for the most likely scenario. The solution I've been working on this problem, specifically with a MVC JavaScript framework called Spine, and implementing what I've dubbed asynchronous user interfaces, or AUIs. The result. Developer Connection.