30 Days to Learn HTML and CSS: a Free Tuts+ Premium Course

30 Days to Learn HTML and CSS: a Free Tuts+ Premium Course

on Nov 8th 2011 with 80 comments

If you’ve ever wanted to learn how to build websites and web apps, HTML and CSS are the first skills you should learn. They are so fundamental that we believe everyone has the right to learn these skills for free.

We set ourselves the challenge of designing the most effective and enjoyable way to learn HTML and CSS in one month. The result is 30 Days to Learn HTML and CSS, a free Tuts+ Premium course instructed by Nettuts+ editor and web dev veteran Jeffrey Way. We’re really excited to share this with you today! (Plus, get a sneak peek at the new Tuts+ Premium.)

How it works

30 Days to Learn HTML and CSS is a thirty-day video course designed to be completed over one month. Jeffrey Way will take you through a new topic each day, giving you the building blocks you need to eventually code an entire website based on a PSD design.

If you’ve ever wanted to learn HTML and CSS, but either didn’t have the time, didn’t know where to start, or didn’t quite ‘get it’, we’re pretty sure you’re going to love this free course. All you need to give us in return is 10 minutes a day to go through each video and build your knowledge.

Part of the new Tuts+ Premium

In the next few weeks we’ll be launching a complete reinvention of Tuts+ Premium, including a massive redesign and UX overhaul, member forums, a library of eBooks and in-depth courses teaching you skills from the inside out.

We’ve also drastically improved the way you access the content you know and love, with the ability to quickly filter content based on topic, difficulty, format, and estimated completion time.

30 Days to Learn HTML and CSS is one of the courses that will be available as part of the new Tuts+ Premium. This course is free, but the rest of the courses are available to members. We’ll be covering topics like HTML5, CSS3, WordPress, digital painting, web design and web typography.

For now, here are a few glimpses at the new Tuts+ Premium!


Selecting a topic allows you to filter by sub-category, format, difficulty, and estimated completion time.

Members can view content in their browser, rather than having to download it.

Full members get access to educational eBooks worth more than $400.

One of many upcoming courses.

Juicy tabs!

Stay up to date and win a 5-year scholarship

If you’re a Tuts+ Premium member and want to be notified about the new Tuts+ Premium, or an interested non-member who’d like to learn more, you can sign up to our notification list. Every subscriber will have the opportunity to win one of 10 x Five-year scholarships to the new Tuts+ Premium, including access to 670+ tutorials, top-selling eBooks, 1,201 source files and a library of in-depth courses.

