Les ressources du Web #8

Beaucoup de ressources graphiques, scripts, et moyens d’auto-formation vous attendent dans cette sélection des ressources du Web.
Typographie, SVG, WordPress et quelques rappels du droit Français sont au rendez-vous également. Bonne lecture !

Ressources graphiques

Quelques ressources pour usage perso, commercial ou simplement pour inspiration.

• Vintage Logo Kit 3 – un kit de PSD de Logos Vintages
• 30 Foods Icons – un lot de 30 icônes « ligne »
• Designer’s guide to DPI – un petit guide sympa sur la compréhension de la densité de pixels
• Creating color palettes using adjustment layers – une astuce pour créer une palette de couleurs cohérente.

Inspiration

En manque d’idées ?

• Hover effect ideas – des idées d’animation sur des images légendées.
• Call To Idea – inspiration pour des composants de site web ou de mise en page.
• Star Wars Long shadow icons – des flats icônes originales
• Select Inspiration – des éléments de formulaire select personnalisés.
• Beautiful Open – inspiration de sites web pour projets open source
• HTML Email designs – design d’e-mail pour votre inspiration

JS

Agrémentez ou améliorez l’utilisabilité de vos sites, faites des statistiques, colorez !

• Chart.js – de très beaux graphiques à base de JS.
• Select Or die – un plugin jQuery pour personnaliser les éléments select
• Intense.js – un extension JS (vanilla) proposant un plein écran d’une image avec navigation dans l’image (compatible touch et souris)
• Optimising 60 FPS everywhere – optimiser ses animations JS.
• Please.js – créez de la couleur !
• Blast.js – un outil pour délimiter ou rechercher du texte dans une page.
• heatmap.js – créez une carte de chaleur responsive pour vos études ergonomiques.

SVG

Un bon lot de ressources utiles en SVG.

• Using SVG Stroke attributes – un très bon article en anglais sur les attributs de « bordure » en SVG.
• Structuring, Grouping and Referencing in SVG – un très bon article pour organiser et optimiser vos SVG
• SVG articles in one list – une liste de ressources sur SVG

Fontes

Pas mal de petites choses côté typographie.

• HVD Fonts – Les fondeurs HVD, très belles typographies (merci Geoffrey)
• Anders Font – une belle typo géométrique gratuite
• Noto Font – une typo sans-serif par Google pour toutes les langues du monde
• Jaapokki – une belle typo slab avec variantes
• Aventura – une typo sans serif simple pour uppercases

Ergonomie

• Mobile Design Patterns – e-book gratuit de UXpin
• Tablesaw – un outil pratique pour les tableaux de données responsive

WordPress

Quelques astuces et bons plugins WordPress.

• Tips for best practices in WordPress Development – de bons rappels de bonnes pratiques de développement pour WordPress (mais pas que)
• Créer un slider CSS3 HTML5 pour WordPress – adaptation de mon tutoriel slideshow HTML5 & CSS3 pour WordPress.
• WP Admin UI Customize – personnalisez l’admin de WP pour vos clients
• Change on WP_Query Order by – la fonction permet désormais d’accueillir un tableau sur le paramètre Orderby.

Outils

Quelques outils pour améliorer votre productivité ou vous former en solo.

• Breach – A browser for the HTML5 era — Entirely written in Javascript. Free. Modular. Hackable.
• CSS ColorGuard – vous aide à conserve un ensemble de couleurs cohérent sur un projet web
• Brand Colors – recherchez le nuancier d’une marque
• SmallPDF – travaillez vos PDF simplement
• Team TreeHouse Library – apprendre tout plein de chose en ligne (payant avec essai gratuit)

Droit Français

Deux petits articles pour rappel du droit français, parfois oublié de notre propre gouvernement.

• Code du commerce – de la transparence et CGV.
• Accessibilité et droit français – petit rappel des obligations de notre gouvernement.

CSS

• Pure CSS Parallax websites – un effet parallaxe en CSS uniquement.

Et n’oubliez pas, la plupart de ces liens sont publiés sur mon profil Twitter avant d’arriver ici !