Ergonomie & Accessibilité

[User Interface] Votre « UI » doit mettre vos utilisateurs en confiance

Obtenir la confiance de l’utilisateur devrait être le but de tout designer d’interface. Toutefois, ce n’est pas simple : il ne suffit pas de soigner les libellés des boutons et des interactions (même si c’est un bon début). Les utilisateurs n’ont pas à se sentir fiers d’être capables d’utiliser votre interface. En tout cas, ils ne devraient pas avoir besoin de s’en vanter auprès de leurs amis sur Twitter… Ils doivent juste se sentir en confiance lorsqu’ils utilisent votre site.
→

WP News

GenerateWP — Générateur de code WordPress

GenerateWP propose des formulaires qui vous permettront de gagner du temps lors de l’écriture des fichiers et des fonctions qui composent vos thèmes WordPress. Il suffit de remplir les champs qui vous intéressent et de copier le code PHP généré. Parmi les nombreuses personnalisations possibles on trouve un générateur de : taxonomies, types de billet (CPT),  barres latérales, shortcodes, menus, requêtes SQL, wp-config, etc.  →

Plugin jQuery

DIYSlider — Slider léger et personnalisable

DIYSlider est un script jQuery léger et personnalisable dont le but est de servir de fondations à vos développements de… sliders ! Quelques exemples d’utilisation ici ou là. Le principe est de transformer une série de div en diaporama avec une foultitude d’options, de méthodes et d’évènements, pour une modique taille de 3,56 kb ou 1,14 kb gzippé ! →

Plugin jQuery

Shapeshift — Grille dynamique Responsive « à la Pinterest »

Shapeshift — très largement inspiré par jQuery Masonry — est un plugin jQuery qui permet de réarranger dynamiquement une collection d’éléments dans une grille au sein d’un container parent. Un exemple de ce comportement existe sur le célèbre Pinterest. Possibilité de faire du Drag & Drop avec les éléments si jQuery UI Draggable / Droppable sont installés. Nécessite également jQuery Touch Punch pour fonctionner sur les périphériques Touch. →

Plugin jQuery

Tiny Circleslider — Diaporama / Carousel circulaire

Tiny Circleslider propose un système de Slider / Carousel circulaire pour donner aux développeurs web une alternative aux systèmes existants, bien monotones, il faut bien le dire… Construit à l’aide de jQuery, Tiny Circleslider est compatible avec iPhone, iPad et Android et les slides peuvent s’effectuer via des miniatures ou un numéro d’ordre. Ce plugin propose de nombreuses options, pour un poids modeste de 4kg une fois minifié. →

Applications autonomes

jsPDF — Génération de PDF avec Javascript

jsPDF est une bibliothèque créée par @MrRio qui nous propose de nombreuses fonctions permettant de générer du PDF. Écrite en Javascript, cette librairie ne sollicite pas le serveur : tout se passe côté client. jsPDF semble idéal pour générer des PDF pour les rapports, les certificats, les tickets et tout ce  que vous pourrez imaginer. →

Typographie

Bariol, la cerise sur la typo

Bariol est une toute nouvelle famille de police de caractère créée par atipo. Elle est arrondie et légèrement condensée. Familière mais pas «mièvre», Bariol a la particularité — essentielle à mes yeux — d’être particulièrement lisible, même dans les petits corps, grâce à des formes sobres et une construction sans fioriture. →

WP News

WordPress Basics 0.5.1 — HTML5 Boilerplate 4.0.1 et Caption shortcode

Après plusieurs mois sans modification, j’ai fais pas mal de changements dans Basics (et accessoirement dans Beyond Basics) en raison du passage de la version 3.0.2 de HTML5 Boilerplate à la version 4.0.1, d’une part, et de l’évolution de la syntaxe du shortcode pour l’insertion des images depuis WordPress 3.4, d’autre part. →