Beaucoup de ressources graphiques, scripts, et moyens d’auto-formation vous attendent dans cette s\u00e9lection des ressources du Web.
\nTypographie, SVG, WordPress et quelques rappels du droit Fran\u00e7ais sont au rendez-vous \u00e9galement. Bonne lecture !<\/p>\n
Quelques ressources pour usage perso, commercial ou simplement pour inspiration.<\/p>\n
En manque d’id\u00e9es ?<\/p>\n
select<\/code> personnalis\u00e9s.<\/li>\n- Beautiful Open<\/a> – inspiration de sites web pour projets open source<\/li>\n
- HTML Email designs<\/a> – design d’e-mail pour votre inspiration<\/li>\n<\/ul>\n
JS<\/h2>\n
Agr\u00e9mentez ou am\u00e9liorez l’utilisabilit\u00e9 de vos sites, faites des statistiques, colorez !<\/p>\n
\n- Chart.js<\/a> – de tr\u00e8s beaux graphiques \u00e0 base de JS.<\/li>\n
- Select Or die<\/a> – un plugin jQuery pour personnaliser les \u00e9l\u00e9ments
select<\/code><\/li>\n- Intense.js<\/a> – un extension JS (vanilla) proposant un plein \u00e9cran d’une image avec navigation dans l’image (compatible touch<\/em> et souris)<\/li>\n
- Optimising 60 FPS everywhere<\/a> – optimiser ses animations JS.<\/li>\n
- Please.js<\/a> – cr\u00e9ez de la couleur !<\/li>\n
- Blast.js<\/a> – un outil pour d\u00e9limiter ou rechercher du texte dans une page.<\/li>\n
- heatmap.js<\/a> – cr\u00e9ez une carte de chaleur responsive pour vos \u00e9tudes ergonomiques.<\/li>\n<\/ul>\n
SVG<\/h2>\n
Un bon lot de ressources utiles en SVG.<\/p>\n
\n- Using SVG Stroke attributes<\/a> – un tr\u00e8s bon article en anglais sur les attributs de \u00ab\u00a0bordure\u00a0\u00bb en SVG.<\/li>\n
- Structuring, Grouping and Referencing in SVG<\/a> – un tr\u00e8s bon article pour organiser et optimiser vos SVG<\/li>\n
- SVG articles in one list<\/a> – une liste de ressources sur SVG<\/li>\n<\/ul>\n
Fontes<\/h2>\n
Pas mal de petites choses c\u00f4t\u00e9 typographie.<\/p>\n
\n- HVD Fonts<\/a> – Les fondeurs HVD, tr\u00e8s belles typographies (merci Geoffrey<\/a>)<\/li>\n
- Anders Font<\/a> – une belle typo g\u00e9om\u00e9trique gratuite<\/li>\n
- Noto Font<\/a> – une typo sans-serif par Google pour toutes les langues du monde<\/li>\n
- Jaapokki<\/a> – une belle typo slab avec variantes<\/li>\n
- Aventura<\/a> – une typo sans serif simple pour uppercases<\/li>\n<\/ul>\n
Ergonomie<\/h2>\n\n- Mobile Design Patterns<\/a> – e-book gratuit de UXpin<\/li>\n
- Tablesaw<\/a> – un outil pratique pour les tableaux de donn\u00e9es responsive<\/a><\/li>\n<\/ul>\n
WordPress<\/h2>\n
Quelques astuces et bons plugins WordPress.<\/p>\n
\n- Tips for best practices in WordPress Development<\/a> – de bons rappels de bonnes pratiques de d\u00e9veloppement pour WordPress (mais pas que)<\/li>\n
- Cr\u00e9er un slider CSS3 HTML5 pour WordPress<\/a> – adaptation de mon tutoriel slideshow HTML5 & CSS3<\/a> pour WordPress.<\/li>\n
- WP Admin UI Customize<\/a> – personnalisez l’admin de WP pour vos clients<\/li>\n
- Change on WP_Query Order by<\/a> – la fonction permet d\u00e9sormais d’accueillir un tableau sur le param\u00e8tre Orderby.<\/li>\n<\/ul>\n
Outils<\/h2>\n
Quelques outils pour am\u00e9liorer votre productivit\u00e9 ou vous former en solo.<\/p>\n
\n- Breach<\/a> – A browser for the HTML5 era \u2014 Entirely written in Javascript. Free. Modular. Hackable.<\/li>\n
- CSS ColorGuard<\/a> – vous aide \u00e0 conserve un ensemble de couleurs coh\u00e9rent sur un projet web<\/li>\n
- Brand Colors<\/a> – recherchez le nuancier d’une marque<\/li>\n
- SmallPDF<\/a> – travaillez vos PDF simplement<\/li>\n
- Team TreeHouse Library<\/a> – apprendre tout plein de chose en ligne (payant avec essai gratuit)<\/li>\n<\/ul>\n
Droit Fran\u00e7ais<\/h2>\n
Deux petits articles pour rappel du droit fran\u00e7ais, parfois oubli\u00e9 de notre propre gouvernement.<\/p>\n