Des pixels et du code #18
Cette semaine beaucoup de ressources concernant le Responsive Webdesign, des ressources pour générer du bruit, les nouveautés iOS6 en terme de design ainsi qu’un framework pour créer des applications HTML5 JavaScript contrôlables avec les gestes Kinect. Sans oublier la sortie de github pour Android !
Les tutoriels de la semaine
#Canvas
Html5 canvas slideshow jquery un tutoriel interessant pour créer un slider en utilisant des canvas pour modifier les images et du jQuery
#CSS
Set text on a circle Afficher du texte sous forme d’arc de cercle en CSS
#RWD
Responsive mobile first navigation menu un tutoriel pour créer une navigation responsive sur trois niveaux qui passe sur tout l’écran pour les appareils mobiles
Des ressources utiles
#Android #jQueryMobile
jQmobile Android Holo light theme , un thème jQueryMobile inspiré des couleurs d’Ice Cream Sandwich sur Android
#CSS3 #Pixelart
Picssel art un générateur de visuels pixels art dont le code génère du CSS3 (sympa, mais je n’utiliserait pas sur un site live)
#icons
Font Awesome More plus de 100 icones gratuites pour vos projets, classés par thème et facilement utilisables avec bootstrap
Les outils et plugins pour vous faciliter la vie
#jQuery
SafeQuery Silent failures such as bad selectors are annoying time-wasters. safeQuerywarns you when jQuery calls return zero elements.
#Bruit
Noisepng.com un petit générateur de bruit (noise) pour vos créations
#Code
Liveweave.com, un éditeur de code en ligne, alternative à jsfiddle et tous ses confrères pour tester et partager vos codes
#Kinect #JavaScript #Api
Kinesis.io, un framework qui permet d’avoir accès à la reconnaissance de mouvements de la Kinect de microsoft, depuis une page web. La vidéo de démo est impressionnante
Les articles à lire
#iOS6
iOS UI, what is new, les petits changements dans l’UI d’iOS6 en image
#CSS
Understanding percentage background position une explication en image du positionnement en pourcentage d’une image en background en CSS
#Github #Android
Github Android app released github a désormais son application Android !!
#Responsive images
3 Types Of Solutions To Work With Responsive Images, trois types de solutions pour résoudre le problème des images responsives
#Webdesigner
6 Simple But Impotant Tips for Design Students 6 excellents conseils pour les étudiants en webdesign, qui restent également valables pour n’importe quel webdesigner confirmé
#Webdesign
Justifier le prix de la qualité : “La qualité, c’est la capacité à produire un produit qui réponde aux exigences définies par vos clients, et pas uniquement par vous-même.”
#RWD
Off Canvas Multi-Device Layouts, quelques idées pour agencer son contenu sur un site responsive en masquant / affichant des parties sur les côté (comme le layout de Facebook mobile)
