Des pixels et du code #18

Ce contenu a été rédigé il y a 12 ans. Il se peut qu'il ne soit plus à jour.

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)