Inspiration du week-end conception Web accélérée

Récemment, j'ai conçu et codé un site Web, enregistrant mon écran pendant que je le faisais. Les deux vidéos suivantes couvrent l’ensemble du processus, mais pour vous épargner 10 heures de tournage, j’ai tout condensé en un film de 17 minutes. J'espère que vous le trouverez divertissant et surtout inspirant!


Client: ExtremMT2
Temps total écoulé: ~ 10 heures
Projet sur: DeviantART
Logiciel: Adobe Photoshop CS3, Adobe Dreamweaver CS5
Outils supplémentaires: ConvertICO pour la conversion de PNG en ICO, barre d'outils de développement Web pour Firefox


Partie 1: Conception

Logiciel: Adobe Photoshop CS3
Temps écoulé: ~ 4 heures
Vitesse de la vidéo: 28x
Bande sonore: Phainomenon par Manuel


Partie 2: Codage

Logiciel: Adobe Dreamweaver CS5
Temps écoulé: ~ 6 heures
Vitesse de la vidéo: 55x
Langues / outils: XHTML, CSS, JavaScript, jQuery
Bande sonore: Pulsations par Manuel


Résultat final


Cliquez pour agrandir
Note de l'éditeur: Pour ma part, je ne me lasse pas de voir les processus de travail time-lapse. Si c'est quelque chose que vous faites (ou voulez avoir une chance de faire) et que vous avez envie de l'avoir sur le site, faites le moi savoir!