Des pixels et du code #17
Une première semaine de juillet avec beaucoup de liens CSS3 et de liens utiles pour les intégrateurs web, de l’accélération matérielle, des ressources jQuery, un site pour facilement présenter vos maquettes aux clients et un outil pour vous faciliter la vie avec LESS CSS.
Les tutoriels de la semaine
#CSS3 #hardware accélération
Let’sPlay With Hardware-Accelerated CSS , un tutoriel pour créer un slider de 5 chatons animé en CSS3 et jQuery et qui utilise translate3d(x, y, z) pour profiter de l’accélération hardware
#CSS3
Magnifying glass for image zoom using Jquery and CSS3 , un tutoriel pour créer une loupe qui permet d’agrandir un objet en CSS3
#Fireworks
Interactive Prototypes And Time-Savers With Adobe Fireworks, un tutoriel qui montre comment se servir de Fireworks pour créer une interface mobiles, exportable en HTML avec des zones clicables pour une présentation interractive à un client
Des ressources utiles
#Couleurs
Colorhexa.com, toutes les informations que vous n’avez jamais osé demander sur une couleur hexa !
#Git
Learn git in 15 minute, un site pour apprendre git en 15 minutes dans un style codeaccademy
Les outils et plugins pour vous faciliter la vie
#Webdesign
Mockupr.com , un outil qui permet d’uploader en 3 clics une maquette, pour la présenter à un client en background d’une page pour qu’il puisse visualiser la taille dans un navigateur
#Responsive slider
Refineslide , un slider responsive avec une accélération hardware et des transitions CSS3
#jQuery
Jquer.in , une gallerie de plugins jQuery classés par catégories
#LESS
Simpless , un outil pour compiler vos CSS LESS
Les articles à lire
#Illustrator
Why you should use Adobe Illustrator to create user interfaces, Illustrator est un outil génial pour le design d’interfaces, il permet de zoom et redimenssionner les boutons à l’infini, créer des artboards, etc.
#Stratégie
La stratégie du “caca”, un clin d’oeil et parodie à tout ce qui est méthodologie et stratégie en agence web, à prendre avec beaucoup d’humour :)
#Branding #Experience
The next- microsoft, un jeune designer c’est amusé à re-brander microsoft en 3 jours, impressionnant et résultats très interessants !
Et une chouette expérimentation de media queries, redimensionnez la fenêtre pour voir le header s’animer
Un dernier clic ? Un site qui vous explique comment avoir plus de followers sur dribbble, à prendre avec humour bien sûre