To get notified and learn more about the competition, join the web design and dev courses mailing list.

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Skellie is Tuts+ Manager. She makes sure all the Tuts+ sites are awesome. You can follow her/the Tuts+ Network on Twitter via @tutsplus.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
Newer Comments →
  • http://www.vision-ps.de irfanullah

    that very cool. keep up the good work jeffery way. we have learnt so much stuff from you.

    if would be great if you guys make tutorial on responsive web design and mobile development.

    • http://www.jeffrey-way.com Jeffrey Way

      As I saw on Twitter today — just use percentages. :)

    • http://vampa.org Alex Stomp

      Haven’t learned much from jeffrey way? where have you been, lol? The reason I am where I am today is thanks to his tutorials that pushed me to learn this stuff on my own.

      • http://www.aydin.ch Adem

        Umad? Read his comment.

    • Nykeri

      actually they did one, a while back
      http://bit.ly/mfzZf8

  • Aaron Major

    I’m looking forward to sharing this with friends who have yet to find a job after college. Thanks Jeff!

  • kylia

    it’s a good day, thank you “veteran Jeff” for the best tuto.

    • http://www.jeffrey-way.com Jeffrey Way

      Maybe one day I’ll be a veteran web dev. Still have a ways to go though. :)

      • http://skelliewag.org Skellie
        Author

        Modest *and* a veteran.

  • Chris M.

    Rockin’! Keep up the great work!

  • Alois Janicek

    Competition and Market economy works! Good idea and We, customers, have another perfect way to learn to be better web coders :)

  • HeatoN

    Jeffrey is the man! Looking forward to see those upcoming courses…

  • http://laranzjoe.blogspot.com lawrence77

    wow this is awesome…

    thank you tuts+ veteran Skille and web dev veteran Jeffrey Way…!

  • http://www.georgedina.info George Dina

    It’s a good initiative.
    Progressive learning…

  • http://laranzjoe.blogspot.com lawrence77

    The man who create this beautiful premium pixels of tuts+ redesign is just awesome!!

  • http://vampa.org Alex Stomp

    oh wow, sorry i misread your comment. DERP. still.. want jeff to know how much i appreciate what he’s given me.

  • http://konceptweb.co.uk Manos

    ROCKING AS ALWAYS! JEFF YOU ARE AN IDOL.

    • http://www.jeffrey-way.com Jeffrey Way

      Not nearly…but thank you!

  • george

    This tutorials are going to be available for download?

    Thx

    • http://www.jeffrey-way.com Jeffrey Way

      Each video has a download link.

      • george

        Excellent thanks for the answer jeffrey

  • http://www.tlangelani.co.za tlangelani

    Hi Jeff, you are simply the best… keep up the good work, love your work!

  • Jodi

    Very nice work Jeff! I’ll definitely point any newbies there. I had a quick flick through and was generally impressed.

    The only thing that seemed off was that you only half-finished talking about radio buttons in the Forms episode. I’d say either trim that off or finish it up with the name attribute.

    • http://www.jeffrey-way.com Jeffrey Way

      It’s really difficult to find the right pace. For people with literally a week or two’s experience with HTML and CSS, you have to be careful not to flood them with information.

  • David

    Awesome, I’ll probably sign up to check out the HTML 5 and CSS 3 courses. When is it expected to be up?

  • http://www.sidejobcentral.com John

    Very good idea. I wish this was around when I was learning.

  • Rodrigo

    This is awesome!! Jeffrey thank you very much, my native language is spanish but you have an incredible way to speak and teach that everybody can understand your words. Amazing job and thank you again for this.
    Regards from Uruguay!!

  • David

    Is this no longer available? I click on the link and get only a white browser window…

  • Jared

    where can I download this? The link(s) just take me to a blank page :/

  • http://www.webflysoftware.com adumpaul

    Nice Tutorials.Thanks for sharing.

  • Alex

    Hi Jeff. Thanks for awesome tutorials. Im wondering when new tutorials will be online? Thanks again

    • http://www.jeffrey-way.com Jeffrey Way

      New courses you mean? As soon as we launch in the next 2-3 weeks.

      • Alex

        Looking forward to a new a Free Tuts+ Premium Courses

  • verpixelt

    Hi Jeff,

    first of all thanks for this amazing tutorials (30 days to learn HTML and CSS)! It helps me a lot. I only have one question: which plugins do u use for sublime text 2 to get these helpful autofill and fill suggestions?!

  • http://www.egovconcepts.com Abbas

    Jeff is wonderful ! hard working person and he always comes up with good idea !!!

    Thanks man…

  • naga

    Great Tutorial. Thanks a lot.

  • http://virtualreallity.blogspot.com/ Tahir

    Excellent work Jeffery way, it has helped me a lot, beautiful stuff, pin point explanations. God bless you.

  • Eric greenfield

    Hey jeffrey
    didn’t you just make a whole series on html?
    http://net.tutsplus.com/sessions/web-design-from-scratch/

    is this a new one or the same or is it building on the last one?

    I cant wait to see a javascript and php series!

  • http://brocknunn.com Brock Nunn

    Hey Jeff! I really love the new format! In fact, I just re-subscribed to tuts premium. When are we gonna see the new format?

  • Ruas

    Thanks jeff for the tutorial, i learn a lot of things from this and other tutorials, it would be nice if you share us your color scheme for sublime

  • supprof

    jeff thank you very mutch for this awesome series

    how many series of html/css you gone a make?!!

    we want to see a least one serie of wordpress theme from html/css

    please!

  • bird

    nice tutorials for the beginner like me!!

  • Rensa

    - JEFFREY PLEASE READ!

    Jeffrey, well made Free video tutorials are hard to find on the net. What you are giving us is pure gold.
    I’m 15 and i can’t get premium :/. Your videos have everything that an educational video needs!

    - Great audio/voice (clean voice)
    - Great video quality
    - It was all free! (Thank you alot, i hope to donate one day :P)
    - You explain every move you make, why you do this and that.
    - I could go on and on…

    I’m from Estonia and English is not my native language, but your english is so clean even my basement
    rat can understand it :P

    Thank you Jeffrey!

    - Sincerely yours , Rene

    • http://www.jeffrey-way.com Jeffrey Way

      Thank you!! :)

  • noekidotcom

    The quality of this series has made me decide on signing up for a premiun account, the bonus being going back to basic best practices from a new, up-to-date perspective. I really appreciate this thorough overview of css for beginners that also contains useful info for intermediate users. Chapters on Zen coding and frameworks are an example of this. A course for begginners definitely well explained and with an extra! Looking forward to having a look at future 30-day courses. :)

  • Mihai

    What can I say other than thanks for these amazing video tutorials. I wanted to learn and this gave me an impulse to go on – thanks a lot, Jeff.

  • Michael Brandt

    So are we basicly “forced” to buy that theme in the end, to do the last couple of videos? :(

  • Kamal

    Hi Jefferey Way,
    I wanted to ask you how and from where can learn advance things of CSS like for formatting the contents of html tags, because i want to be master in css and i have trouble with how to layout html elements and i cant position the element so i hop you understood so please give some tips, suggestion and any learning resources for mastering in web designing. Please reply my comments, I am waiting for your reply.

  • Christian

    Awesome tutorial! Thank you!

  • http://www.faeiz.com Faeiz

    Please let me know, does all tutorials in premium are come with video tutorial?
    Thanks in advance for an answer.

  • Jon tyler

    Amazing tut, keep it up!

  • Sergey

    Great course:)
    Although I’m working with html and css almost on daily basis I knew I will find some useful tips and good practices in Jeffrey’s screencasts, as usual.
    Jeffrey, regarding your blog post fragment in lesson 21.. Your final fragment is pretty good, indeed. However the one I did before I saw yours is a bit different in markup. I know section vs article is sometimes confusing, so maybe even I didn’t use it correctly. But please take a look at my fragment and let me know what you think about it’s markup: http://tinkerbin.com/xOXivFao
    Would be very glad to hear your thoughts.

  • Benjamin

    Hi Jeff,

    Just want to thank your for this.

    Benjamin.

  • http://www.iwatchonlinemovies.com Movies

    Nice tutorial for the beginners.

  • Sabid Barahons

    Thank

  • somex de archvist

    I’m a Nigeria and I just noticed that Tut+ Premium is not available for Nigerians. What I saw here and how things are done here really pleases me. Is there no other way I can become a member so that i can advance my web development skills.

  • Tim

    Been putting off dipping into html and css for years and now finally, thanks to this course, been motivated to take the plunge. This course goes at a great pace, neither giving too much information at once or presuming the listener is stupid. I am on day 22 and now have a good idea of what direction to take once I am finished and already have other tutorials set in place to follow on from. I finally have an understanding of what was previously only an unreachable subject!

  • http://alvingenargue.x10.bz Alvin

    Thanks Jeffrey way for the Good Tutorials…God Bless you!!

  • http://atee.comprehensive.edu.pk Atiq Qazi

    nice work Dude :-)

  • toan

    you are awesome. love your tuts. thank you!

  • http://archive-id.blogspot.com Verde

    Jeffrey way is Awesome

  • Jason

    Jeffrey I just finished this and was highly impressed, getting ready to start a new job next week as a front end developer and decided a good review would be a good idea and this did and awesome job. A while ago I had purchased the CSS noob to ninja course also and just started those to complement the 30 days html/css course.

    Both have lots of great info but I wanted to say that way you’ve changed the video production (using the zoom in’s and circle highlighting while other portions are shaded) and the use of a white background text editor really elevate the videos in my opinion.

    I look forward to more materials from you!

    • http://www.jeffrey-way.com Jeffrey Way

      Thanks!!

  • AJ

    Hello Jeffrey,
    I am in the middle of following along with this series and am hugely thankful for it.
    It is easy to follow, and so far have been following along without a hitch. However for some reason, on Day 11 when I tried to use the margin-left= 50px in my stylesheet it didn’t work for me at all. I tried different values (10-250 pixels) I tried both Chrome and IE, and still nothing. I feel like an idiot, or like I missed something, but I copied the code from the videos verbatim… any idea what I might be doing wrong?

    • AJ

      Please disregard that comment. I realized that it was referencing the wrong style.css that somehow ended up in my root folder… I feel sheepish.

Newer Comments →