Des pixels et du code #34
Les tutoriels de la semaine
#Illustrator
How to Create Seamless Subtle Patterns in Adobe Illustrator un petit tutoriel bien pratique si vous avez besoin de créer un pattern spécifique dans Illustrator et ne trouvez pas ce que vous cherchez dans les milliers de ressources en ligne
#CSS3
Create Shaped Avatars With CSS and Webkit un tutoriel qui explique l’utilisation de la propriété CSS3 webkit-mask-image pour créer des effets de masque sur des photos
Des ressources utiles
#Server
Apaxy un thème pour créer des dossier d’indexation de fichier de serveur plus sympas que la vue “par défaut”.
#Font-icon
Ligature_symbols encore une police d’icones très complète aux traits très bien dessinés
Les outils et plugins pour vous faciliter la vie
#Filter #CSS3
CSS filter polyfill un polyfill pour la propriété CSS3 filter qui utilise un équivalent SVG ou DirectX-filters selon le besoin du navigateur
#WordPress
Glider, un thème WordPress minimaliste qui tient en 3 fichiers, se concentre sur le texte et charge les pages en ajax.
#Flexbox
Flexplorer un petit outil en ligne qui vous permet de tester les propriétés de CSS flexbox
#Wireframe
Wireframe.cc un autre outil de wireframe en ligne, simple au design épuré
Webzap un plugin Photoshop (payant $15) qui permet de créer des wireframes facilement directement dans Photoshop.
Fluidui.com un outil en ligne assez complet pour créer des prototypes et wireframes d’applications mobiles
Les articles à lire
#Mobile
Introducing the call now button une idée intéressante d’ajouter un bouton “appeler maintenant” sur la version mobile du site. Même si je ne vois pas l’utilité pour n’importe quel site, si on pense à un site de vente à emporter de nourriture (sushis, pizza) ou un site comme Carglass où il faut prendre rendez-vous, l’idée est à creuser.
#Design
Dieter Rams: ten principles for good design les 10 principes d’un bon design, applicable aussi bien au design industriel qu’au webdesign
#RWD
Responsive design with paper un idée intéressante pour créer facilement des designs responsive : faire du wireframe sur bouts de papiers et des ciseaux.
#UX
Better Password Masking For Sign-Up Forms ajouter un coche pour démasquer le mot de passe sur le formulaires d’inscription, une idée pour améliorer l’expérience utilisateur et baisser le nombre d’erreurs
#Inspiration
Mcbaldassari.com un magnifique boulot d’illustrations
#Design
The Startup’s Guide to Budget Design de 0 à 1000 dollards et plus, ce qu’une une entreprise peut attendre en terme de design en fonction de son budget
25 Best Practices for Collaborative Work in Photoshop des conseils, parfois du bon sens, pour améliorer le travail à plusieurs sur Photoshop
Les démos sympas et impressionnantes
#HTML5
Texter une expérience en HTML5 et canvas pour créer des dessins avec du texte
#CSS experience
Digital Bits des objets de la vie courante en HTML et CSS, inutile sur un site en live, mais une idée intéressante pour s’amuser
