Yo gang, the PSD file is at


========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to – or

========== Social Links ==========

Twitter – @TheNetNinja –


  1. This is great for those who already know the basics of html/css. I guess sites like lynda, udemy are really for complete beginners.

  2. Nice Tutorials…
    I have one question…?
    as per tutorial psd to wordpress conversion…is it responsive?..or we need to create it responsive?
    ..pls reply.

  3. Your videos are really awesome you really know how to explain your viewers
    A great thanks to you for all the tutorials they really mean alot to me

  4. no doubt your all tuts are simply awesome

    i requesting u to make a tutorial to make burger-nav in photoshop as u applied in responsive from scratch plzzzzz ………. upload plzz

  5. hi Net Ninja your tutorials is very impressive extremely i want to pay thanx to you butt i have a issue that i am complete my costume wp page but i couldn't active visual composer and i have no idea that what to do for this and what code i have to include the files plz tell me
    thank you

  6. Hi, awesome tutorial! I'm following your tutorials and been learning a lot? Is it possible to share the HTML/CSS resource files for this particular tutorial? I know how to convert PSD into responsive HTML so wanted to skip ahead. 🙂

  7. Hey, your tuts are great! Just got a question. How do I check names of the fonts that are inside this psd file? Photoshop tells me I need to install additional fonts but it doesn't tell me which.


Please enter your comment!
Please enter your name here