Tuto vidéo #1 : L’intégration web efficace !
Posté le 14 avril 2011 dans Webdesign par Identitools.
Le tutoriel :
Pour ce 1er tutoriel vidéo (le screencast #1 ne compte pas pour un tuto vidéo) j’ai décidé de faire simple, revenir aux bases. Je vais en moins d’un quart d’heure vous montrer une méthode de travail qui vous évitera d’attraper des crampes aux doigts à chaque fois que vous aurez une maquette à intégrer et accessoirement gagner de précieuses minutes dans votre travail.
J’avais déjà présenté succinctement zen-coding dans un précédent article mais j’ai pensé qu’une démo rapide en vidéo pourrait être utile, d’autant plus qu’il ne s’agit pas que de zen-coding mais de bien d’autres outils.
Aussi, j’ai trompé aptana pour notepad++…
Les liens :
- Notepad++, un classique…
- Zen coding, parce qu’il le vaut bien. Ainsi que sa documentation.
- Le fameux reset.css d’Eric Meyer.
- Un service de lorem ipsum ou pour les plus téméraires du charabia.
- Et enfin de quoi générer ses feuilles de style efficacement.
Place à l’action !
Visionnez la vidéo en qualité maximale : 720p et plein écran.
[musique]
8 réponses à “Tuto vidéo #1 : L’intégration web efficace !”
Super, continue comme ça !
c’est clair net et précis! franchement sa aide et sa fait surtotu du gain du temps!
Merci pour ce tuto super! 😉
bonjour
j’adore ton tuto, c’es super, pouvez-vous m’aider s’il vous plaît à m’en sortir; j’ai crées une kits avec PS et je l’ai découpé et maintenant il faut codé :/ jy arrive vraiment pas du tout….j’arrive juste a centré le header et une barre qui suit mais le reste jy arrive pas…j’ai essayé ta technique mais je sais même pas quoi ajouté comme pour obtenir mon code…bref, si vous voulez bien m’aider ça serai très gentil
amicalement
En fait je pense qu’il faudrait d’abord que tu apprenne les bases du xhtml/css avant de pouvoir chercher à te perfectionner en utilisant des techniques comme celles que j’ai présenté.
Ne connaissant pas vraiment ton niveau à ce sujet je te redirige vers ces sites :
http://openweb.eu.org/articles/xhtml_une_heure
http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html
http://www.grafikart.fr/tutoriels/xhtml-css/coder-site-web-23
Prochainement je réaliserai en partenariat avec site-waide une intégration complète en tuto vidéo. 😉
Merci beaucoup
salut. Merci pour le merveilleux tuto. S’il vous plait, vous pouvez me donner le lien du logiciel de maquette, et merci d’avance 😉
http://www.evolus.vn/Pencil/Home.html
merci pour cette révélation
vidéo nickel continue !