[Speed Web Dev] Aziz Natour - ExtremMT2 (Code)

You've seen how it is designed, now watch how the actual front-end development happens! Note that the design is slightly different since the client requested changes.

In this video you see how a web design is coded in (x)HTML, CSS and JavaScript from slicing PSD elements and exporting optimized images for the final web UI.

The project in the video is: ExtremMT2
Time spent on coding: approx. ~6 hours
Video is ~55 times faster than real-time.
Coding software: Adobe Dreamweaver CS4

See how this was designed:
http://www.youtube.com/watch?v=Yfu1ANHR_fc

See full design at:
http://aziznatour.deviantart.com/art/ExtremMT2-Web-UI-252283973

WEBSITE
http://www.aziznatour.com/

FACEBOOK
http://www.facebook.com/Aziz.Natour

TWITTER
http://twitter.com/#!/azizgfx

GOOGLE+
http://gplus.to/aziznatour

DEVIANTART
http://aziznatour.deviantart.com/

LINKEDIN
http://www.linkedin.com/in/aziznatour

BEHANCE
http://www.behance.net/aziznatour

All content © Aziz Natour 2011. All rights reserved.
External media / images belong to their respective owners.
Used for educational purposes only.

Music: Pulsations by Manual

Category:

Howto & Style

Tags:

• aziz natour
• aziz
• natour
• speed
• web
• dev
• speed web dev
• development
• photoshop
• dreamweaver
• html
• xhtml
• css
• javascript
• jquery
• front-end
• homepage
• extremmt2
• ui

[safacm]

How much this web ?

[AzizNatour]

@safacm it's not for sale

[JayENTERTAIN]

make tutorials :D

[AzizNatour]

@JayENTERTAIN I'm considering it ;)

[ShenRoseMt2]

Script Copy and Paste Aziz is a Nub! omg!!!!!

[7loucas]

So nice bro

[AuRaOffical]

wow is amazing :P

[mathewclarke96]

Wow! I seen the website you did for Hero FlyFF. Amazing dude. Wish i could design like this. please!!! MAKE TUTS!!!!

[MrUploadAndWatch]

I'd like to see tutorials from you. Please consider this :)

[bobekbalinek]

I would say, it can be done even quicker ;) Learn to use Zen Coding, it will speed up your coding extremely.

[dustinshadbolt]

it's not meant to make you understand anything or to be a tutorial. It shows how much time and work goes into a project. Hence why it was listed under a weekend inspiration.