Coding MCMaps design from PSD to HTML/CSS
Loading...
Uploaded by AzizNatour on Dec 12, 2011
Front-end web development of the MCMaps UI, slicing PSD to HTML, CSS and JavaScript now with zen-coding.
The project in the video is: MCMaps
Time spent on coding: approx. ~6.5 hours
Coding software: Adobe Dreamweaver CS4 + ZenCoding
View full design at:
http://aziznatour.deviantart.com/art/MCMaps-Web-UI-273395597
See design video:
http://www.youtube.com/watch?feature=player_embedded&v=mEKpEONVD_g
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: Brandenburg No4-1 BWV1049 by Kevin MacLeod
- 5 likes, 1 dislikes
-
Uploader Comments (AzizNatour)
All Comments (12)
-
@AzizNatour Okay:), Anyway Aziz, your works are great, keep up the good work!
-
@AzizNatour I'd recommend Sublime Text 2. Seriously though, dw is slowing you down your productivity.
-
@AzizNatour I would totally use Notepad++ rather than Dreamweaver. I believe it's a better developer tool than Dreamweaver.. My opinion though.
-
@AudialsOne true. Does it look like I'm using the WYISYG editor?
-
@AzizNatour If you use the wysiwyg func the code is often invalid and not supported by many browser.
Notepad++ is a good editor. And its even Free :)
-
@AudialsOne what do you recommend instead?
- 1:07:12
Website lauout coding tutorial from PSD into XHTML and CSSby GROOKnet3,190 views
- 2:26
Two hours to make a simple Javascript animation OMG AHHHby VitoProduction657 views
- 10:16
Converting a Design From PSD to HTML - Part 1 of 5.wmvby The13Majestic11,994 views
- 22:42
Dreamweaver Tutorial: How to Convert a .PSD to .HTML (Part 1)by octotuts30,197 views
- 10:00
PSD to HTML Part 1by GFxCube83,591 views
- 8:45
02-SiteGrinder 3 Workflow Part 1 of 2 - Photoshop to HTML Websitesby medialabsitegrinder15,970 views
- 4:29
Photoshop Tip: PSD to HTML made easy!by themolitor10,442 views
- 5:12
psd to html and css - part #2 prepare psdby ClickDogs8,365 views
- 0:33
► FREE .PSD | Youtube Template | CRACKERZz | ♥ ? | ◄by MagicPlayFr781 views
- 1:05:32
Psd To Css - Bölüm1by tayfunerbilen1,993 views
- 20:17
HTML-CSS Tutorial - Part one (HTML)by Buffia101147 views
- 6:33
Day 23: Zen Coding (30 Days to Learn HTML & CSS)by TutsPremium506 views
- 9:19
PSD to HTML Part 1 - Slicing 101by averagejoe240549,704 views
- 0:24
Game Programming with JavaScript, HTML and CSS: Game Loopby codentronix1,084 views
- 6:55
Adobe Fireworks ile PSD to HTML CSS | Header Bölümü | Mert Hiçyılmazby merthicyilmaz236 views
- 8:18
Speed Programming/Art #1by xDudek13lx1,474 views
- 4:04
iPhone User Interface Design, Paper Prototype studyby cgblend4,994 views
- 8:06
How to Convert a PSD to XHTML - Part 1 of 3.wmvby The13Majestic2,349 views
- 1:53
Zen Coding HTML Formsby byrichardpowell440 views
- 1:26
PSD to eCommerce Conversion Services at http://www.psdtostore.com/by rahman2k8388 views
Aziz, I always need to look the whole time at Design, why you never need that option for correcting stuff?
blackcobra1994 2 weeks ago in playlist Meer video's van AzizNatour
@blackcobra1994 well, I do switch a lot to the design for reference, but most fixes are the done in the code, you only need proper "slicing" of design images. Also the video is sped up which can be another reason for not noticing!
AzizNatour 2 weeks ago
between the PDS and the HTML how long did it take you Aziz?
plopthepspking 2 months ago in playlist Uploaded videos
@plopthepspking 6 hours and a half
AzizNatour 2 months ago