Lightbox sans Javascript — Les Lightbox s’affichent généralement suite à un événement click
capturé par Javascript. CSS ne possède pas de pseudo-classe :click
, mais cela n’a pas empêché Jérémy Barbe (@capitainemousse) de créer une Lightbox full CSS en remplaçant l’événement click
par la pseudo-classe :focus
et la propriété tabindex
pour permettre aux images d’avoir le «focus». Voir la démonstration. →
HTML 5 Outline — Quelques notes sur la structure des pages Web avec h1 et section
Après l’article Quelques notes sur la balise h1 avec HTML5 dans lequel j’ai abordé l’utilisation des niveaux d’en-tête `h1 — h6` pour savoir dans quelle mesure il est judicieux d’utiliser une ou plusieurs balises `h1` dans une même page Web, je continue sur ma lancée avec la notion d’Outline. Cette dernière fournit la liste des sections imbriquées impliquant les éléments de type Sectioning Content ou Sectioning Root. Chaque section peut être associée à un niveau d’en-tête et peut contenir autant de sections imbriquées que l’on veut. Notez que les sections dont on parle ne sont pas nécessairement l’élément `section` lui-même (même si ce dernier fait partie des éléments ayant une portée de Sectioning Content). →
Lettering.js — La typographie dit «merci» à jQuery !
Lettering.js est un plugin jQuery qui devrait plaire aux amoureux de la typographie et aux bidouilleurs de CSS. Avec Lettering vous pourrez contrôler précisément le découpage de vos textes pour afficher les caractères ou les mots qui les composent comme bon vous semble ! On pourra appliquer un style CSS pour chacun des mots ou des caractères composant un titre. →
Navigation à onglets avec jQuery & CSS
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. →
SimpleTabs — Onglets Javascript non-intrusif
SimpleTabs est un script autonome écrit en Javascript par Fotis Evangelou. Il permet de mettre en place facilement un système de navigation à base d’onglets (tabs). J’aime bien le côté autonome du script qui ne dépend ainsi d’aucune bibliothèque tierce pour fonctionner. Pas besoin de jQuery ou de Mootools ! Le script se souvient du dernier onglet cliqué et se place sur celui-ci après un rechargement de page ou l’utilisation du bouton « Retour » du navigateur. SimpleTabs est simple à mettre en place, léger (2,4 Kio) et compatible avec tous les navigateurs. →
Quelques notes sur la balise h1 avec HTML5
La réponse courte à la question « Combien de balises `h1` dans une page Web HTML5 ? » est : « Autant que nécessaire ! » En gros, chaque fois que vous avez une nouvelle section, vous pouvez mettre un `h1`. D’une manière générale, `h1` accompagnera `article`, `aside`, `nav` ou `section` avec brio ! (cf. Sectioning content). Allons voir ce que nous disent les spécifications HTM5 sur l’emploi des balises de titre `h1` — `h6`, notamment les exemples concernant les niveaux de titre. Ils sont assez parlant bien que parfois déroutant lorsqu’on a l’habitude du balisage utilisé jusqu’à présent. Les éléments `h1` — `h6` représentent les niveaux d’en-têtes de leurs sections respectives. Quant à l’élément `hgroup`, il regroupe un ensemble d’en-têtes composé d’au moins deux niveaux de titre, comme un titre et son sous-titre ou un titre et le slogan associé (un bon candidat pour Logo et Motto, faute de mieux). →
Wikileaks, le devoir d’ingérence ou d’infogérance ?
Suite au billet Wikileaks, les bons tuyaux ? je continue mon petit bonhomme de chemin sur le thème de Wikileaks et des questions que la publication massive de documents classés peut poser en terme de transparence, de démocratie ou tout simplement d’information. Je passerais rapidement sur l’article d’Owni Wikileaks et la révolte du clergé qui montre bien comment l’ouverture d’esprit est soluble dans le microcosme journalistique. La première InfoWar ? Allons donc, il s’agit plutôt de la première TupperWar qui se déroule dans le petit blocal (contraction de local, global et bocal) dans lequel s’excitent nos nouvelles ménagères de l’information (Information Managers). →
CSS3 Media Queries en Javascript pour les vieux navigateurs
CSS3-MediaQueries-JS est une bibliothèque Javascript qui permet d’utiliser les Medias Queries dans IE 5+, Firefox 1+ et Safari 2 — Firefox 3.5+, Opera 7+ et Safari 3+ étant nativement compatibles avec cette propriété CSS3. Les Medias Queries offre un mécanisme pour isoler certaines propriétés ou pré-requis techniques pour appliquer aux agents utilisateurs correspondants une déclaration ou une feuille de style CSS spécifique. →
Wikileaks, les bons tuyaux ?
blockquote {text-align:left;}Suite à quelques tweets suivis d’un bref échange de point de vue sur Twitter (et comme 140 caractères ne suffisent pas toujours), Eric a eu la bonne idée de développer ses arguments concernant Wikileaks dans La transparence c’est le totalitarisme. Il parle de démocratie, de transparence, de liberté, de secret diplomatique, etc. et conclut en disant que :
[…] nos politiques ont surtout peur de devoir rendre des compte sans ménagement, ils n’y sont plus habitués. Pourtant, ne serait-ce pas le minimum à attendre dans une démocratie représentative ?