Le petit journal du web — WordPress, développement web, etc.

Dans ce petit journal du web, je vous propose quelques liens qui ont retenu mon attention ces dernières semaines. Du côté de WordPress : optimisation de la base de données, des images, du cache, du nombre de requêtes dans les templates ; quelques diapositives issues du dernier WordCamp ; des explications sur le succès de WordPress face à ses concurrents ; un retour d’expérience sur la vente de thèmes WordPress ; et des fonctions utiles pour votre fichier functions.php. Du côté du développement web et du webdesign : une documentation interactive complète sur les API’s des langages du web (CSS, HTML, JavaScript, DOM & jQuery) ; un blog de qualité sur le développement web ; un tutoriel sur jQuery et un autre sur les fondamentaux de JavaScript ; et 18 outils gratuits pour faire des maquettes d’interface graphique. Et bien d’autres liens à garder sous la molette !

390 ressources Javascript & jQuery

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.

Le Petit Journal du Web — 09/2011

Le dernier Petit journal du web paru sur CSS & Webdesign remonte à loin. Pour me faire pardonner, voici les meilleurs liens sur lesquels j’ai trébuché au mois de septembre. Au menu : thème WordPress pour démarrer vos projets de site web ; tutoriel interactif pour apprendre les bases de la programmation en général et Javascript en particulier ; coins arrondis propres pour vos images ; mise en place un Content Delivery Network (CDN) pour améliorer les performances de vos pages web ; tutoriel plein de poésie pour apprendre les CSS ; menu déroulant dédié aux smartphones iPhone, Android, etc.

Codecademy : un cours Javascript interactif et ludique

Apprennez les bases de la programmation Javascript de manière interactive et pro-active avec Codecademy. Ce site propose une console dans laquelle l’apprenant est inviter à saisir des lignes de code pour voir ce que ça donne. Très simple, voire basique, cette initiative permettra néanmoins à celles et ceux qui veulent se lancer dans la programmation d’avoir quelques bases tout en s’amusant. Vous pourrez partager votre avancement dans les leçons avec vos amis pour une saine émulation et un système de badges vous donnera des jalons pour mesurer vos progrès. Via roget.biz

Développer une application avec HTML5 et Javascript

Ce tutoriel HTML5  intitulé «Retours sur un développement HTML5 & JavaScript avec Visual Studio 2010» présente les différentes étapes pour réaliser un mur d’images et avoir la possibilité de zoomer sur une carte et de dézoomer pour retrouver une vue d’ensemble. Le tutoriel est composé de 12 parties que je vous laisse découvrir :

WordPress de A à Z — E comme Extensions (les plugins)

WordPress offre un environnement de publication complet, prêt à accueillir vos textes, vos images et les commentaires des lecteurs, dès l’installation. Cet aspect «Prêt à Publier» n’empêche pas d’avoir envie d’ajouter ou d’étendre les fonctionnalités du CMS grâce aux extensions qui s’installent en deux clics depuis l’interface d’administration. Parmi les quelques 15 000 plugins disponibles, voici les 11 que j’installe le plus souvent au lancement d’un site WordPress, et ceux que j’utilise moins souvent. Voici le sommaire complet des 26 articles de WordPress de A à Z.

Mise en page typographique avec CSS3 et Lettering.js

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.

yepnope.js — Chargement conditionnel de scripts pour vos « Polyfills »

yepnope.js permet de charger un script de manière asynchrone selon qu’une fonctionnalité est disponible ou non dans le but de ne charger que l’essentiel. C’est le compagnon idéal de Modernizr qui se charge de détecter les fonctionnalités en question (cf. Modernizr — Détection des fonctionnalités CSS3 et HTML5). Un Polyfills est une fonction (généralement en Javascript) qui émule une fonctionnalité pour les navigateurs ne la prenant pas en charge (cf. What is a Polyfill?). Grâce à Modernizr et yepnope.js il est possible d’utiliser les fonctionnalités HTML5 et CSS3 en première intention tout en ménageant une porte de sortie pour les navigateurs plus anciens.

Minify — Accélérez l’affichage des pages en réduisant le nombre de requêtes HTTP

Minify est un script PHP5 dont l’objectif est d’aider les webmasters à atteindre un des objectifs les plus importants des règles de hautes performances pour les sites web proposées par Yahoo! : diminuer le nombre de requêtes HTTP. Pour y parvenir, Minify combine (concatène) les fichiers CSS ou Javascript. En prime, il supprime les commentaires et les espaces en trop. Minify se charge même de l’encodage gzip tout en envoyant les bons en-têtes (headers) au navigateur.

Treesaver — Framework Javascript pour créer des maquettes de type magazine

Treesaver est un framework Javascript conçu pour faciliter la création de maquettes de sites web de type magazine qui s’adaptent automatiquement à une large variété de périphérique de sortie, le tout à l’aide des langages standards du web : HTML et CSS. Aucune connaissance en programmation Javascript n’est nécessaire. L’ensemble ne pèse que 25 ko gzippé pour un affichage assez rapide sur les périphériques mobiles.