Des pixels et du code #89

Des pixels et du code #89

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.

Cette semaine peu de tutos et de démos, par contre vous devriez trouver vos bonheur dans les nombreuses ressources proposées et les articles sur l’expérience utilisateur, les couleurs et la relation client.

Pour plus de liens n’hésitez pas à me suivre sur twitter. Bonne lecture :)

Les articles à lire

Web apps deserve sexy transitions too!

#UI

Web apps deserve sexy transitions too! ou comment créer des transitions qui ont une valeur ajoutée pour l’utilisateur

#Opinion – Never Heard of It lâcher prise et savoir admettre que l’on ne maîtrise pas un sujet dans nos métiers n’est pas une chose aisée

#UX #UI

Don’t cut corners when coding UI ou comment gérer l’affichage du surplus de contenu

#Mobile

Google: avoid ‘download app’ pop-ups or lose mobile search rankings Google va pénaliser les sites qui forcent les pop-up “téléchargez mon app”, une excellente nouvelle pour les utilisateurs :)

Color Template

#Color

How do you choose the right colors for your designs?  ou comment choisir ses couleurs de manière harmonieuses pour un design

#Kickoff

Goodkickoffmeetings.com des techniques et exercices pour bien commencer une réunion de début de projet

#Usecase

Un article très détaillée sur le redesign responsive du nouveau TechCrunch

Inspiration

"A Guide to Making Things"

#SVG #Illustration

A Guide to Making Things” de jolies illustrations animées en SVG

#Gif

Giphoscope un très joli objet pour avoir des gif animés sur votre bureau

#Typographie

Calendrier 2014 de stupides vacances pour les fans de jolies lettres

#Illustrations

Rayman Legends Concepts une sélection de concepts et artwork tirés du prochain Rayman Legends

#Portfolio

Thomas Danthony, un portfolio avec de très belles illustrations

#SVG

Polygon a fait un boulot très impressionnant pour mettre en page Xbox one review avec de jolies animations SVG

#Typography

Lost, a series of ‘lost’ posters depicting some of the intangibles that people sometimes lose

#Logo

LogoThief répertorie quelques jolies “copies” de logos

#Inspiration

Linkstoinspire.co.uk  typographie, webdesign, print : une liste de sites pour trouver de l’inspiration classés de A à Z

Des ressources utiles

noisli

#Relaxation

Noisli, un générateur d’ambiance sonore (forêt, orange, pluie, eau, etc.)

#Sticky

StickUp un plugin jQuery pour créer des navigations “sticky” en haut des fenêtres

pencil

#Paper

Pencil Digital – stylus for Paper iPad app l’application de sketch sur iPad “Paper” propose désormais son propre stylo. Du coup je doute qu’elle soit un jour compatible avec l’Intuos Stylus, dommage :(

#Réseau Sociaux

Social Builder un outil pour construire des boutons de partage simples en HTML/CSS sans JavaScript qui ralenti la page

glifo

# Photoshop plugin

Glifo, un plugin Photoshop pour convertir des calques vectoriels Photoshop en font-icon (au format SVG pour les autres formats il faudra convertir)

Phones

18 fully vectorized phones delivered in PSD files Des templates d’appareil mobile crrées en “vector” tout Photoshop

Les outils  et plugins pour vous faciliter la vie

redpen

#Redpen

Redpen got a pro account Redpen propose des comptes pro avec désormais la possibilité d’avoir une application mac

Les démos sympas et impressionnantes

#SVG

Nice and simple : iPhone SVG animation

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

#Client Service

What My Mom Taught Me About Client Services une leçon sur la relation client par la maman de Mike Monteiro

 

Besoin d'un designer ? D'un design de site ou d'application mobile ? De cartes de visites ou d'un logo ? Envie de travailler ensemble ? N'hésitez pas à consulter mes réalisations et à me contacter directement.

2 réflexions au sujet de « Des pixels et du code #89 »

  1. Foundation 5 ;)

    Mise à jour essentiellement design. Refonte complète en flat ui.
    Sinon abandon de Zepto pour continuer avec Jquery.
    Et ajout d’un plugin off-canvas avec un exellent exemple sur le site (top-bar normal sur desktop -> top bar avec du off-canvas sur mobile.

    • Merci pour la review. J’avoue ne pas mettre en avant toutes les mises à jour des frameworks dans les liens de la semaine puisque ça fait pas vraiment parti de ma veille. Le but est plus de proposer des outils et articles de réflexion, je considère que si les gens s’intéressent à un outil ils peuvent eux même suivre ses évolutions :)