Des pixels et du code #77

Ce contenu a été rédigé il y a 11 ans. Il se peut qu'il ne soit plus à jour.

Comme chaque semaine, je vous propose un condensé de mes lectures et ma veille Web Design et graphisme, expérience utilisateurs, HTML, CSS, outils, ressources et inspiration. J’ai également décidé d’ajouter quelques images pour rendre la série d’articles moins « fades », à vous de me dire si cela a une valeur ajoutée ou perturbe la lecture.

Cette semaine de lien est très orienté inspiration : illustrations, packaging et webdesign, vous trouverez de quoi faire. Du côté des articles, une réponse aux barres de chargement, et un excellent article sur la protection des idées. Sans oublier les ressources, plugins et outils à ne pas manque. Bonne lecture :)

Les articles à lire

#Idées

Vous n’avez pas peur que quelqu’un vous pique votre idée ? ou pourquoi ne pas avoir “peur” de se faire piquer ses idées aide au final à avancer

#UI

UI Anti Pattern: Website Loading Bars, en réponse à cet article New UI Pattern: Website Loading Bars

#JavaScript

Sigh, JavaScript, une galeries de sites qui ne fonctionnent qu’avec JavaScript d’activé.

Inspiration

#Packaging

Urban Survival Pack une idée sympa de packaging de kit pour planter des herbes et salades en milieu urbain

#Carte de visite

Une collection de cartes de visite dans un style “Vintage”

#Webdesign

Basiliq De très jolies couleurs et présentation pour un petit kit de wireframe rapide d’application

#Illustration

ollymoss.com la claque visuelle et la semaine par l’illustrateur Olly Moss, et encore plus d’illustrations sur son blog

#Parallax

Parallax.js une démo de parallaxe avec une intégration du gyrosocope de l’appareil

#Flat

Flatscapes une expérience de design de paysages “flat” plutôt réussie à mon avis

#StreetArt #Typo

Louisville Mural une jolie fresque murale peinte en lettrage

Les tutoriels de la semaine

#CSS

Sidebar Transitions différents effets de transition pour un menu off-canvas

Des ressources utiles

#Mobile

Themobileindex.com vulgarise (en anglais) le vocabulaire de la mobilité. Si vous préférez le français il vous reste toujours Lesgrosmotsdumobile.com ;)

#iOS

The iOS Design Cheat Sheet : tailles d’icônes, d’écran et autres chiffres utiles rassemblés au même endroit

#Mobile #Performance

CSS Sprites vs. Data URIs: Which is Faster on Mobile? (spoiler : ce sont les sprites qui gagnent malgré le chargement de ressource supplémentaire)

Les outils et plugins pour vous faciliter la vie

#PSD #Police

psdfonts.com un outil en ligne pour connaitre les polices utilisées dans un PSD sans avoir à l’ouvrir et chercher dans les calques

#PNG #Compression

compresspng.com un outil en ligne pour compresser les PNG24 (et autres formats d’image) vers du PNG8 avec transparence alpha plus légers.

#Sass

SassMe, un outil en ligne pour visualiser les fonctions de couleur de Sass sans avoir besoin de compiler

Les démos sympas et impressionnantes

#Visualisation de données

Mapping Arms Data l’import et export d’armes et munitions dans le monde

Et s’il devait n’en rester qu’un ?

#UI design

Interface Espionage, Platform Agnostic Influence tester d’autres plate-formes et appareils que ceux auxquels nous sommes habitués pour élargir ses perspectives et trouver de nouvelles inspirations