La semaine en pixels – 15 décembre 2017
Chaque semaine, un condensé de ma veille web design, UX (expérience utilisateurs), design d’interface et mobilité, HTML et CSS, mais aussi des outils et ressources et de l’inspiration en tout genre (illustrations, photos, sites web, etc.)
Au programme : un tutoriel d’illustrations isométriques, designer pour l’iPhone X et les gestes, de bons conseils pour s’initier au web design, tester l’intégrité d’un logo avec un petit jeu, adaptive vs responsive design, un récapitulatif de ce qui s’est passé du coté front-end en 2017, tester l’accessibilité, débuguer CSS Grid Layout, rendre un site responsive en une ligne de CSS, des outils UI, des templates iOS11 pour Sketch et une jolie police Serif.
Pour plus de liens chaque matin vous pouvez me suivre sur twitter. Bonne lecture :)
A ne pas manquer:
tl;dnr, s’il devait n’en rester qu’un ?
#Illustration
Mastering Isometric Illustrations — Part 2, the cylinder. un tutoriel pour faire des illustrations isométriques
Les articles de la semaine
#Mobile
- iPhone X: The Rise of Gestures – une analyse des gestes sur l’iPhoneX
- How to Design for iPhone X (without an iPhone X), désigner pour l’iPhoneX avant sa sortie une jolie histoire de créativité
- What analyzing 3,300 Feature Graphics has taught us about Google Play Store ASO
- Responsive – Adaptive vs responsive web design
#Design
- A long list of tips if you starting to learn Web Design, des conseils si vous êtes développeur, étudiant ou débutant en web design
- Who Is Inclusive Design For? parfait résumé
- Graphic Designers: Here’s How To Make a Difference Right Now. je rejoins cette idée de travailler pour de l’associatif; par contre c’est rarement 100% totale liberté, au contraire, c’est souvent un endroit où tout le monde y va de son petit avis et il devient compliqué d’avancer donc il faut s’accrocher
- Using Design Workouts To Build World-Class Design Teams.
- Logo Integrity in Focus, saurez vous reconnaitre ces logos floutés ? Un test interessant à faire avec votre propre logo
#UX
Designing for Your Inner Kirk and Spock, une introduction au fonctionnement de notre cerveau
#Start Up
Nobody is going to steal your startup idea. – non on ne vous piquera pas votre idée, encore moins son exécution
#Work
« How I Actually Spend My Time As a UX Consultant »
De l’inspiration et de jolies idées
#Pattern #Objet
Ces images m’apporte une satisfaction extreme « Everyday Objects Obsessively Organized Into Patterns By Adam Hillman »
#Transition
Une chouette transition de page Pixel Wave Page Transition
L’actualité webdesign
#Front-End
A recap of front-end development in 2017 – Front-end engineering once again evolved at a feverish pace in 2017. Here is a list of the most notable events of the past year.
Tutoriels
#CSS
- Pratique le debug de Grid Layout : Debugging CSS Grid Layouts With Firefox Grid Inspector
- Using CSS Counters – 3 exemples d’utilisation de counter en CSS
#Responsive
How to make your HTML responsive by adding a single line of CSS. Whooooo grid layout c’est génial AUSSI pour le responsive ?
#Accessibilité
Automating Your Accessibility Tests ◆ 24 ways
Des ressources utiles, outils et plugins pour vous faciliter la vie
#Typographie
#Sketch #iOS
#UI Tools
Reviewing the most popular UI design tools in 2017 – une liste d’outil de design d’interface
#Securité
Securityplanner.org un petit outil pour avoir des conseils de sécurité personnalisés après quelques réponses
#CSS
Flexbox hexagones, pourquoi pas
