http://doctype.tv Doctype is the show for people who make websites. © 2013 Done21 LLC Done21 no Doctype is the show for people who make websites. en Tue, 29 Mar 2011 12:56:02 +0000 Tue, 29 Mar 2011 12:56:02 +0000 doctype/episodeshttp://feedburner.google.com http://doctype.tv/handlebars http://feedproxy.google.com/~r/doctype/episodes/~3/VBs11Ro3Hk0/handlebars This week, Jim dives in to Handlebars.js and Nick explores several cool text-shadow effects. Mon, 28 Mar 2011 06:00:00 +0000 627 http://doctype.tv/handlebarshttp://blip.tv/file/get/Done21-DoctypeEpisode53HandlebarsjsAndTextShadow265.m4v http://doctype.tv/doctype http://feedproxy.google.com/~r/doctype/episodes/~3/muudJ1-A8Xk/doctype This week, Nick and Jim take you behind the scenes and show you how a web show like Doctype gets put together! Mon, 21 Mar 2011 06:00:00 +0000 759 http://doctype.tv/doctypehttp://blip.tv/file/get/Done21-DoctypeEpisode52719.m4v http://doctype.tv/tumblr http://feedproxy.google.com/~r/doctype/episodes/~3/0oDZZoo5yFA/tumblr This week, Nick shows introduces the Tumblr templating engine and Jim goes over the basics of jQuery Mobile. Tue, 01 Mar 2011 06:00:00 +0000 641 http://doctype.tv/tumblrhttp://blip.tv/file/get/Done21-DoctypeEpisode51TumblrThemesJQueryMobile802.m4v http://doctype.tv/50 http://feedproxy.google.com/~r/doctype/episodes/~3/ter1po6T4RA/50 This week, Nick shows you how to use CSS3 transitions, and Jim covers the finer points of the jQuery .css() method. Mon, 14 Feb 2011 06:00:00 +0000 532 http://doctype.tv/50http://blip.tv/file/get/Done21-DoctypeEpisode50138.m4v http://doctype.tv/jquery15 http://feedproxy.google.com/~r/doctype/episodes/~3/OxgiywPpFb4/jquery15 Jim goes over the new features of jQuery 1.5 and Nick covers the basics of Responsive Web Design. Mon, 07 Feb 2011 06:00:00 +0000 604 http://doctype.tv/jquery15http://blip.tv/file/get/Done21-DoctypeEpisode49652.m4v http://doctype.tv/2011 http://feedproxy.google.com/~r/doctype/episodes/~3/9mDxipqqqhI/2011 And we're BACK! :) This week, we take a tour of the new Carsonified office in Orlando. Then, Nick and Jim give their predictions for 2011. Tue, 01 Feb 2011 06:00:00 +0000 365 http://doctype.tv/2011http://blip.tv/file/get/Done21-DoctypeEpisode48602.m4v http://doctype.tv/printing http://feedproxy.google.com/~r/doctype/episodes/~3/0NTx5e41xlo/printing This week, Nick dives into print stylesheets and Jim introduces Head JS. Mon, 13 Dec 2010 06:00:00 +0000 709 http://doctype.tv/printinghttp://blip.tv/file/get/Done21-DoctypeEpisode47144.m4v http://doctype.tv/underscore http://feedproxy.google.com/~r/doctype/episodes/~3/2iZh_xoDtIA/underscore In this week's episode, Nick goes over the finer points of 404 pages. Then, Jim introduces the Underscore.js library. Mon, 06 Dec 2010 06:00:00 +0000 698 http://doctype.tv/underscorehttp://blip.tv/file/get/Done21-DoctypeEpisode46237.m4v http://doctype.tv/mikekus2 http://feedproxy.google.com/~r/doctype/episodes/~3/IOWIr98wQyM/mikekus2 At the Future of Web Design in NYC, we got a chance to catch up with Carsonified web designer Mike Kus. This is part 2 of 2. Mon, 29 Nov 2010 06:00:00 +0000 455 http://doctype.tv/mikekus2http://blip.tv/file/get/Done21-DoctypeEpisode45567.m4v http://doctype.tv/mikekus http://feedproxy.google.com/~r/doctype/episodes/~3/oDznfsolP1U/mikekus At the Future of Web Design in NYC, we got a chance to catch up with Carsonified web designer Mike Kus. This is part 1 of a 2 part interview, so stay tuned for the second half next week! Mon, 22 Nov 2010 06:12:00 +0000 430 http://doctype.tv/mikekushttp://blip.tv/file/get/Done21-DoctypeEpisode44904.m4v http://doctype.tv/solarsystem http://feedproxy.google.com/~r/doctype/episodes/~3/NUYNcuHsXQI/solarsystem This week, Jim shows you how to get colors from a canvas. Then, Nick deconstructs the CSS3 Solar System. Mon, 08 Nov 2010 06:00:00 +0000 605 http://doctype.tv/solarsystemhttp://blip.tv/file/get/Done21-DoctypeEpisode43336.m4v http://doctype.tv/bookmarklets http://feedproxy.google.com/~r/doctype/episodes/~3/hmkQufhR3pg/bookmarklets In this week's episode, Nick shows you how to use CSS3 color models. Then, Jim teaches you how to make your very own bookmarklets using JavaScript. Mon, 01 Nov 2010 06:00:00 +0000 717 http://doctype.tv/bookmarkletshttp://blip.tv/file/get/Done21-DoctypeEpisode42386.m4v http://doctype.tv/colormodels http://feedproxy.google.com/~r/doctype/episodes/~3/4ogooGaH2rU/colormodels This week, Jim gets into advanced regular expressions and Nick shows you how to use CSS2 color models. Mon, 25 Oct 2010 06:00:00 +0000 828 http://doctype.tv/colormodelshttp://blip.tv/file/get/Done21-DoctypeEpisode41541.m4v http://doctype.tv/ryancarson http://feedproxy.google.com/~r/doctype/episodes/~3/9-12UkDXXJQ/ryancarson In this special episode, we sit down with Ryan Carson, the founder of Carsonified, to talk about web business. Wed, 13 Oct 2010 06:00:00 +0000 801 http://doctype.tv/ryancarsonhttp://blip.tv/file/get/Done21-DoctypeEpisode40500.m4v http://doctype.tv/coffeescript http://feedproxy.google.com/~r/doctype/episodes/~3/bSLU3cnwP88/coffeescript This week, Jim shows you how to clean up your JavaScript with CoffeeScript, and Nick revisits navigation design patterns. Also, we're in London. Mon, 04 Oct 2010 06:00:00 +0000 828 http://doctype.tv/coffeescripthttp://blip.tv/file/get/Done21-DoctypeEpisode40127.m4v http://doctype.tv/sass http://feedproxy.google.com/~r/doctype/episodes/~3/XIUuOTGOA4g/sass In this week's episode, Nick shows you how to clean up your CSS with SASS and Jim demonstrates how to simplify your HTML with HAML. Mon, 27 Sep 2010 06:00:00 +0000 899 http://doctype.tv/sasshttp://blip.tv/file/get/Done21-DoctypeEpisode38719.m4v http://doctype.tv/wereback http://feedproxy.google.com/~r/doctype/episodes/~3/MdpfPVqkOOw/wereback We're back! Jim shows you how to add images to your canvas and Nick deconstructs a CSS3 button library. Mon, 20 Sep 2010 06:00:00 +0000 698 http://doctype.tv/werebackhttp://blip.tv/file/get/Done21-DoctypeEpisode37244.m4v http://doctype.tv/mockups http://feedproxy.google.com/~r/doctype/episodes/~3/3Xlqha1FSqc/mockups In this week's episode, Nick compares two ways to create mockups and Jim goes into part 2 of a canvas tag tutorial. Mon, 09 Aug 2010 06:00:00 +0000 625 http://doctype.tv/mockupshttp://blip.tv/file/get/Done21-DoctypeEpisode36749.m4v http://doctype.tv/canvas http://feedproxy.google.com/~r/doctype/episodes/~3/kH7puzkNRqE/canvas This week, Nick explores the winding maze of web navigation, and Jim starts part 1 of a two part series on the canvas tag. Exciting! Mon, 02 Aug 2010 06:00:00 +0000 643 http://doctype.tv/canvashttp://blip.tv/file/get/Done21-DoctypeEpisode35304.m4v http://doctype.tv/transform http://feedproxy.google.com/~r/doctype/episodes/~3/LKRj_lH0yXI/transform In this episode, Nick introduces the CSS3 transform property and Jim gets into part 2 of YQL. Mon, 26 Jul 2010 06:00:00 +0000 519 http://doctype.tv/transformhttp://blip.tv/file/get/Done21-DoctypeEpisode34469.m4v http://doctype.tv/yql http://feedproxy.google.com/~r/doctype/episodes/~3/maCMwledCe4/yql This week, Nick takes a look at some new CSS3 properties and Jim goes over the basics of YQL. Mon, 19 Jul 2010 06:00:00 +0000 487 http://doctype.tv/yqlhttp://blip.tv/file/get/Done21-DoctypeEpisode33650.m4v http://doctype.tv/backgrounds http://feedproxy.google.com/~r/doctype/episodes/~3/anbyphXaFC0/backgrounds In this week's episode, Nick shows you several new CSS3 background tricks and Jim dives deeper into regular expressions. Mon, 12 Jul 2010 06:00:00 +0000 603 http://doctype.tv/backgroundshttp://blip.tv/file/get/Done21-DoctypeEpisode32508.m4v http://doctype.tv/regex http://feedproxy.google.com/~r/doctype/episodes/~3/rFKZrdgNTVk/regex Nick shows you how to use depth in web design and Jim gives a crash course in regular expressions. Yikes! Mon, 05 Jul 2010 06:00:00 +0000 576 http://doctype.tv/regexhttp://blip.tv/file/get/Done21-DoctypeEpisode31954.m4v http://doctype.tv/texture http://feedproxy.google.com/~r/doctype/episodes/~3/XdpfM8wC2uI/texture This week, Nick explores the design element of texture and Jim shows you how to optimize your JavaScript performance. Mon, 28 Jun 2010 06:00:00 +0000 475 http://doctype.tv/texturehttp://blip.tv/file/get/Done21-DoctypeEpisode30124.m4v http://doctype.tv/animation http://feedproxy.google.com/~r/doctype/episodes/~3/eJ6-ozssyZw/animation This week, Nick gives you some tips on how to organize your CSS. Then Jim explains how to animate elements in JavaScript. Mon, 21 Jun 2010 06:00:00 +0000 584 http://doctype.tv/animationhttp://blip.tv/file/get/Done21-DoctypeEpisode29959.m4v http://doctype.tv/cookies http://feedproxy.google.com/~r/doctype/episodes/~3/3cdRfU10yoE/cookies This week, Allison House steps in for Nick Pettit and shows you how to design for content. Then Jim shows you the basics of browser cookies. Yum! Mon, 14 Jun 2010 06:00:00 +0000 552 http://doctype.tv/cookieshttp://blip.tv/file/get/Done21-DoctypeEpisode28208.m4v http://doctype.tv/geolocation http://feedproxy.google.com/~r/doctype/episodes/~3/nJHVyXiyD4U/geolocation This week, Nick shows you how to make your site more effective with call to action buttons, and Jim goes over the basics of the geolocation API in HTML5. Mon, 07 Jun 2010 06:00:00 +0000 535 http://doctype.tv/geolocationhttp://blip.tv/file/get/Done21-DoctypeEpisode27800.m4v http://doctype.tv/maps http://feedproxy.google.com/~r/doctype/episodes/~3/0Y_JCxPYtPM/maps This week Nick explains visual contrast and Jim shows you how to embed a map in your pages using the Google Maps API. Mon, 31 May 2010 06:00:00 +0000 547 http://doctype.tv/mapshttp://blip.tv/file/get/Done21-DoctypeEpisode26171.m4v http://doctype.tv/floats http://feedproxy.google.com/~r/doctype/episodes/~3/cBgIHE_wVVo/floats Nick reveals the exciting conclusion to last week's cliffhanger and explores the mythical float property. Then, Jim unravels the confusion surrounding JavaScript iterators. Mon, 17 May 2010 06:00:00 +0000 560 http://doctype.tv/floatshttp://blip.tv/file/get/Done21-DoctypeEpisode25628.m4v http://doctype.tv/settimeout http://feedproxy.google.com/~r/doctype/episodes/~3/A3YBomclkDE/settimeout This week, Nick goes over the basics of CSS positioning and Jim explains setTimeout and a few other nifty JavaScript functions. Mon, 10 May 2010 06:00:00 +0000 512 http://doctype.tv/settimeouthttp://blip.tv/file/get/Done21-DoctypeEpisode24521.m4v http://doctype.tv/forms http://feedproxy.google.com/~r/doctype/episodes/~3/xsmpAXmec0c/forms Nick goes over the basics of web form design and Jim shows you step by step how to create a custom jQuery selector. Mon, 03 May 2010 06:00:00 +0000 561 http://doctype.tv/formshttp://blip.tv/file/get/Done21-DoctypeEpisode23404.m4v http://doctype.tv/closures http://feedproxy.google.com/~r/doctype/episodes/~3/M4r4YeYRLjg/closures This week, Nick explores some new trends in landing page design and Jim unravels the mysteries of JavaScript closures. Mon, 26 Apr 2010 06:00:00 +0000 631 http://doctype.tv/closureshttp://blip.tv/file/get/Done21-DoctypeEpisode22919.m4v http://doctype.tv/color http://feedproxy.google.com/~r/doctype/episodes/~3/xbCunFXylrs/color Nick goes over the basics of color theory and Jim explains the differences between bind, live, and delegate, in jQuery. Mon, 19 Apr 2010 06:00:00 +0000 565 http://doctype.tv/colorhttp://blip.tv/file/get/Done21-DoctypeEpisode21474.m4v http://doctype.tv/modernizr http://feedproxy.google.com/~r/doctype/episodes/~3/kVBzvu5Kaw0/modernizr Nick explores an intersection between information architecture and semantic markup called "Information Hierarchy" and Jim demonstrates feature detection with Modernizr. Mon, 12 Apr 2010 06:00:00 +0000 560 http://doctype.tv/modernizrhttp://blip.tv/file/get/Done21-DoctypeEpisode20510.m4v http://doctype.tv/minify http://feedproxy.google.com/~r/doctype/episodes/~3/uWj9W98o4_I/minify Nick takes a look at a few design patterns and Jim shows you how to shrink down your JavaScript files. Mon, 05 Apr 2010 06:00:00 +0000 629 http://doctype.tv/minifyhttp://blip.tv/file/get/Done21-DoctypeEpisode19211.m4v http://doctype.tv/this http://feedproxy.google.com/~r/doctype/episodes/~3/qUXXirKbIS8/this Nick continues coverage of selectors and demonstrates what's new in CSS3. Then, Jim demystifies the "this" variable in JavaScript. Mon, 29 Mar 2010 06:00:00 +0000 560 http://doctype.tv/thishttp://blip.tv/file/get/Done21-DoctypeEpisode18263.m4v http://doctype.tv/JSONP http://feedproxy.google.com/~r/doctype/episodes/~3/e8p1hidYlYU/JSONP Jim shows you how to call 3rd party web services using JSONP and Nick goes over some basic CSS selectors. Next week, Nick will cover the selectors that are new in CSS3. Mon, 22 Mar 2010 06:00:00 +0000 602 http://doctype.tv/JSONPhttp://blip.tv/file/get/Done21-DoctypeEpisode17385.m4v http://doctype.tv/plugin http://feedproxy.google.com/~r/doctype/episodes/~3/pK7AoscZ-hA/plugin Nick deconstructs CSS multi-column layouts and Jim shows you step-by-step how to create your very own jQuery plugin. Mon, 15 Mar 2010 06:00:00 +0000 611 http://doctype.tv/pluginhttp://blip.tv/file/get/Done21-DoctypeEpisode16235.m4v http://doctype.tv/borders http://feedproxy.google.com/~r/doctype/episodes/~3/ksNjEicZObA/borders Jim and Nick are back in the studio, exploring new border properties in CSS3 and breaking down a few of the two dozen new HTML5 tags, starting with sections, article, asides, headers, and footers. Mon, 08 Mar 2010 06:00:00 +0000 602 http://doctype.tv/bordershttp://blip.tv/file/get/Done21-DoctypeEpisode15861.m4v http://doctype.tv/fowa http://feedproxy.google.com/~r/doctype/episodes/~3/nRN_9p3tXkI/fowa On this special episode of Doctype, Nick and Jim go behind the scenes of FOWA Miami 2010 and talk to some of the best in the biz, like Gary Vaynerchuk, Alex Hunter, Steve Huffman, John Resig, Alex Payne, and more. Mon, 01 Mar 2010 06:00:00 +0000 846 http://doctype.tv/fowahttp://blip.tv/file/get/Done21-DoctypeEpisode14190.m4v http://doctype.tv/csrf http://feedproxy.google.com/~r/doctype/episodes/~3/7DcGRN__XqE/csrf Nick gives some quick tips on how to design home pages and Jim goes in depth on CSRF or cross site request forgery. Mon, 22 Feb 2010 06:00:00 +0000 517 http://doctype.tv/csrfhttp://blip.tv/file/get/Done21-DoctypeEpisode13383.m4v http://doctype.tv/ajax101 http://feedproxy.google.com/~r/doctype/episodes/~3/3tOFV4mHcxk/ajax101 Nick gives an overview of grid based design and Jim breaks down the basics of AJAX. Mon, 15 Feb 2010 06:00:00 +0000 632 http://doctype.tv/ajax101http://blip.tv/file/get/Done21-DoctypeEpisode12520.m4v http://doctype.tv/websql http://feedproxy.google.com/~r/doctype/episodes/~3/983zQb0UNRE/websql Nick and Jim keep the party going from last week, and continue exploring CSS3 gradients and web storage techniques. Mon, 08 Feb 2010 06:00:00 +0000 545 http://doctype.tv/websqlhttp://blip.tv/file/get/Done21-DoctypeEpisode11866.m4v http://doctype.tv/html5 http://feedproxy.google.com/~r/doctype/episodes/~3/INrRl7hJGtA/html5 Nick shows you how to create gradients without images in CSS3, and Jim takes an in depth look at local databases in HTML5. Mon, 01 Feb 2010 06:00:00 +0000 588 http://doctype.tv/html5http://blip.tv/file/get/Done21-doctypeNickpettitJimhoskinsWebDesignDevelopmentHTML5CSS3776.m4v http://doctype.tv/speed http://feedproxy.google.com/~r/doctype/episodes/~3/yih5YHpdgUM/speed Nick and Jim show you hot tips to get your site loading so fast you'll smell the rubber burning! Mon, 25 Jan 2010 01:00:00 +0000 500 http://doctype.tv/speedhttp://blip.tv/file/get/Done21-DoctypeEpisode9252.m4v http://doctype.tv/mobile http://feedproxy.google.com/~r/doctype/episodes/~3/33BzJxpN0L0/mobile Jim covers jQTouch, a plugin for jQuery that enables quick iPhone websites, and Nick talks about how to design for the small screen. Mon, 18 Jan 2010 05:00:00 +0000 441 http://doctype.tv/mobilehttp://blip.tv/file/get/Done21-DoctypeEpisode8400.m4v http://doctype.tv/s3 http://feedproxy.google.com/~r/doctype/episodes/~3/tDuXuGcGNj4/s3 Nick divulges details about the early stages of his web design workflow, and Jim explains how to get started with Amazon S3. Mon, 11 Jan 2010 22:00:00 +0000 516 http://doctype.tv/s3http://blip.tv/file/get/Done21-doctypeEpisode7737.m4v http://doctype.tv/2010 http://feedproxy.google.com/~r/doctype/episodes/~3/eWNPhNjl9Ww/2010 We ring in the new year with a look at our favorite new developments in web technology and design that are coming in 2010. Mon, 04 Jan 2010 22:00:00 +0000 605 http://doctype.tv/2010http://blip.tv/file/get/Done21-DoctypeEpisode6785.m4v http://doctype.tv/icons http://feedproxy.google.com/~r/doctype/episodes/~3/G_y5tzTYAhU/icons We are bidding farewell to 2009 with an iconic event! Actually, we're looking at how to find and use icons, and how to wire up your pages to be interactive. Mon, 28 Dec 2009 22:00:00 +0000 446 http://doctype.tv/iconshttp://blip.tv/file/get/Done21-DoctypeEpisode5263.m4v http://doctype.tv/debug http://feedproxy.google.com/~r/doctype/episodes/~3/akWEr79Q1xE/debug This week we look at some tools to get your projects done more quickly. Nick explains the benefits of CSS frameworks, and Jim demonstrates the use of browser debugging tools. Tue, 22 Dec 2009 03:00:00 +0000 453 http://doctype.tv/debughttp://blip.tv/file/get/Done21-DoctypeEpisode4838.m4v http://doctype.tv/space http://feedproxy.google.com/~r/doctype/episodes/~3/GER6R26LLUA/space This week we show you how to clean up designs using white space. We also explain why AJAX across different websites can be so tricky. Mon, 14 Dec 2009 22:00:00 +0000 425 http://doctype.tv/spacehttp://blip.tv/file/get/Done21-DoctypeEpisode3783.m4v http://doctype.tv/charts http://feedproxy.google.com/~r/doctype/episodes/~3/J2hybK_JiVM/charts This week we take a look at several options for integrating charts and graphs into your web pages. We also share some design tips for making the most out of your graphs. Tue, 08 Dec 2009 07:00:00 +0000 642 http://doctype.tv/chartshttp://blip.tv/file/get/Done21-DoctypeEpisode2809.m4v http://doctype.tv/css3 http://feedproxy.google.com/~r/doctype/episodes/~3/Q1l54RCQsIY/css3 In this very first episode of Doctype, Nick talks about CSS3 text shadows and Jim goes over jQuery basics. Mon, 30 Nov 2009 22:00:00 +0000 736 http://doctype.tv/css3http://blip.tv/file/get/Done21-DoctypeEpisode1921.m4v