The Best of Paul Irish in 2011
videos

The Best of Paul Irish in 2011

on May 18th 2011 with 86 comments

Paul Irish, who works for the Chrome Developer Relations team, is one of the most outspoken and respected front-end developers in our industry. Even better, he has the heart of a teacher, and frequently speaks at conferences, and records screencasts on various web development techniques. Here’s the best of his offerings so far in 2011.

1 – Paul Irish on HTML5 Boilerplate


Download HTML5 Boilerplate

“HTML5 Boilerplate is a “rock-solid default for HTML5 awesome.” In this video, Paul Irish, the man behind the project will show you how you can use HTML5 Boilerplate to get your projects up and running quickly while keeping best practices covered.”

2 – HTML5, CSS3, and Dom Performance

“Paul Irish, from the Chrome Developer Relations team, walks through smart techniques to improve the performance of your app. He describes CSS reflows and how to avoid them, hardware accelerated CSS, animation optimization, web workers, benchmarking and build scripts.”

3 – Chrome Dev Tools Reloaded

“You’re an experienced web developer but new to Chrome Dev Tools’ nuances? Get up to speed on all the newest features of a web app developer’s best friend. Update CSS styles on the fly, get a diff or save changes to disk. Set breakpoints on everything imaginable and dig into the networking stack to uncover performance gains.”

4 – Chrome Developer Tools: 12 Tricks to Develop Quicker

“In this video, Paul Irish, a Chrome developer advocate, presents 12 tips and tricks on how to use Chrome’s developer tools. Learn more…“

5 – Quick Color Manipulation

“You can edit the color representation of any CSS color on the fly (from hex to RGB(a) to HSL(a)) and also always view colors in HSL, for example. This lets you manipulate colors easily for finding hover colors or other tweaks live.”

6 – The Build Script of HTML5 Boilerplate: An Introduction

In this video, Paul works his way through the process of using HTML5 Boilerplate’s build script to automatically compress, optimize, and concatenate your files.

7 – 11 More Things I Learned from the jQuery Source

7

As a follow-up to his popular presentation from the jQuery conference, Paul continues with eleven more interesting notes and facts on jQuery.

Vote on What’s Next!

You decide what he records next.

Paul has generously agreed to record a custom screencast exclusively for Nettuts+. Even better, you guys get to decide what the subject will be! JavaScript? jQuery? HTML5? Chrome? Let us know in the comments. Then, in the next several days, Paul will look over the comments and choose which screencast to record!

So get going! Leave a comment, and let us know what you want Paul to teach you next.

