Les Ressources du Web #31

Veille un peu plus soutenue ces derniers temps puisque mon travail plus détendu m’a permis de me libérer un peu de temps. Au programme de cette sélection, du WordPress avec pas mal de ressources, de l’ergonomie et du CSS avec des tutoriels et détails sur des aspects très précis.

S’il fallait n’en retenir qu’un

Pas de wahou, ou d’outil tout pré-conçu ou de superbe astuce, mais une réflexion portée sur le Libre et le design (en français s’il vous plait) que je vous invite fortement à lire, que vous soyez designer ou développeur, que vous bossiez pour Microsoft ou la Quadrature, c’est ouvert et intéressant.

WordPress

• 10 tips to create themes – des astuces pour créer un thème efficace, rapidement et propre.
• SitePoint’s Base Theme – un thème responsive de blog, clean et performant créé par SitePoint.
• Useful WooCommerce Code Snippets – une sélection de quelques snippets très utiles.
• WordPress Component Accessible Library – des composants d’UI accessibles pour WordPress.
• Restrict Content Pro – un plugin d’espace membre concocté par Pippin Williams (EDD).
• Lazyload WordPress Comment, Images and Youtube videos – le titre parle de lui-même :p

CSS

• How calc() works – un article détaillé sur calc() en CSS.
• Guide to the Auto-Placement Algorithm in CSS Grid – un guide pour créer un algo de placement en CSS Grid.
• Write Element Queries with EQCSS – utiliser une element query en CSS avec la bibliothèque EQCSS.
• Bringing websites to life with CSS Animations – introduction à cssanimation.rocks.
• CSS Grid Terminology – explication des termes autour de CSS Grid Layout.
• CSS only drawings and animations – quelques exemples de dessins et animations tout en CSS.
• How Flexbox Works – une explication toute en gifs.

UX & UI

• Great Alternatives to hamburger menus – des idées d’alternatives pour les hamburgers menus.
• Le design dans le Libre – des pistes de réflexion à propos du design dans le monde du Libre.
• Dois-je utiliser un menu accordéon – une réflexion sur les accordéons dans vos pages web.
• I don’t need help – pourquoi l’utilisateur aura toujours besoin d’aide et comment lui apporter.
• Inspiration: Search Interface Effects – quelques animations et exemples d’interface pour une recherche sur un site web.

Outils et Ressources

• SnappySnippet – un plugin Chrome pour enregistrer des bouts d’UI d’un site web sous forme de snippets HTML/CSS.
• RWD Podcast #61 – un podcast sur le responsive webdesign et les progressives web app avec Stéphanie Walter, experte UX.
• 20+ docs and guides for Front-end dev – des ressources et guides pour les développeurs front.

Bonne lecture !