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 ?
Le petit journal du Web — Novembre 2010
Le petit journal du Web permet de faire régulièrement le point sur les sites Web nouvellement sortis, les nouveaux services pratiques et les articles susceptibles d’intéresser les intégrateurs et les développeurs Web. Peu de liens pour ce mois de novembre, mais la qualité est au rendez-vous. N’hésitez pas à vous abonner à mon compte Twitter Bruno LesBonsTuyaux pour ne rien rater ! →
jQuery Marquee [de Sade ?]
La balise Marquee vous rappelle des souvenirs ? Si cette balise propriétaire d’Internet Explorer vous manque, voici Marquee jQuery. Ce plugin vous permettra de faire défiler le contenu d’une liste vers le haut, le bas, la droite, la gauche… Bref, dans le sens que vous voulez grâce à quelques options bien pratiques. Qui a dit Marquee de Sade ? Tss tss… 😉 →
Grille modulaire pour périphériques mobiles (iPhone, Android, iPad)
La résolution des périphériques mobiles comme les téléphones mobiles, les Smartphones (iPhone, Android) et les tablettes tactiles (iPad) est généralement de l’ordre de 240 x 320, 320 x 480 ou 480 x 640 pixels. Après avoir décortiqué la création d’une grille de mise en page adaptée à la résolution moyenne des écrans de bureau et des Netbooks, je vous propose de suivre un autre exemple d’application de ce concept de grille modulaire dont la particularité est que la colonne de base est égale à la largeur de la gouttière. →