Web Development from Scratch: Helpful Dev Web Apps
basixvideos

Web Development from Scratch: Helpful Dev Web Apps

on Jun 12th 2011 with 44 comments
Tutorial Details
  • Difficulty: Beginner
  • Format: Video
This entry is part 15 of 15 in the Web Development from Scratch Session
« Previous

We’re going to step away from coding just long enough to bookmark ten very helpful web apps that you need to be familiar with.

Choose 720p for the clearest picture.
Subscribe to our YouTube and Blip.tv channels to watch more screencasts.

Show Links

 
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. I'm incredibly passionate about modern software development, and am the author of Laravel Testing Decoded! 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
  • Pablito

    CSS3 Playground is brilliant! Great tips. Thank You.

  • Nackle

    lipsum and border-radius is really helpful. by the way, Do you know somebody build a Jeffrey Way facebook fan page??

  • http://www.google.com Kris

    A couple new favorites in there, thanks!

  • Arindam Paul

    This is Awesome Tutorial :)

  • http://edwinhollen.com edwinhollen

    I would also like to recommend another placeholder service: http://placehold.it

  • Ryan

    Some good new apps on there I haven’t run into yet, Snipplr looks promising but doesn’t seem to be working correctly. At least not on any of my browsers.

  • http://www.jeffadams.co.uk Jeff Adams

    I’m a big fan of these tuts. I do try and post a fair amount on my own site as well as freebies but these types of tutorials often get overlooked for being too simple – they’re not, they’re great.

    These are perfect for everyone – the list-item one I found really handy because even though I’m no newbie, it’s always nice to see how others do it – or how to get around horrible annoyances (staircasing list items for example).

    Keep up the excellent work.

  • Sleeman

    Thanks A lot Jeffery , hopefully in the future lessons you will cover the 2d and 3d properties in CSS3 .

  • Francis Wertz

    Love this for Regex:

    http://gskinner.com/RegExr/

  • Diogo Maia

    http://www.css3maker.com/ is very helpful too

  • http://www.simplyaccomplished.com Frank Wiebenga

    I know I still consider myself a novice at web development, but two tools that I have found very helpful in coding are Firebug and IE Tab 2. Firebug helps find weaknesses in security, like Lynda.com’s exposed video url and IE Tab 2 helps with markup when you can easily switch from IE browser engine to Firefox.

    IE Tab 2 URL: https://addons.mozilla.org/en-US/firefox/addon/ie-tab-2-ff-36/
    Firebug URL: https://addons.mozilla.org/en-US/firefox/addon/firebug/

  • Dougieladd

    Loving the new series Jeffrey! Looking forward to the JS tuts we designers are not natural scripters! (at least I’m not). Hopefully I’ll be able to follow along…

    Great work again as usual!!

    Thanks

    D

  • Scylla

    Great series, just watched all 15 episodes, eager to learn more, where to next? would love to know whats the next step after this cause Im in it, aint stopping now. Thans Jefferey :-)

  • Mel

    I simply want to say thanks. Having just graduated from college, I never got the opportunity to take classes in web development, so I am on a mission to become self taught and become well versed in both front end an back-end development.These tutorials have been very very helpful, especially to me as a novice. I feel a lot more comfortable with web development after going through these. Looking forward to more of your work.

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

      Thanks!

      • evako

        We need more of this Jeff please, this was awesome :-)

  • Jeff

    Looking forward to more in the series because these tutorials are really helpful to beginners in web design (development). Any idea on when the next ones will be? Soon? (fingers crossed).

    Thanks again!

  • Dave

    You forgot Prefixr :)

  • http://frhetoric.com Said Martinez

    Amazing beginner’s guide bookmark set! Very straight forward to the point. Thank you so much!

  • Amr Emara

    Awesome Sites!!!! Thank you

  • jay

    Very helpful links :) +1.

  • Chris

    These tutorials have been great, but why has it been almost 3 months since the last update? As a newbie, unfinished (and seemingly abandoned) sessions throughout the tutsplus network make it really difficult for me to want to use the site as a resource knowing that I’m likely going to be left floundering halfway through…

  • Neto

    plz, we need new lesons =)

  • Stephen

    Hey I have used CssPlease and CssPlayground but when I have a border-radius and a gradient within IE9 it spills out past the radius, but works fine in FireFox and Safari.

    I also tried this website http://www.css3pie.com but with that it doesnt do the gradient just makes the BG color one static color, but shows the gradient in FF and Safari.

    Anyone know a fix for this for IE?

  • http://www.twitter.com/chist3r Mohamed Atef

    Really I loved this amazing simple series.. But it’s 2 months and you haven’t added any new tutorial!!
    It will be amazing to find more new tutorials completing this session :)

  • van

    Great series. I hope its not abandoned though…

  • http://www.vision-ps.de irfan

    great series Jeff.

    We are waiting for more. you have not updated it almost for months

  • Erin

    I too have never received any formal training and this series has be invaluable to me. Looking forward to more in this series!!!

  • M.Saleem

    Great tutorials , many thanks Jeffery , but we need more =)

  • http://www.mtuts.net/ Majid

    Jeff, your tutorials are for sure one of the best in internet, keep going .

    BTW when you are planning to complete this series ?

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

      I ended up branching this series out into something more special. Find out in a few weeks. :) And thanks for the nice words!

  • steve wild

    Looking forward to more in the excellent series!!

    As much as i thought i had a pretty good understanding of HTML, i have found that i have much to learn and loving learning it! Jeffrey you make each of these lessons fun and easy to follow.

    The tips, and tools featured in this series have also been sooooo helpful.

  • http://www.chaletgem.com Simon T

    Great Tutorials, it was helping me understand the HTML in my website http://www.chaletgem.com When can I view the rest of the series?

  • Mich

    Love your tutorials Jeffrey! They are easy to follow and understand. Looking forward to the upcoming series! Thanks loads for these! :)

  • Sures

    awesome!

  • http://www.aneslinonline.com Aneslin

    Really great links, this is the best episode :)
    really never known before.

  • http://drsresearch.co.uk writer sonet

    I am loving it…………

    Specially CSS3 Playground

    Life is really hard without this

  • SixQuads

    Jeffrey,you are way the best!
    I was trying for some time to learn HTML/CSS but just couldn’t understand it.
    Now,in 2 hours,by watching your series,I know to code in HTML/CSS (as begginer).
    Thank you very much and keep going on!

  • jgc

    Awesome ! thanks

  • Sara

    I love lorempixum and chop! Thanks Jeffrey.

  • Nathan

    This was very helpful for me. You are a very effective teacher.

  • http://www.facebook.com/dylanrhysscott Dylan Scott

    This tutorial series launched me into my new career and inspired me to develop those skills and even choose a degree in this area. Cannot thank you guys enough for this tutorial. I would very much like some feedback on one of my recent projects as it is tuts inspired :) http://www.drsdesigns.co.uk/blog

  • Gojo

    Thank you, Thank you, Thank you. I really can’t thank you enough for these tutorials. They have helped tremendously! Keep up the great work :)

  • Amber

    Thank you so much for this amazing tutorial series! Your clear, concise style of teaching makes it easy for even someone like me with absolutely no programming background to get started on the basics of developing a webpage.