Ispirazione del fine settimana web design Time-lapse

Recentemente, ho progettato e codificato un sito Web, registrando il mio schermo mentre lo facevo. I seguenti due video coprono l'intero processo, ma per risparmiarti dopo 10 ore di riprese ho condensato l'intero lotto in un film di 17 minuti. Spero che lo trovi divertente e, soprattutto, stimolante!


Cliente: ExtremMT2
Tempo totale trascorso: ~ 10 ore
Progetto su: DeviantART
Software: Adobe Photoshop CS3, Adobe Dreamweaver CS5
Strumenti aggiuntivi: Convertico per la conversione di PNG in ICO, barra degli strumenti di sviluppo Web per Firefox


Parte 1: progettazione

Software: Adobe Photoshop CS3
Tempo trascorso: ~ 4 ore
Velocità video: 28x
Colonna sonora: Phainomenon dal manuale


Parte 2: codifica

Software: Adobe Dreamweaver CS5
Tempo trascorso: ~ 6 ore
Velocità video: 55x
Lingue / strumenti: XHTML, CSS, JavaScript, jQuery
Colonna sonora: Pulsazioni da manuale


Risultato finale


clicca per ingrandire
Nota dell'editore: Io per primo non mi stanco di vedere processi di lavoro time-lapse. Se questo è qualcosa che fai (o vuoi avere una crepa) e immagina di averlo sul sito, fammi sapere!