Ressources

Une sélection de typographies web libres par WOMXN.

design-research.be/by-womxn

Une library JS pour animer des éléments SVG plutôt rapide.

svgjs.com

Cours sur les différentes méthodes pour réaliser des images responsives. Balises <img srcset=""> et <picture>.

cloudfour.com/thinks/responsive-images-101-definitions

Article à propos des selector html & css.

20/08/13 - Heydon Pickering

smashingmagazine.com/2013/08/semantic-css-with-intelligent-selectors/#intelligent-selectors

Article à propos de l'équilibrage optique d'éléments graphiques et d'icones.

13/09/17 - Slava Shestopalov

medium.muz.li/optical-effects-9fca82b4cd9a

Présentations de méthodes pour charger de manière asynchrone des feuilles de style.

11/30/2017 - Scott

filamentgroup.com/lab/async-css.html

Collection de guidelines orientés web & flat / trendy

Mary Stribley

canva.com/learn/50-meticulous-style-guides-every-startup-see-launching

Les guideslines d'Apple pour les développeurs de logiciels et d'applications sur leurs plateformes & outils.

developer.apple.com/ios/human-interface-guidelines/overview/themes

Références HTML, unicode, Hexadécimale, et entités pour les symboles de ponctuation et les caractères ASCII.

toptal.com/designers/htmlarrows/punctuation

2017 - Toptal Designers

Conseils pour l'écriture de messages d'erreurs.

31/07/2017 - Vitaly Dulenko

uxplanet.org/how-to-write-a-perfect-error-message-da1ca65a8f36

Différents conseils et étapes pour la création de guidelines.

21/06/2010 - Kat Neville

smashingmagazine.com/2010/07/designing-style-guidelines-for-brands-and-websites

Collection de Mockups gratuits (design & web).

free.lstore.graphics

Cours d'apprentissage des CSS Grids.

23/12/2017 - Per Harald Borgen

medium.freecodecamp.org/heres-my-free-css-grid-course-merry-christmas-3826dd24f098

Article sur la création d'animations d'interface pour sites internet & applications.

31/03/2017 - Issara Willenskomer

medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc

Expérimentation sur les couleurs hexadécimales. Analyser le dictionnaire anglais pour des résultats ne contenant que les lettres ABCDEF et la limiter aux mots composés de 6 ou 3 lettres. Et afficher les couleurs correspondantes en code hexadécimal.

c0ffee.surge.sh

Guide sur l'utilisation de bower (Package manager pour web dependencies et libraries).

webpagefx.com/blog/web-design/bower

Collection de patterns utilisés sur le site de la BBC, avec leurs guidelines.

bbc.co.uk/gel/guidelines/category/design-patterns

Exemple de graphique d’interactions d'applications & de sites internet.

27/09/2017 - Havana Nguyen

uxplanet.org/an-introduction-to-interaction-flows-a4f783402529

Article à propos des notes en bas de page sur des pages html.

June 17, 2015 - Hugo Giraudel

sitepoint.com/accessible-footnotes-css