-
Tutos
Alsacréations (en français)
Intégration d'un site web, chez Grafikart (vidéo en français)
CSS Tricks Démos, snippets
Codrops Tutos, démos, css, jquery, webdesign
-
Outils
The Toolbox répertoire d'outils, widgets ...
Un remplacement d'image pour vos maquettes
Télécharger la grille 960px pour vos designs
Télécharger la grille 1200px pour vos designs
Les plugins Firefox
Barre web developpeur - Firebug (pour analyser les pages)
Firesizer (Indique la taille de l'écran ) - Rainbow Color tools (Trouver les couleurs d'une page)
Pearl Crescent Page Saver (Enregistre l'image de la page web dans un fchier, partie visible ou page entière)
Grid Fox (Dessine une grille sur les pages web)
Dummy lipsum (Générateur de faux texte)
-
Les couleurs
CSS Drive Générateur de couleurs d'après vos photos
Pictaculous (générateur de couleurs d'après vos photos)
Code-couleur (code couleur et conseils)
Les typos sur le web
Calculer en ligne des pixels en em
Whatfont : Comment reconnaître la typo utilisée sur un site
Fontsquirrel : Générateur de kits de polices à utiliser en css3
-
CSS3
CSS3 Click Chart Générateur de code pour tous les CSS3
CSS3 Create "Découvrir et apprendre à utiliser les CSS3 pour vos sites web."Démo, tutos ...
Border-radius Indiquer les valeurs de chaque coin, copier le code généré
CSS3GEN Générateur de bouton, de coins arrondis, d'ombre portée, de dégradés
-
Jquery : doc et actus
Documentation traduite en français
Jquery documentation en français
Planète jquery, l'actu du jquery en français
-
Jquery : Galerie d'images
Un slideshow d'image comme chez Apple
-
Responsive
Les tutos et articles en anglais sont tellement nombreux, je choisis ici de ne donner que des références en français.
La traduction de l'article de Ethan Marcotte sur le responsive web design
La traduction de l'article de Ethan Marcotte sur les grilles fluides
Le tutorial de Grafikart (en français)
Les clefs pour bien commencer (Journal du net, en français)
Un reset responsive pour les images
Media queries
Comprendre le viewport- chez Alsacréations
Mise en page adaptative avec les media queries et (4 autres qui suivent, chez Openclassroom)
-
Contact
Pour me contacter : mcbenveniste@gmail.com
Les supports de cours sont accessibles sur demande
Crédits
Crédit photo pour l'image d'arrière plan
Les Editions du Dessin
-
Sites persos et amis
Paris à l'époque de Philippe Auguste (Création, réalisation MCB -site perso)
Les dessins d'Olivia Benveniste (Réalisation MCB)
Les Editions du Dessin (Réalisation MCB)
Macro de MC (Création, réalisation MCB -site perso)
Les photos de F. Benveniste (Création réalisation MCB)
Les ateliers de création de bijoux de Marianne Maret (Création réalisation MCB)