La semaine en pixels – 17 juillet 2015

La semaine en pixels – 17 juillet 2015

Ce contenu a été rédigé il y a 9 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, design d’interface et mobilité, mais aussi des outils et ressources pour le webdesign et inspiration en tout genre (illustrations, photos, sites web, etc.).

Au programme cette semaine : un article de fond sur le métier d’intégrateur et un petit tour dans le passé avant l’invention de Photoshop, de très jolis sites pour votre inspiration si vous êtes fans d’illustrations, de licornes, de tatouages géométriques et de pantone, l’objet cute de la semaine qui sert à rien mais quand même, du SVG et 12 CSS facts. Ne manquez pas la section ressources très fournie cette semaine : boutons responsive, dégradés CSS à partir d’images, présentation de maquettes responsive en ligne, générateur de formes SVG, plugin Photoshop pour avoir des variables et photos en CC0.

Pour plus de liens vous pouvez me suivre sur twitter. Bonne lecture :)

tl;dnr, s’il devait n’en rester qu’un ?

#Front Developer

The boring front-end developer, un excellent article à lire absolument sur le développeur front pas funky qui cherche pas forcément à jouer avec les dernières technologies mais à répondre aux besoins de tous les utilisateurs du site.

The boring front-end developer

Les articles de la semaine

#Photoshop

Before there was Photoshop, une petite vidéo qui explique comment les mises en page se faisaient avant l’arrivée de logiciels comme Photoshop

Before there was Photoshop

#Formulaire #Utilisabilité

How Form Usability Can Increase Your E-commerce Conversions, ou comment augmenter la conversion e-commerce des formulaires

How Form Usability Can Increase Your E-commerce Conversions

De l’inspiration et de jolies idées

#Cute

Je veux une de ces petites boites avec un panda voleur de monnaie (c’est une tirelire il me semble)

coin stealing panda

#Blog

Becomeadinosaur.com le blog coup de coeur du jour, entre illustrations, DIY, recettes yumies et licornes <3

Becomeadinosaur.com

#Facebook #Trend

What if Facebook started in 2015, à quoi ressemblerait le design de Facebook si la startup avait été créée en 2015

What if Facebook started in 2015

#Tatouages

Je suis amoureuse du style géométrique tout en petits points de cette tatoueuse : bicem-sinik.tumblr.com

bicem-sinik.tumblr.com

#Instagram #Photos #Pantone

Tinypmsmatch Pantone + petits objets du quotidien =  <3

Tinypmsmatch

Les tutoriels de la semaine

#SVG

SVGs in background-image as data uris, des techniques pour du SVG en image de fond CSS compressé en data uri

#CSS

12 Little-Known CSS Facts (The Sequel) , 12 “le saviez-vous?” CSS

Des ressources utiles, outils et plugins pour vous faciliter la vie

#Boutons de partage

Des boutons de partage légers et responsive : Ridiculously Responsive Social Sharing Buttons

Ridiculously Responsive Social Sharing Buttons

#Gradient

Gradifycss.com crée des dégradés CSS à partir des couleurs dominante d’une image, ça pourrait être une idée sympa de placeholder en attendant que les images se chargent en lazy-loading

Gradifycss.com

#Mockups

Mocktotype.com un outil pour présenter vos maquette en ligne avec une vue responsive plutôt pratique

Mocktotype.com

#SVG

Un générateur de formes simples en SVG en ligne

path-svg

#Variables

Ditto une extension Photoshop pour y utiliser des variables, ça peut-être pratique

Ditto

#Photos

Trouver de jolies images libres et gratuites en CC0 pour vos projets

Trouver de jolies images libres et gratuites en CC0 pour vos projets

Pour le fun: jeux et démos sympas et impressionnantes

#Slider

Modern, Usable, Responsive Sliders, des sliders responsives

Modern, Usable, Responsive Sliders

#JS

Sneeze the Dragon la démo cute de la semaine

Sneeze the Dragon