Derrière ce titre un peu abscons se cache une astuce permettant d’accéder à un onglet et à une ancre spécifiques depuis une URL contenant les paramètres adéquats. L’idée est de pouvoir accéder au contenu des «tabs» sans être obligé de cliquer sur les onglets eux-mêmes. La proposition qui suit ne prétend pas être la meilleure dans le genre, mais elle a le mérite d’être fonctionnelle. →
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.
Un Polyfill est un script qui permet d’émuler les fonctionnalités qui manquent à un navigateur. Par exemple, HTML5 est constitué de nombreuses API dont certaines ne sont pas prises en charge par tous les navigateurs, y compris les plus récents. Les Polyfills permettent d’utiliser ces API d’une manière standard sans être obligé d’utiliser des contournements qui seront obsolètes à terme. Pour nous aider dans cette tâche, voici une collection de bibliothèques Javascript pour implémenter les fonctionnalités HTML5 dans les navigateurs qui ne les proposent pas nativement. Modernizr est un bon point de départ pour détecter ces fonctionnalités. →
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. →
nanotabs — Cette version allégée du plugin jQuery idTabs est un script autonome (sans jQuery ou autre framework Javascript) qui permet de faire des menus à onglets à partir de simples listes pour le poids dérisoire de 2 KB, ce qui ne devrait pas gréver les performances d’affichage de votre site ou de votre blog. →
jMenu est un système de menu horizontal en jQuery et jQuery UI qui autorise un nombre illimité de sous-menus. jMenu possède plus d’une douzaine d’options : largeur des sous-menus, position (top et left) du premier niveau par rapport au niveau supérieur, délai d’ouverture et de fermeture des sous-menus, type d’effets applicables à l’ouverture ou à la fermeture des niveaux, etc. →
Simple Tabs w/ CSS & jQuery est un tutoriel expliquant de manière concise les différentes étapes pour réaliser un système de menu à onglets. Soh Tanaka détaille le balisage HTML, le script jQuery et la feuille de style CSS. →
jqDock est un plugin jQuery qui permet de mettre en place un Dock Menu (set d’images qui s’agrandissent au passage de la souris) popularisé par l’interface de MaxOS X d’Apple. jqDock autorise les Docks horizontaux ou verticaux avec ou sans labels. Voir aussi CSS Dock Menu qui offre un effet similaire.
Jay Salvat nous propose la première partie d’une série de 8 tutoriels sur la création d’une arborescence de fichiers à l’aide de jQuery. Au menu :
WordPress est un CMS formidable, ce qui ne l’empêche pas d’avoir des lacunes. L’une d’elle concerne la possibilité de construire des menus composés de liens vers des pages ou des articles publiés sur le blog, ce qui est courant avec des CMS comme Drupal ou Joomla. En général, je me contente de créer mon menu en HTML et ça fonctionne très bien. Toutefois, cette solution n’est pas toujours très évidente à maintenir. Voici la solution que j’ai retenue pour la mise en place des liens pointant vers les articles que je souhaitais mettre en avant sur ce blog. →
