Archives mensuelles :

décembre 2010

Le petit journal du web

Le petit journal du Web — 31 décembre 2010

A l’occasion du 31 décembre, voici quelques éléments statistiques concernant la fréquentation de ce blog. Depuis le 26 juillet 2006, css 4 design compte plus d’un million de visites pour un peu plus de 715 000 visiteurs uniques et a atteint une vitesse de croisière d’un peu plus de 1 000 visites par jour depuis quelques mois. D’après Alexa.com, ce blogzine fait partie du top 100 000 des sites mondiaux et du top 5 000 pour la France. Les visiteurs sont plutôt des hommes sans enfant, âgés de 18 à 34 ans, avec un niveau d’étude plutôt élevé qui se connectent plutôt depuis l’école et le lieu de travail. →

Plugin jQuery

jQuery Apple Effect

jQuery Apple Effect est un plugin jQuery créé par Vincent Battaglia (@vinch01, qui m’a transmis le virus Twitter en 2007) qui permet de reproduire chez vous, un effet assez sympathique utilisé par Apple : afficher progressivement le contenu d’une page Web autour d’une zone affichée par défaut, pour la mettre en valeur. →

Design & Graphisme

Quelques notes de lecture sur Le Graphisme au XXe siècle

Le Graphisme au XXe siècle est la traduction française de Graphic Design (A Concise History) écrit par Richard Hollis et publié en 1994. Ce livre est une mine d’or pour pour qui veut connaitre l’histoire du Graphisme à travers les pays qui lui ont donné ses lettres de noblesse : le futurisme et l’Italie, la Russie soviétique, l’Allemagne, les Pays-Bas, la Suisse, la France, la Grande-Bretagne, les Etats-Unis, l’Europe du Nord. Il contient plus de 800 illustrations et le texte est très riche. Je lis généralement en prenant des notes pour plus tard ou en surlignant les passages qui me plaisent au Stabilo. Ce billet est la compilation des extraits qui ont plus particulièrement suscité mon intérêt. Ils ne suivent pas forcément l’ordre des pages et certains passages ont été remaniés afin de rester compréhensibles une fois sortis de leur contexte.

→

Helper HTML

«input type = password» — Affichage des mots de passe à la demande avec jQuery

Afficher ou masquer les mots de passe de vos formulaires en jQuery — Le comportement normal d’un champ input de type password en HTML est de masquer les caractères en cours de frappe en les remplaçant par des bulles pour garantir la confidentialité de votre mot de passe. Pratique, au cas où quelqu’un lirait par-dessus votre épaule ou vous épierait avec une paire de jumelle. Si ce comportement par défaut a son utilité, il pourrait être intéressant d’avoir le choix et de n’afficher ou masquer ce mot de passe qu’en cas de besoin, à l’aide d’une case à cocher. →

Plugin jQuery

qTip — Infobulles, bulles d’aide, bulles de dialogue avec jQuery

qTip est un plugin jQuery pour créer des infobulles. Il a été conçu dès le départ pour être pris en main facilement par les utilisateurs. qTip offre un maximum de fonctionnalités comme les coins arrondis et la mise en place de bulles de dialogues, mais son point fort est l’affichage de tout types de contenus : attribut title ou attribut personnalisé tooltip, ou une image. Il est également possible d’afficher du contenu dynamique tel que miniatures de pages Web, vidéos en provenance de Youtube ou traduction d’un mot. qTip est probablement l’un des meilleurs script pour vos bulles d’aides ! →

Le petit journal du web

Le petit journal du Web — Décembre 2010

Comme à son habitude, le petit journal du Web fait le point sur les sites et les services (re)découverts pendant les 30 derniers jours. Pour décembre, ce petit journal vous propose : à la Une, un site consacré à l’accessibilité Web ; dans la rubrique Graphisme et Ergonomie, un bookmarklet pour afficher les Wireframes ; dans la catégorie CSS, CSS3 et HTML5, une piqûre de rappel sur l’organisation des feuilles de styles CSS ; et nous terminons avec un rappel des éléments à prendre en compte lors de la migration d’un blog WordPress et une mine de ressources pour les chefs de projet Web ! →

Plugin jQuery

markItUp! — Un éditeur pour vos textareas

markItUp! est un plugin jQuery créé par Jay Salvat qui permet de transformer un textarea en éditeur HTML, Textile, Wiki, Markdown, BBcode ou votre propre système de balisage ! markItUp! n’est pas un éditeur prêt-à-l’emploi, ce n’est pas un éditeur Wysiwyg, mais offre un moteur de balisage léger, personnalisable et souple dont les développeurs pourront tirer partie. →

Plugin jQuery

Slides — Slideshow jQuery

SlideJs est un Slideshow Javascript développé avec jQuery pour afficher vos images sous forme de diaporama. SlideJs est simple à utiliser et propose de nombreuses options : auto-rewind, auto-play, effets de fading et de transitions, préchargement d’images, pagination automatique, etc. Compatible avec Internet Explorer 7/8/9, Firefox 3+, Chrome, Safari, Safari Mobile et même IE6 ! Slides est disponible sur Github. Via Pierre Vion.

Typographie

Près de 60 polices de caractère pour Google Font Directory

La typographie sur le Web monte en puissance. Google ajoute des fontes supplémentaires à son répertoire Google Font Directory qui compte désormais près de 60 typos prêtes à l’emploi grâce à Google Font API. Cette bonne nouvelle s’accompage de l’arrivée de Google Font Previewer for Chrome. Cette extension vous permettra de choisir votre typographie parmi les fontes disponibles et d’effectuer les réglages nécessaires (taille, style, graisse, ombré, casse, etc.). Reste à copier-coller le code fourni par Google Font Previewer pour rendre vos pages plus belles (ou pas) ! →