Les Ressources du Web #30

Toujours pas beaucoup de temps pour vous écrire des articles plus recherchés et approfondis. J’en reste donc au format liste de course et vous propose à nouveau une petite sélection de ressources pour votre inspiration et vos créations. Un peu plus d’articles de fond, de WordPress et d’inspiration, moins de démos JS cette fois.

S’il fallait n’en retenir qu’un

Pas facile de choisir cette fois, entre effet wahou et article de fond.
J’ai retenu un article de fond / étude de cas que Stéphanie m’a relayé sur l’accessibilité d’un produit. Désolé pour les anglophobes mais vous allez devoir vous y faire.

Designing a product with mental health issues in mind

HTML & CSS

• CSSPin – des spinners construits grâce à un élément HTML et quelques lignes de CSS.
• Button.css – une petite bibliothèque pour faire des boutons… ben quoi ?
• HTML 5.1 – les nouveautés à prendre en compte.
• Concise CSS – un framework global plutôt léger à explorer.
• Webslides – un framework pour créer des slides facilement en HTML.
• Morphing Hamburger Menu with CSS – une démo de menu CSS avec un effet de transformation intéressant.

JavaScript & SVG

• Table Dragger – une bibliothèque JS pour glisser/déposer des colonnes ou lignes de tableau.
• Progressively – charger une image progressivement avec un effet de flou vers net.
• A Simple Pie Chart – un article qui prend le temps de vous faire construire une « Pie Chart« .

Inspiration, UI/UX

• 2017 Trendy Fonts – quelques idées de combinaison de fontes, à prendre avec des pincettes ;p
• Mirror Effect – un effet de miroir plutôt sympa.
• Best and Worst UIs of 2016 – une sélection critique d’interfaces découvertes en 2016.
• Mouse Elastic Border – un effet élastique au passage de la souris sur une bordure.
• Non-Rectangular Headers – une sélection de headers d’application et site web non rectangulaires.
• Tom’s Town Branding – un beau travail typographique sur la marque Tom’s Town.
• Disappearing interface – un article sur la disparition de l’interface visuelle.
• Designing with mental Health in mind – une approche pour penser l’accessibilité comme un vrai service inclus de base de votre produit.

Outils et Ressources

• Auto-Layout for Sketch – concevez et passez d’une mise en page à une autre sur Sketch.
• Copio – un plugin gratuit pour copier/coller des calques sur Photoshop.
• Hero – bibliothèque/moteur d’animation pour vos applications iOS.
• Sketch and other design tools – un tour d’horizon de Sketch, de la concurrence et des choses à venir.
• Typographies Gratuites – une sélection de typographies gratuites intéressante.
• Citii.io – une application React pour comparer le coût de la vie entre deux villes.

WordPress

• La communauté WordPress a besoin de plus de designers – le sujet est dans le titre :p
• Slider Maker – un plugin made in France pour créer vos slideshow.
• Une zone widget dans votre header – un tutoriel simple pour ajouter un widget dans le header de votre site.
• Flywheel – lancez et gérez un site WordPress en local en un rien de temps.
• Lightroom Export to WordPress site – un plugin lancé par Automattic pour exporter depuis Lightroom vers un WordPress.

Excellente lecture !