Les ressources du Web #16

Pas mal de diversité dans cette édition des ressources du Web, avec notamment un petit nouveau dans les sites trousses orienté ressources Web,  j’ai nommé Wwwhere, que je vais vous laisser découvrir. Pour le reste, voici quelques autres ressources dont pas mal de JS, Animation, SVG et CSS, et également quelques fontes gratuites.

Bonne lecture !

JavaScript

Pas grand chose cette fois, mais Knwl a l’air vraiment sympa.

• Smoke – un plugin jQuery de validation de formulaire très avancé
• Knwl.js –détectez et formattez des dates, des durées, des emplacements, des numéros de téléphone, et bien plus encore.
• Vibrant.js – un exemple d’utilisation du script Vibrant sur Codrops.

SVG & Animation

Un peu d’effet wahou pour la route.

• Motion blur effect – des effets d’animation avec flou de mouvement vraiment bien foutus.
• Ramjet.js – transforme un élément en un autre par effet d’animation.
• 3D Folding Panel – un effet de panneau plié bien foutu.

CSS

Un peu de démystification dans cette sélection.

• Visual guide for Flexbox – un guide visuel et un outil dynamique pour construire vos modèles en flexbox.
• Introduction to Graphical effects – une présentation d’effets graphiques sur les images en CSS.
• Easy Textures with CSS Masks – une démo de masque CSS appliqué à divers éléments. (visible sur Chrome uniquement, pour le moment)
• Rebar Grid Framework – un framework pour Sass et Stylus pour créer des grilles responsives.

WordPress

• Ajax pour un site WordPress – un bon guide par notre ami Willy sur SEOMix.
• WordPress 4.2 – un article résumant les dernières fonctionnalités de WP 4.2 (belle note en fin d’article, à lire !)

Design & Ergonomie

• Choosing the best Typography for your UI – un guide pour choisir la typo d’une interface.
• Didactic Font – un fonte gratuite plutôt sympa (si vous aimez, pensez à faire un petit don à l’auteur)
• Potato design – un design de site web pour un produit aussi simple que la pomme de terre. Concept intéressant, je vous laisse juges.
• User Persona Creator – un générateur de persona pour vos travaux d’ergonomie.
• 10 Form design commandments – quelques bons conseils pour vos designs de formulaire.
• Do – des fichiers PSD ou Sketch gratuits de vues d’application

HTML

• Plyr.io – un player HTML5 plutôt sympa (avec prise en charge des WebVTT captions)
• &what; – un outil de recherche d’entité HTML

Typographie

Quelques fontes gratuites et de l’inspiration.

• Pick the nicest for your site – quelques idées pour faire moins d’erreurs de choix typographique sur un couple de fonte
• Bellaboo Font – une fonte « hipster » gratuite
• Gogoia Font – une belle fonte structurée gratuite
• Metrica – une belle fonte « mécanique » gratuite
• Order Typeface – allez… encore une 🙂

Bonne lecture !

Outils

• Google Photos – stockez et organisez vos photos sur votre compte Google Drive
• Material Icons – des icônes proposées par Google dans le cadre du Material Design
• WoobleView – une petite bibliothèque pour animer vos vues sur mobile (application)
• SmallPDF – une solution à tous vos problèmes de PDF