20 Tutoriels et outils pour le Webdesign et l’Intégration HTML/CSS/jQuery

Voici un article qui devrait combler les webdesigners novices comme les plus confirmés avec des tutoriels pour réaliser le webdesign sous Photoshop jusqu’à des techniques et astuces d’intégration bien ciblées (responsive design, vidéo HTML5, CSS3, etc…). Pour combler la liste vous trouverez également une petite liste d’outils facilitant votre travail au quotidien ! Vous vous doutez qu’IE n’en fait pas partie ! (haha facile la blague je sais…)

 

Tutoriels de webdesign

Apprenez à créer un design de jeux vidéos

Tutoriels de webdesign et d'intégration html/css/jquery

 

Créez un thème pour WordPress minimaliste dans Photoshop

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Webdesign de site sur le streaming de musique avec Photoshop

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Apprenez à créer un design de portfolio propre

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

 

Tutoriels d’intégration

Tutoriel pour créer un super portfolio en HTML5 et jQuery

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Liste de certaines choses en CSS confusantes pour les débutants

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Comment créer des « tooltips » (infobulles) en utilisant CSS3 et jQuery

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Petit tutoriel pour créer des boutons pressables en CSS3

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Comment créer un menu de navigation à onglets en CSS3

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Designer de façon adaptable pour mobiles avec les media-queries CSS3

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

Tutoriel pour intégrer une vidéo en fullscreen en HTML5 sur tous les navigateurs récents

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Astuce CSS pour réaliser des vidéos élastiques

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Perfectionnez vos emails pour les rendre plus lisibles sur mobiles

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

 

 

Outils pour le webdesign et l’intégration

 

Screenfly : outil pour tester ses sites en responsive design (selon la taille de la fenêtre)

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

Du mal pour choisir un bon lecteur HTML5 ? Voici un tableau listant des lecteurs et leurs fonctionnalités

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Stylizer : un éditeur visuel de CSS

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Firebug : l’incontournable extension de Firefox pour tout intégrateur ou développeur

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

FireQuery : très utile pour débugger jQuery (extension de Firefox)

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Web Developer : la fameuse barre (extension) de Firefox

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

Colorzilla : sachez en un clin d’oeil quelle couleur (hexadécimale) vous avez sous les yeux (extension pour Firefox)

20 Tutoriels et outils pour le webdesign et l'intégration html/css/jquery

 

Auteur: Gaétan Weltzer, comme toujours en fait.

Articles qui pourraient vous plaire

Commentaires (5)

  1. Hello Spartan,
    Plus trop le temps de passer, et donc de poster des commentaires, mais je continue d’affirmer que tu fais un boulot génial, merci pour ces nombreux liens (tout articles confondus) 😉 Je tâcherai de visionner cela.
    See you.

  2. @Tazinho : Et oui, un webdesigner mais surtout un intégrateur ne peut dans tous les cas pas se passer de l’anglais dans son quotidien. Tu comprends à la vue des tutoriels pourquoi… 95% anglais, 5% français. 😉 Courage !
    @Bboy : Oui j’ai remarqué que tu commentais moins, je suis content de constater que tu es toujours en vie ! Merci pour ton commentaire. 🙂

  3. Bien pour sa que j’essaye tant bien que mal d’apprendre l’Anglais je pêche dans les tutos … et puis sa pourrait mettre utile plus tard professionnellement dans ce domaine !

  4. Oui tout à fait, surtout qu’un intégrateur pour apprendre de nouvelles techniques ou s’il utilise de nouvelles librairies ou plugin devra se documenter en lisant les articles et tutoriels comme ceux-ci, voire même des documentations techniques… qui sont très souvent en anglais.

Laisser un commentaire

L’âme d’un artiste ? Inscris-toi sur DigitalPainting.school

Fermer