Try Tuts+ Premium, Get Cash Back!
CSS: Noob to Ninja – New Premium Video Series
plusbasixvideos

CSS: Noob to Ninja – New Premium Video Series

on Jun 2nd 2010 with 70 comments
Tutorial Details
  • Language: CSS
  • Difficulty: Intermediate
  • Format: Video

This exclusive premium video series will take you from being an absolute CSS “noob,” all the way up to ninja-status, capable of wrangling even the most obnoxious of browsers into place. The series begins with the basics: the syntax, properties, etc. However, each new video expands upon the previous, as you work your way up and improve your skills. This week, you’ll have access to Parts 1-4 in the series. The remaining six episodes will be available later this month!

If you’re switching over from a graphic design career, or are hoping to finally dig into CSS from scratch, this will be the series for you. And even if you have a modest level of experience and want to take your skills to the next level, learning the latest CSS3 techniques, the latter part of this series will surely quench that thirst! Become a Premium member!

Video Sample

Join Net Premium

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Aetuts+, Audiotuts+, and Vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. Become a Premium member!

 
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.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. Also, I'm finishing up my latest book on Laravel Testing! If you want be friends, say hi on Twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.foxyhare.com Bryce Wisekal

    Possible to get a preview of this? I’ve been considering for months whether or not to become a member.

    This does look like something that I’d be willing to start my membership with. However, I’d like to have a preview first to see what exactly is included in this video series.

    Thanks!

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

      Hey Bryce,

      You can email net@tutsplus.com, and I’ll send you the introductory video-chapter.

      • http://wpcanyon.com Slobodan

        Sent over the email, want the introductory vid too :)

      • http://www.ulrichdesign.ca Travis Ulrich

        Oh! Oh! Me too please? :)

      • Nasullah

        plzzzzzzzzz send me css noob to ninja video series. thanks

    • http://jacobbednarz.com Jacob Bednarz

      Hey Bryce,
      Having Tuts+ membership is one of the best things you can do to help you development skills. It is the best web development resource available and has the most update to date tutorials available!

      Definitely the best investment I have ever made!

    • http://www.vectelligence.com Ilie Ciorba

      Totally agree, the same situation here :)

  • Khalid

    Don’t bother asking for a preview, they’ve a money back guarantee on the premium stuff.
    I too have been interested in the premium thing for a while and seeing this in Google Reader was enough to bite the bullet.
    $9 is pretty good value, but a money back guarantee absolutely seals it for me.

  • dronix

    nice, really like your video tuts jeff, would be nice if you do something like this but for javascript.

  • Djkanna

    Oh man better renew my membership :O.

    Nice one Jeffrey :)

  • http://www.webguide4u.com photoshop Tutorials

    CSS ninja will have to check it out

  • http://www.scottcorgan.com Scott Corgan

    Guess I might have to get a premium account…

  • Jaysone

    Jeff..thank you so much.. For anyone who has doubts on the premium membership..allow me to reiterate that it is fabtastically awesome!

    Jeff, i am a big fan of the wordpress for designers series..
    Its sad that it got discontinued..

    I really wish there is a series for members on wordpress..

    Thank you

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

      Thanks, Jasone! Actually, we do have a full PSD -> WordPress video series on the Premium site. :)

      • Jaysone

        Jeff, having some problems with my account. Can i have the email address for support?

      • http://skelliewag.org Skellie

        Hey Jaysone, you can make a support ticket at http://support.envato.com. They’ll be glad to help!

      • Jaysone

        Sorry i accidentally sent the same ticket twice.

  • David

    No doubt, get a Premium Membership! The content is awesome! The Tuts sites have a ton of great tutorials — not to mention the great customer service. Jeff Way has quickly responded to every question I’ve ever had. Keep up the fantastic work Jeff!

  • http://web3media.ca Jamie Kelley

    Jeffrey:

    I’m a premium member and yet every time I go to the site, I have to login again. Additionally, I always forget where the login button is and spend too long looking for it.

    Please get a cookie thing happening and make the login more obvious on the site.

    Thanks,

    Jamie

  • http://www.shaneparkerphoto.com shane

    Jeffrey is probably the only reason I subscribe to tuts+ … scratch that, there’s no ‘probably about’ it, he IS the reason I’m a paying subscriber :~)

  • http://mariuscroy.com Croy

    Great timing. Just getting started with CSS. Glad to have a premium membership.

  • http://fezj.net Faizan Jilani

    Hey Jeff, please do something like this for jQuery but go to a level beyond what you have already done in the basix series for jQuery.

    :)

  • # Mukarram

    Hi Jeff….

    I’m in Love with you buddy ( jus kiddin – i only like gal ) !!!
    You’r awesome man – I can’t express my feelings towards you in words.
    I saw your video series & text & i really like the way you teach us.Excellent.

    Please take Care of your self.
    And yes i also like to receive an introductory video of this series – i just dropeed you an email.

    Thanks :)

    • http://net.tutsplus.com Jeffrey Way

      Thanks, Mukarram!

  • http://www.fishmemory.net fractalbit

    Now this is something i really like and will definately be watching carefully! Is it possible to provide a download of the screencasts? (i am a premium member but i only see an option to view the screencast, not download).

    • http://www.fishmemory.net fractalbit

      Sorry! I just downloaded the zip and it had the mp4s in it! THANK YOU!

  • http://thomasrussell.x10hosting.com/ Thomas Russell

    Awesome series Jeffrey! :)

    I agree with someone else who posted above about you perhaps making a JavaScript series, as I’m sure that would be beneficial to a lot of people (including myself)!

    Thanks! :)
    Thomas

  • http://www.jordanwalker.net Jordan Walker

    Very beneficial to learn and improve your CSS style and learn some new techniques.

  • Elektric

    High Jeff,
    How about a tut on how to design that UBER COOL 3d pixel wallpaper you got there? Cinema4D? Looking forward to the other parts. Also did you test the Chrome Web Developer yet?

    • http://net.tutsplus.com Jeffrey Way

      Hehe – That wallpaper was actually for a recent Envato marketplace competition. But you’re right, it make for a cool tut on one of our sites. :)

      No, I haven’t checked out the web developer toolbar for Chrome yet. I’ll do that today.

  • GorillaWma

    I am big fan of HTML ans CSS and I learn all that here on Nettuts+. Thanks you Jeffrey, I learn almost all from you. Now when I see this series I am really considering to take premium account, and I know I won’t regreat it, because this is best community where you can learn something. All is well explained to details.

  • Justin

    im a premium member, but, i HATE video tuts, so, not going to waste time on this one. plus im a CSS Ninja already. ;)

  • http://imanto.net Anto

    The amount of times you called textmate, text expander lol :P. I dont even think you realize you where doing it haha, i was waiting on you correcting yourself, but meh :D.

    This is good for people to learn from start to finish. Good stuff.

    • http://net.tutsplus.com Jeffrey Way

      Oh did I? Haha. Never noticed.

  • http://web3media.ca Jamie Kelley

    Of all the books and lynda.com tutorials on CSS, these tuts is the best and most comprehensible I’ve experienced. Wonderful. Finally, I get to understand the “thinking” behind CSS. Thank you so much. Great work!

    Jamie

    • http://net.tutsplus.com Jeffrey Way

      Thanks, Jamie! …But I still need to post the last six episodes. :)

      • http://web3media.ca Jamie Kelley

        No worries. I’m going through slowly and taking notes. Never got the # . relationships before. It’s great when my lightbulb turns on. I also use CSSedit which is a terrific utility. Looking forward to the balance…

  • http://tenaxtechnologies.com complex web development

    I learn all tutorials from Nettuts+.
    Thanks you very much

  • http://www.codecrunchers.net Kevin Groenendaal

    Jeff you’re not gonna post the remaining 6 episodes AFTER the end of the month right? Otherwise we’ll have to pay twice ;).

    *Becomes premium again*

    Kev

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

      Absolutely not. :) I’ll post the remaining six entries either June 9th — or the following week, on June 16th.

  • David

    Get a premium membership, you wont regret it! Jeffrey is awesome.

  • http://www.jquerydot.net/ apoStyLEE

    very very nice we expect the rest of the series :)

  • http://loudtshirts.com/ LoudTshirts

    “noob to ninja”? Seriously? For a website for creatives, I thought you might have come up with a more creative name… Disappointing.

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

      Umm – The “Blank to Ninja” titles have been in use for a very long time. And Envato’s own Rockable brand has been using ninja references long before that SitePoint book. See here: http://rockablepress.com, and feel free to pick up a book.

  • Bala

    Hey thanks for the great VDO Jeff! I was wondering whether i made a right decision about becoming a premium member….now i feel i made no mistake! u made me to feel it that way! good job bud!! you really made me understand css which was a puzzle for me

    • Bala

      Looks like the final 5 or 6 videos are gonna play a vital role in noob to ninja transformation :)…..cant wait for it :P

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

      Thanks, Bala! Stay tuned for the remaining six entries.

  • http://www.u2u.ir Hamid

    Hey, It was very useful
    If its possible make some video about converting PSD files to > HTML + CSS > WordPress.
    it should be great.

    thanks

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

      I don’t think the series will cover that aspect; however, we do have full PSD -> HTML or WordPress conversions available to our Premium members. :)

  • fesh

    You can get this kind of tutorials for FREE! just Google it!

  • anujv73

    why premium?

  • GorillaWma

    Why premium?

    Well you can’t find many tutorials like these one. It’s so detailed explained that you can learn that just watchig any video once. Thats why this is worth to be on premium. Any Jeffrey Way is not just anyone, watch his tutorials and you will know. He want to explain to all things so detailed, and he is doing that in way he can’t do better or anyone else can.

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

      Hey thanks. :)

  • http://noobowned.com/ CyrusKafaiWu

    Hello,

    I am interested in this series of noob to ninja. Does this include CSS3 and maybe some photoshop on creating templates.

    Also, how long usually do the tutorials take to complete?

    Thanks
    CyrusKafaiWu

  • Elektric

    Jeff, at or around 14:13 in part 4, ‘Floats.mp4′, you select and copy a slice from the browser window. How did you do this? Did you make a selection with the ruler in the Web dev. plugin? I work on a pc and I use Firefox, how would I make a selection in the browser that I can copy and paste into PS?
    Thanks.

    • Pete

      Would love to know the answer to this too… I’m thinking it might be a mac thing?

      Pete.

  • macutan

    This tutorial looks awesome, a friend of mine told me about the series, but I was wondering if you might have a similar thing for HTML noobs. I am familiar with HTML but would like to introduce a business partner into it so that he knows at least the basics…

    Any recommendations?\
    thanks

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

      Not yet – but if there is enough of a demand, I’d be happy to create one.

  • Yasir khan

    1st thanks Jeffrey Way,
    i cant express in words how best ur teaching. i studied lots of books but not get on right track. and with your training series.. huh im realy a ninja now…

    Now im waiting for a php ninja course from you.. so when u going make it for us..
    thanks in advance..

  • Andrew

    Jeff,
    I’m a premium member and very happy with the product. However, every time I get to a premium tut I have trouble finding where to login. Shouldn’t you have a login in the header?

    Pointers to login would be greatly appreciated.

  • Andrew

    Ok found it under Hello->members area.

    One problem with the way this is implemented is that once i login i have to search for the tut that I was on.

    • Andrew

      So maybe it is too early in the morning but I can’t get the tut started.

      What should I be clickiing on? I tried the vid above but my pointer doesn’t change when I hover it and clicking does nothing.

      Does this site support Chrome???

  • Jon

    I am a premium member, where do I find the videos series to download it?

    Thanks

  • kevin

    One of the clearest tutorials I have ever seen. Jeffery is born for this. I am now a premium member.

  • njmahesh

    Where is the source files (html and css) for this video series?

  • njmahesh

    Where is the source files (html and css) for this video series?

  • slumpey

    this was fantastic, is there an html5 tuturial version like this?

  • Srinivasan R

    Hi, this is a great series. Can you tell me how I can get access to this? I’m already a premium member, but can’t seem to find the download