Cette liste de liens pour le développeur web front-end et l’intégrateur HTML & CSS est issue de la veille documentée que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuery déjà publiées sur ce site, auxquelles j’ai ajouté les 78 nouveaux liens publiés depuis, ainsi que 73 tutoriels pour créer des diaporamas et autres Slideshows. Last but not least, vous pourrez accéder à une dernière liste composée d’une bonne centaine de bibliothèques Javascript (Polyfills) pour émuler HTML5 dans les navigateurs qui ne prennent pas les nouvelles API’s en charge. A quelques exceptions près, les liens pointent directement sur les sources d’origine.
La série Decoding jQuery proposée par Shi Chuan (créateur de Mobile Boilerplate et faisant partie de l’équipe de HTML5 Boilerplate) nous propose une immersion (en anglais) dans le code source de jQuery. Après 4 parties consacrée aux bases du framework et aux subtilités de la programmation objet dans jQuery, l’auteur attaque les fonctions et les méthodes principales qui font le charme de jQuery ( extend(), isWindow(), parseXML(), globalEval() et toArray() ) pour le moment. →
Ce tutoriel écrit par Nikola Lazarevic montre comment mettre en forme un texte de type «article» à l’aide de CSS3 et de Lettering.js. L’auteur nous prend par la main et détaille chaque étape : reset.css, styles de base, typographie avec Font-face, mise en forme des paragraphes. Le tout saupoudré d’une pincée de box-shadow et d’une segmentation des mots composant les titres à l’aide de Javascript pour débrider notre créativité en jouant sur les mots. →
Les langages du web comme HTML et CSS sont structurés autour de concepts qui n’ont pas forcément de rapport avec la manière dont ils seront utilisés. Les concepteurs ne sont pas les auteurs ; il appartient à ces derniers de tâtonner puis d’en parler avec leurs voisins pour connaitre les bonnes pratiques du jour. Les spécifications sont très utiles pour comprendre la nature des balises HTML et des propriétés CSS mais ne suffisent pas pour réaliser un site Internet. Et pour cause : il n’existe pas de recette toute faite. Les ingrédients (les contenus) sont uniques et demandent un traitement graphique et un marquage HTML particulier. →
New Twitter Design with CSS and JQuery –Tout le monde ou presque a pu voir la nouvelle interface utilisateur de Twitter. Elle fait un usage intensif de Javascript et si l’utilisation du nombre d’or dans la maquette initiale ne brille pas par sa présence, le reste de l’interface est très fluide et bien pensée. →
Fancy Sliding Form — Ce script jQuery découpe un formulaire en autant de parties qu’il contient de fieldset, accessibles via un menu qui les fait apparaitre sous forme de Slideshow. Cerise sur le gâteau, un symbole apparait sur chaque entrée de menu si les champs n’ont pas été renseignés. Ce tutoriel explique chaque étape : le marquage HTML, les feuilles de style CSS et le code Javascript. Jetez un oeil sur la démonstration. Via @LaFermeDuWeb.
jQuery Tutorials for Designers — La force de jQuery par rapport à d’autres frameworks Javascript est sa capacité à plier le DOM selon notre bon plaisir. Toutefois, la volonté de faire tel ou tel effet ne suffit pas : encore faut-il les connaissances algorithmiques pour y parvenir. Malgré sa simplicité et sa courbe d’apprentissage à la portée de tous, il est toujours bon d’avoir quelques bouts de code sous le tapis de souris pour faire face aux situations récurrentes en matière de webdesign. →
Les frameworks Javascript sont aussi répandus que les critiques qui les accompagnent : trop lourds, pas assez rapides, des bugs, des mises à jour trop espacées ou trop rapprochées, etc. S’il vous est déjà arrivé de tenir tout ou partie de ses propos vous êtes peut-être mûrs pour mettre en place votre propre framework Javascript, suivant en cela l’adage selon lequel on n’est jamais si bien servi que par soi-même ! →
La nouvelle version de css 4 design que j’avais évoqué dans Screenshot de mon prochain design est en ligne. Il reste des ajustements à faire et quelques pétouilles que je corrige au fur et à mesure. Comme vous pouvez le constater la mise en page est sobre avec une palette de couleurs blanche et grise rehaussée de teintes chaudes. Ce thème se situe à mi-chemin entre le format blog et le style magazine dont j’ai beaucoup parlé à une époque. J’ai gardé la succession des billets et la traditionnelle sidebar qui fait tous le charme d’un blog, avec au-dessus, le début d’un article qui se distingue par une illustration généreuse accompagnée de sa légende. →
