Des pixels et du code #71

Pour cette nouvelle semaine de liens qu’il ne fallait pas manquer, je vous propose beaucoup d’inspiration pour bootster votre créativité de graphiste ou tout simplement pour le plaisir des yeux : zombies, sites animés et pleins de couleurs, identité visuelle et jolie polices d’écriture, vous trouverez votre bonheur. La sections des ressources utiles est également très bien remplie cette semaine, entre galerie d’animation, outils pour comparer des polices d’écritures, plugins Photoshop et générateurs de Lorem Ipsum, vous y trouverez une large palette d’outils utiles au quotidien. J’en profite pour introduire la catégorie « des ressources gratuites » avec cette semaine un kit d’UI, et une police d’écriture dans un style « écrit à la main ». Enfin si comme moi vous pensez à refaire votre portfolio, la section des articles vous propose deux liens utiles sur ce sujet, ainsi qu’un excellent article d’Hugo Giraudel sur les subtilités de certaines propriétés CSS. Bonne lecture au soleil :)

Les articles à lire

#Portfolio

Theworstportfolioever.com le pire portfolio du monde, qui réunit quelques “classiques” du portfolio qui n’apportent apparemment au final pas grand chose (et l’explication ici)

#Portfolio #Entretient d’embauche

Bien préparer son portfolio pour un entretien d’embauche de très bons conseils pour tout étudiant qui brigue un poste d’intégrateur/webdesigner

#Couleurs

Creating Harmonious Color Schemes, quelques petites astuces pour une palette de couleurs harmonieuses dans Photoshop

#CSS

Troubleshooting CSS  le CSS c’est facile qu’ils disaient… mais certaines propriétés restent plutôt compliquées à maîtriser. Quelques détails et astuces dans ce super article

Inspiration

#Zombies

The-walking-dead un site horizontal pour expliquer le making of des zombies dans Walking Dead

#Animation #couleurs

Contextad  un joli site plein de couleurs et d’animations qui se déclenchent en faisant défiler la fenêtre(attention il y a de la musique)

#Identité visuelle

RV Architekten, une très jolie présentation d’ identité visuelle

#Bière #Typographie

Rats piss du packaging de bière comme on les aime plein de jolies lettres et des courbes bien dessinées

#Typographie

Dailydishonesty.com d’adorables petits mensonges pour les designers fans de typographie

#Illustrations

The acid humor of Mexican illustrator Eduardo Salles, les illustrations acides et pleines d’humour d’Eduardo Salles, avec un regard très sarcastique sur internet, les réseaux sociaux et l’actualité high tech

#Webdesign

Siaperitivos.com un site qui propose des chips apéritifs  à personnaliser soi-même en fonction de la recette et de vos goûts, avec des interactions très sympathiques

Les tutoriels de la semaine

#Formulaire #Mobile

How to make your contact forms mobile friendly beaucoup de petites astuces et morceaux de code pour faciliter la gestion des formulaires sur mobile

Des ressources utiles

#Animation #Transition

Effeckt, une galerie d’animations et transitions CSS sur différents éléments, très pratique pour montrer des possibilités d’effet à un client (ou à son intégrateur )

#SVG #Filtre

Filterfactory.mobi un outil en ligne qui va vous permettre de créer des filtres SVG pour les images et les exporter pour les utiliser dans vos projets

#Typogaphie

Tiff un outil pour comparer visuellement deux polices d’écriture

#Plugin Photoshop

Composer un plugin pour améliorer la gestion des compositions de calques qui permet par exemples de les mettre tous à jour en un seul clic

#Checkbox

Csscheckbox.com vous proposer de styler vos cases à cocher de formulaire en full CSS

#Long Shadow

Longshadows on continue dans la tendance long shadow de la semaine dernière avec cette fois un générateur en ligne pour les créer en full CSS

#Lorem Ipsum

Meettheipsums.com si vous n’aviez pas encore trouvé de lorem ipsum qui vous plaise, voici un site qui en rassemble une bonne partie : chatons, cupcake ou encore corporate, faites votre choix !

#Styleguide

Stylifyme.com permet de créer un styleguide (couleurs, tailles des polices et des images, etc.) à partir de n’importe quel site web

Des ressources gratuites

#UI Kit #Frebbies

Ui-kit un kit d’UI gratuit au format .PSD

#Frebbies #Font

Quirky-Nots une jolie police de type “handwritten” pour vos cartes de voeux et autres projets

Les outils  et plugins pour vous faciliter la vie

#Tarification

Yourrate un outil pour calculer son tarif horaire en fonction du nombre d’heures que l’on veut travailler et du salaire que l’on veut à la fin du mois. Attention le calcul va également dépendre des taxes en fonction du pays

#iOS icon

Neuevsold.com  comparez les nouvelles et anciennes icônes iOS et votez pour celle que vous préférez

Les démos sympas et impressionnantes

#SVG #CSS

Un drôle de cétacé  mécontent  qui suit le curseur au déplacement

#CSS

Un Minion, en CSS, avec une option de cape de superman, tout va bien :)

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

#Hyperliens

Designing the Perfect Hyperlink — It’s Not as Simple as You Think  quelques excellents conseils et astuces pour le design des liens au milieu du texte dans un site, notamment pour vérifier leur lisibilité

Et pour finir le tumblr qui m’a fait sourire cette semaine, awkwardstockphotos.com qui réuni des images type “stock image” assez étranges.