Des pixels et du code #21
Dans cette 21em édition des liens utiles de la semaine, beaucoup de scripts et plugins jQuery pour vous amuser, mais aussi beaucoup d’articles / tutoriels sur Android et la mobilité en général.
Les tutoriels de la semaine
#Responsive Webdesign
Responsive web-nav , un tutoriel pour créer une navigation horizontale qui s’adapte verticalement aux mobiles
28 Tips for Designing Effective HTML Emails, le design d’e-mail et newsletter qui fonctionnent correctement sur différents clients est une tâche complexe, 28 conseils pour vous la faciliter
#HTML #CSS
Build a one-click registration form powered by Google un tutoriel pour créer un formulaire de login qui permet de se logguer avec un compte Google sur votre site
Des ressources utiles
#Icons
Ultimate Collection Of Free Pixel-Perfect Icon Sets [1000+ Icons] besoin d’icones ? Voilà qui devrait vous aider à faire votre choix
#icons
game-icons.net , des centaines d’icônes gratuites pour customiser vos jeux
#Responsive Webdesign
initial-scale=1, le pour et le contre, les effets néfastes de l’inital-scale dans le meta viewport (surtout sur les devices iOS), pourquoi l’utiliser, et pourquoi ne pas le faire résumés dans un article avec en prime un petit fix JavaScript.
#Documents légaux
Docracy.com un site collaboratif pour trouver des documents légaux (en Anglais uniquement hélas)
Les outils et plugins pour vous faciliter la vie
#CSS
Knacsss, un framework CSS made in Alsace avec l’amour des saucisses et du CSS
#HTML5
Html5sortable , un plugin pour créer des éléments triables en drag and drop basé sur l’API HTML5 drag and drop
#Htaccess
Htaccessredirect.net, un outil pour vous aider à rédiger votre fichier htaccess pour les redirections
#jQuery
Adipoli, un plugin jQuery pour des effets au survol d’image (mozaïque, noir et blanc, volets, etc)
Mosaic, un plugin jQuery pour créer des captions et contenus qui apparaissent au survol d’images
Jquerypp.com, une collection d’events utiles que jQuery ne supporte pas de base
Gridster, un script pour faire du drag and drop d’éléments sur une grille qui vont se replacer automatiquement
#JavaScript #Images
Seuratjs une librairie JavaScript qui permet de transformer des images en matrices de points , visuellement fun
Les articles à lire
#Android
Designing For Android: Tips And Techniques Android a beaucoup évolué et c’est amélioré dans ses dernières versions en terme d’UI et UX notamment, mais étrangement cette plate forme n’attire que peu de designers. Quelques guidelines qui espérons vous donneront envie de faire des designs pour Android.
#WordPress #Responsive
Adopting A Responsive WordPress Theme Is More Than Install-And-Go créer un thème responsive est bien plus compliqué que de changer la taille des collones en fonction du viewport. Quelques conseils pour mieux choisir et les bonnes questions à vous poser avant de vous lancer dans cette aventure.
#Metro #Windowsmobile
Design case study: iPad to Metro style app pour ne pas tomber dans le pièce du portage d’une application iPad vers Metro sans adaptation, Microsoft donne des conseils et des guidelines. A lire absolument !
#Wireframing
Paper-prototyping-analog-tools-web-mobile-designers, une collection d’outils papiers et PDF à télécharger si comme moi vous préférer créer vos wireframes sur papier
#Logo
Codepen , le processus créatif et wireframes derrières le logo de codepen
#Meta tag
Mobile Meta Tags, Useful Meta Information for Mobile Websites , les meta tags mobiles, qui sont ils, quelle est leur utilité ?
#Design #Interview
Mike Monteiro on handling clients : Mike Monteiro, l’auteur de “Design is a Job” (si vous ne l’avez toujours pas lu, qu’attendez vous ?!) répond aux questions des internautes concernant la gestion de clients
#WordPress
What to Look for in a Great WordPress Caching Plugin un article conscis qui explique ce que fait un plugin de cache, et les critères à prendre en compte lors du choix du plugin pour WordPress
#Freelance
How to Get Your Clients to Write Their Own Quotes d’excellents conseils pour chiffrer un projet et ne pas faire peur aux clients en annonçant un prix sans explication, collaboration et communication sont les clés.
