Blogmarks : Public marks from julie with tags javascript & css

Questions de rendu — Performance web

Sur les sélecteurs CSS

Tout d’abord on confirme ce qui avait déjà été écrit sur les sélecteurs CSS, c’est à dire qu’ils sont interprétés de droite à gauche. Il faut tenter d’être le plus précis possible à droite, dans l’idéal un identifiant, un nom de classe, ou au moins un nom de balise. Le reste du sélecteur a plus tendance à ralentir qu’autre chose.

Le second point concerne :hover qui pose si j’ai bien compris des problèmes. Soyez le plus précis possible sur la partie qui contient le :hover, même si elle n’est pas à droite du sélecteur.

Sur l’organisation de vos scripts

Enfin, et c’est probablement la remarque la plus importante à mon humble avis, il vaut mieux parfois en javascript faire une boucle pour lire des informations et une seconde pour modifier le DOM, plutôt que de tout faire en une passe. C’est cohérent avec ce que les bons intégrateurs connaissent déjà mais je crois que peu de gens le mettent en pratique.

optimisation javascript web css

Google Doctype - Google Code

by 5 others

Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers. It includes articles on web security, JavaScript DOM manipulation, CSS tips and tricks, and more. The reference section includes a growing library of test cases for checking cross-browser and cross-platform compatibility.

css web javascript google dom test

Snipplr is a public source code repository that gives you a place to store and organize all the little pieces of code that you use each day. Best of all, it lets you share your code snippets with other coders and designers. Did we mention it works with TextMate, too? It's code 2.0.

snippets code javascript php html css

FleXcroll, Flexible and Accessible Custom Scroll Bars

by 4 others

A Cross Browser* and Standards Compliant Custom ScrollBar Script by Hesido

javascript css scrollbar

google-code-prettify - Google Code

by 7 others (via)

A Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page.

css javascript google html

swfIR: swf Image Replacement

by 25 others

swfIR (swf Image Replacement) is here to solve some of the design limitations of the standard HTML image and its widely-accepted associated CSS values, while still supporting standards-based design concepts. Using the dark arts of JavaScript and Flash, swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website. Through progressive enhancement, it looks through your page and can easily add some new flavor to standard image styling.

css javascript design html