Des pixels et du code #20
20 éditions des liens utiles de cette semaine, avec une template pour le Galaxy Nexus 7, du responsive design, des applications Android, du CSS3 et toujours d’excellents articles sur le webdesign en général
Les tutoriels de la semaine
#jQueryMobile
Preventing navigation to a page in jQuery Mobile, pas aussi simple qu’il n’y parrait, un tutoriel pour empêcher un utilisateur de revenir en arrière, dans le cas d’une page de login par exemple
#HTML5 Audio
Old School Cassette Player with HTML5 Audio un lecteur de cassette old school avec une animation, du bruit, pour vous rappeler votre jeunesse !
#Git
Git on Windows for Newbs , un guide d’utilisation très bien illustré pour débuter avec Git sur Windows sans avoir à passer par les lignes de code
#CSS3
How To Create Shiny CSS Buttons, des boutons en CSS avec un effet de reflet assez fun au survol
Mini Collection for Prefix & Postfix Input Form un tutoriel et démo pour ajouter des images devant ou derrière les champs de vos formulaires
Des ressources utiles
#Color
Clorjoe , un colorpicker avec différents formats (RGB, RGB + hexa HSL)
#Android
Free Android Music Player with Beautiful UI , une template PSD de player Android avec un très joli design, à télécharger gratuitement
#Responsive #E-mail
Responsive Email Design, Campaignmonitor lance un guide de conseils et bonnes pratiques pour des e-mails responsifs
#Android
Nexus 7 PSD un PSD avec un Nexus7 en vecteur
#UI
Ui-cloud.com, un agrégateur d’éléments d’interface utilisateur avec un moteur de recherche
Les outils et plugins pour vous faciliter la vie
#JavaScript
Peity, une librairie pour créer des minis graphiques en canvas
#CSS #PSD
Markupwand.com vous propose de convertir vos PSD en HTML/CSS, attention cependant à bien structurer vos fichiers
Les articles à lire
#HTML5 #Mobile
Why We Chose HTML5 Over Native Apps , ou pourquoi lockerpulse a choisi de faire une application HTML5 plutôt que native
#Webdesign
Help Prevent User Screw-Ups With These Awesome Tips quand et comment utiliser des messages d’alerte de manière efficace et non intrusive pour l’utilisateur
#UX
Ux is simple , courtes phrases qui résument des principes fondamentaux en expérience utilisateur
#Webdesign
Wireframing, Prototyping, Mockuping – What’s the Difference? si ces concepts sont encore flous pour vous, cet article devrait vous aider à y voir plus clair
#Multi-device
Style guideguide, une liste de bonnes pratiques pour créer des sites sur différentes plateformes (avec pleins de liens utiles tout au long de l’article)
#Mobile pattern
Essential Design Patterns For Mobile Banking, un formulaire banquaire avec des listes de plus de 20 objets fonctionne bien sur desktop, mais peut devenir une calamité sur mobile. Cet article propose une solution élégante pour résoudre ce problème
Et un peu d’inspiration pour finir, si vous aimez les beaux designs et la bière, voilà un site qui concilie les deux :ohbeautifulbeer.com