Tags: Videos
 
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
Newer Comments →
  • JR

    Thank you & kudos, Mr Irish! We all appreciate your efforts!

  • http://twitter.com/mixn Milos

    Paul’s *the* man behind this industry, so I’m very happy to see this on here. That’s all.

  • AllanD

    jQuery! would be awesome.

  • http://joecritchley.com Joe Critchley

    With you all the way :-D

    How’s about something on unit testing? It’s never been something I’ve been up on with client-side code.

  • http://thatryan.com Ryan

    Paul you are all kinds of awesome, honored to know you fine sir! ;)

    I would love to see some authoritative tuts on responsive/adaptive design.

    Thanks Paul for all you do in and for this industry, and to you as well Jeffrey, for putting this and so much more together.

  • http://owenconti.com Owen Conti

    I have been watching a lot of Paul’s videos in the last week and have learned a ton! Really great to see someone so committed to making the web a better place.

    I’d personally like to see more web app / mobile web app development coverage. I’m not sure exactly what I’d like to see covered, but it’d be great to watch Paul go over strategies and techniques for developing web and mobile web apps.

    Owen

  • http://www.aerotwist.com Paul

    I’d gladly see one on Advanced JavaScript Tips & Tricks. Perhaps stuff that at first glance looks a little crazy but is either super useful or really performant :)

  • http://about.me/andrewrabon Andrew Rabon

    WebSockets! Or WebWorkers!

  • http://addyosmani.com/blog/ Addy Osmani

    Nice post guys!. Paul/Plaid Irish’s talk on ‘Things I learned from the jQuery source’ is always worth a watch and I strongly recommend checking it out for anyone that hasn’t.

    Btw, I believe you linked the wrong video under number 7 :) Might want to fix that.

    • http://www.ssiddharth.com Siddharth

      Whoops! Fixed, thanks. :)

  • http://sbl.cc Simon

    Paul Irish is the best developer in the wooooorld!!!!

  • http://www.caiobianchi.com Caio Bianchi

    I’d love to learn a little bit more about HTML5 forms and its uses integrated to jQuery (such as animations, etc..) experimental stuff would be good too.

  • http://kaidez.com kaidez

    I vote media query detection with yepnope!

  • Jeffrey

    I would be interested in an in depth look and discussion of XML vs JSON, their advantages, disadvantages, and page and javascript performance traversing and dealing with each, from a small dataset (4kb) to large amounts of data (1mb).

    Thanks for all the great articles and screencasts!

  • http://avey.de Way

    Very interesting and helpful collection! It’s a really nice and handy roundup and thanks to Paul for that videos!

  • http://flip.hr/ cindreta

    definitely some more “#BAD55″ html5/css3 videos :D

  • http://gustavstromberg.se/ Gustav Strömberg

    I started to develop a voice memo web app, designed to function even offline, thus using local storage to store the memos.

    My attemps to make this is located here: http://gustavstromberg.se/sandbox/html5/localstorage/ but they aren’t complete functional in chrome. It doesn’t playback sound correctly for instance.

    I would like to hear about the good ways of doing this in a bulletproof way that is applicable to as many browsers as possible!

    So the techniques are: local storage, voice input, google translate text-to-speech.

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

    For me – I’d benefit the most from simply watching you work. Maybe build a tiny simple web app (like a lorempixum.com type service), and let us watch your process. What tools you use, techniques, version tracking, testing, etc. Those always seem to be the most useful.

    • http://www.gustavstromberg.se/ Gustav Strömberg

      I’d be very happy to see some inputs on this.
      http://gustavstromberg.se/sandbox/html5/localstorage

      I use very new technologies and I’m not sure I do it the right way, please spread some light to those new areas :D

    • http://owenconti.com Owen Conti

      +1 to Jeffrey’s suggestion.

      I learn best from watching / examples

      Maybe a small web app utilizing local storage?

      • komiska

        Paul is the favourite Ninja!
        Agrred with some others here: Would be nice to see some HTML5 local storage awesomeness

    • Pradeek

      Agree. I want to see Unit Testing in a real world project.

    • Kyle Smith

      Another +1 to Jeffrey’s suggestion.

      After watching quite of few of Paul’s tutorials, I’m very interested to see what his technique is like when he’s really working (as opposed to taking it slow so us fans can keep up =P).

      It’d be even sweeter if he could build the project with Ender JS (kill two birds with one stone!). Maybe a secret Paul Irish + secret guest Dustin Diaz super screencast? That would be the sickest thing ever.

      I’m stoked! This is genius.

    • http://www.jeremytennant.com Jeremy

      +1 Jeffrey. I personally learn a lot more from seeing practical application of concepts than the alternative. Look forward to seeing the result.

    • Joshua

      Another vote for Jeffrey Way’s idea. I’d like to see you work with HTML5/CSS3, etc. As an idea of what the project that might be, perhaps visually organizing, sorting, searching local movie data (or flight information, financial information, unicorn sightings) with jquery to utilize local storage, css transitions and/or canvas.

    • Thomas

      Yea, workflow screencasts are the best!

    • http://asroberts.net Andrew Roberts

      Yep, I’m with you Jeffrey!

      • http://asroberts.net Andrew Roberts

        Maybe incorporating node.js into the mix :)

      • Kyle Smith

        +1 to the node idea

    • http://djebbz.com DjebbZ

      Very good idea, seeing you working is really worth a lot of tutorials. An 1-hour long video to cover all aspects of a small application where you would use new technologies (advanced HTML5 like web workers/local storage etc., CSS3 media queries/yepnope, based on the HTML5 boilerplate).and unit-testing.

      Or a specialized topic on unit testing.

    • Timothy Aaron

      +1 Definitely would benefit the most from a simple service, built from the ground up. (jQuery-centric, hopefully)

    • http://rashidshafique.com Rashid

      Ill go with Jeffrey! So an app that utilizes HTML5, jQuery, CSS3 would be great!
      Just watching Paul do his stuff his own special way is a special treat!

      • Steven

        +1 for this indeed, an allround screencast with workflow sounds very interesting

    • http://keeskluskens.nl Kees

      + 1 , please let us see how you work :). Would love that.

  • http://pablolarah.cl/ Pablo Lara H

    Genius!

  • iDGS

    GITHUB: a follow-the-dots style intro for fans (ahem–hand raised, here) who know and love HTML/CSS but are devastatingly clueless wrt code management. Hey, if your fellow demigod, Andy Clarke can publicly confess he doesn’t “get” GIT, there’s an unmet NEED!

  • http://doctormalboro.net/ Leandro

    I think that a simple screencast of tips to learn javascript APIs for HTML5 would be more than enough

  • Scott

    Paul is the man!! I bow down to his knowledge and work that he’s done with Modernizr and Html5Boilerplate.

  • Garrett Heinlen

    jQuery :]

  • http://www.csshtml.co Gautam Lakum

    Great collection of video tuts. Best help to learn and this helped me a lot.
    Thanks tutsplus.

  • kankaro

    thanks a million Mr. Way for compiling Mr. Irish’s screencast, for me, id like to see Jquery and HTML 5 techniques and also the tools used by Mr. Irish…. Thanks in a million to you Mr. Paul Irish for sharing your remarkable knowledge…. god bless u always …. :D

    • Abhishek

      +1 for this request. Also, would like to see unit testing in real world application

  • http://anti-code.com Jared Williams

    I think your holding out on sharing the REALLy good stuff Paul. I know there’s things that you could do a video of involving somethings that you keep to yourself. Show us the good stuff!!
    Though, I can understand if you can’t, company stuff/etc. So otherwise, how about giving css3please some html5please, and thank you.

  • http://google Sanarwen

    Aweosme work! :) I had to post something so I would be the first gal to comment about you. I really learn a lot watching your videos. Thank you Paul.

  • arnold

    next subject?…

    please let it be jQuery awesomeness…

    :)

  • http://itcutives.com Jatin

    Simply Awesome, Thanks.

  • http://benstockdesign.com Ben Stock

    Irish/Way 2012?

  • http://toni.podmanicki.com Toni Podmanicki

    Paul Irish is an outstanding person and front-end developer. I know this from personal experience because I had the privilege to work with him on one project. I learned a lot but I also got an incentive to grow as a developer. Thanks Paul.

    I would like to see the screencast about HTML5.

    • http://paulirish.com Paul Irish

      Toni, you rock. http://enable-javascript.com was an enormously awesome idea. And whoa! smooth moves on updating the logos. ;)

      • http://www.magentix.be Kristiaan Van den Eynde

        Very nice website, both in lay-out and concept.

        I like the idea of combining server-side browser detection and client-side browser-specific instruction manuals. This is (IMO) one of the exceptions where UA sniffing is actually useful and justifiable.

        Good job :)

  • http://www.arnaud-olivier.fr Création de site Internet Avignon

    Thanks :)

  • http://nvmind.com Ignacio

    I’m with Jeffrey on this one, maybe building a small app that integrates HTML5, CSS3, JS showing a cool way to organize all these elements in a neat way.

    We love having people like Paul teaching us how to do creative things with the web, sometimes we forget that we can go off boundaries and we tend to imitate whats already there, experimentation is what I’ve learned from this vato.

  • http://www.julienknebel.com jKneb

    Maybe a screencast on jQuery Mobile ??

  • http://15minuteslate.net Luís Couto

    What about MVC frameworks like Spine, or real world OOP Javascript ?
    I’m all up to real examples of good javascript being used in real and complex web applications =)

  • Matt

    I think it’d be really cool to see development of a web app from start to finish. (with HTML5 local storage!)

  • w1sh

    Paul use to hang out in #jquery and help me when I was starting out with it. He really does have the heart of a teacher.

    Giles, where’s the Python?

  • http://rosshadden.com Ross Hadden

    I would love to see something on WebSockets, or if possible, p2p connections between two+ browsers.

  • http://www.jvsoftware.com Javier

    Yay! I heart Paul

  • http://gilbert.im/ Gilberto Ramos

    I already watched most of his videos and I’m glad you’re sharing this Jeffrey with the community..!

    Paul is awesome teaching and funny as hell ;)
    Just to mention one thing, I switched from Firefox to Chrome for web development after his screencasts.

    Thank you both..!

  • http://kgaddy.com Kevin G

    I would like to have a better understanding of how css selector engines like sizzle/jquery work. How is the dom queried? Are there things I can do to improve performance? I would love to see a tutorial on this.
    -k

  • Raymond Cornelius

    JavaScript or jQuery would be preferable to me.

  • John

    10 things that make Javascript/jQuery different than other scripting languages. I’m still trying to get my head around it since it seems harder to grok after years of programming in C and PHP.

  • Lukas

    Enjoyed his talk at Google´s I/O `11!

  • Andreas Madsen

    I would like a screencast about File API, I think i will be that there will bring desktop applications to the browser.

  • http://mokshasolutions.com Moksha

    its always great to watch what he is teaching or saying.

    thanks nettuts

  • hoppster

    What’s up with that new pic of Paul? He looks all clean and sober and stuff.

  • http://www.w3conversions.com Stephanie (Sullivan) Rewis

    I don’t care what he does. Paul Irish is H.A.W.T. As long as he wears the elephant head with the Chrome eyes, I’ll watch it. :D Love you, Paul!

  • Casper Strömberg

    It would be nice with a screencast about advanced OOP in javascript with prototypes and stuff like that “

  • http://www.jgvisual.com Jonathan Goldford

    Great videos. I’m liking the Chrome Developer Tools more and more these days. Thanks.

  • http://educationalopportunities.info 2or3d

    Thank you. Would like to hear screen cast on development and deployment of 3d web content using best practices for chrome.

Newer Comments →