<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link rel="hub" href="http://tumblr.superfeedr.com/" xmlns:atom="http://www.w3.org/2005/Atom"/><description>This is the personal blog of Derek P. Collins—a web developer working for KISSmetrics.</description><title>Derek P. Collins</title><generator>Tumblr (3.0; @derekpcollins)</generator><link>http://derekpcollins.tumblr.com/</link><item><title>Comparing PHP, Perl, Python and Ruby</title><description>&lt;a href="http://hyperpolyglot.org/scripting"&gt;Comparing PHP, Perl, Python and Ruby&lt;/a&gt;</description><link>http://derekpcollins.tumblr.com/post/18570480863</link><guid>http://derekpcollins.tumblr.com/post/18570480863</guid><pubDate>Thu, 01 Mar 2012 15:31:06 -0700</pubDate></item><item><title>Thank you.</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_lsmamxMftM1qz4xhwo1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Thank you.&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/11080066305</link><guid>http://derekpcollins.tumblr.com/post/11080066305</guid><pubDate>Wed, 05 Oct 2011 17:14:48 -0700</pubDate></item><item><title>
Google Web Fonts V2
New, improved, bigger, better, etc.


I use...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_lnioj2CmQ51qzlt3uo1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;blockquote&gt;
&lt;h2&gt;&lt;a href="http://www.google.com/webfonts/v2"&gt;Google Web Fonts V2&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;New, improved, bigger, better, etc.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I use Google Fonts a lot. I knew they would have to update the site for this eventually. Version 2 seems pretty good so far.&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/7036160392</link><guid>http://derekpcollins.tumblr.com/post/7036160392</guid><pubDate>Tue, 28 Jun 2011 22:30:16 -0700</pubDate></item><item><title>
CSS3 Click Chart
Click on the headings for an explanation and...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_lng8tmPeQX1qzlt3uo1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;blockquote&gt;
&lt;h2&gt;&lt;a href="http://www.impressivewebs.com/css3-click-chart/"&gt;CSS3 Click Chart&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Click on the headings for an explanation and some example CSS.&lt;/p&gt;
&lt;/blockquote&gt;</description><link>http://derekpcollins.tumblr.com/post/7019397508</link><guid>http://derekpcollins.tumblr.com/post/7019397508</guid><pubDate>Tue, 28 Jun 2011 12:46:06 -0700</pubDate></item><item><title>html5shelf:

A Book Apart’s latest book is Responsive Web Design...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_lmpap1Om1x1qg3y5xo1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://html5shelf.tumblr.com/post/6469540561/responsive-web-design" class="tumblr_blog"&gt;html5shelf&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;&lt;a title="A Book Apart" href="http://abookapart.com"&gt;A Book Apart’s&lt;/a&gt; latest book is &lt;a title="Responsive Web Design" href="http://www.abookapart.com/products/responsive-web-design"&gt;Responsive Web Design&lt;/a&gt; by Ethan Marcotte. If you want to learn how to make your website responsive to device capabilities and eschew horrible browser detection, this book is a quick read to get you up-to-speed quickly.&lt;/p&gt;&lt;/blockquote&gt;

&lt;p&gt;I forgot to post about this book when it first came out. I’ve purchased a copy, but I haven’t had a chance to thoroughly go through it yet.&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/6983266328</link><guid>http://derekpcollins.tumblr.com/post/6983266328</guid><pubDate>Mon, 27 Jun 2011 12:40:06 -0700</pubDate></item><item><title>html5shelf:

CSS 3.0 Maker is a clever tool which allows you to...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_lmpays18A61qg3y5xo1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://html5shelf.tumblr.com/post/6469727564/css3-maker" class="tumblr_blog"&gt;html5shelf&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;&lt;a title="CSS3 Maker" href="http://www.css3maker.com/"&gt;CSS 3.0 Maker &lt;/a&gt;is a clever tool which allows you to easily create the CSS code for a variety of features such as border radius and transforms.&lt;/p&gt;&lt;/blockquote&gt;</description><link>http://derekpcollins.tumblr.com/post/6978656017</link><guid>http://derekpcollins.tumblr.com/post/6978656017</guid><pubDate>Mon, 27 Jun 2011 10:20:06 -0700</pubDate></item><item><title>html5shelf:

CSS Lint is a linting tool that will help guide you...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_lnf8kzJGse1qg3y5xo1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://html5shelf.tumblr.com/post/6972172172" class="tumblr_blog"&gt;html5shelf&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;&lt;a title="CSS Lint" href="http://csslint.net"&gt;CSS Lint&lt;/a&gt; is a linting tool that will help guide you to creating good CSS coding. Nicole Sullivan is one of the team members who helped build it. She is well known for her work with Facebook.&lt;/p&gt;&lt;/blockquote&gt;</description><link>http://derekpcollins.tumblr.com/post/6975414463</link><guid>http://derekpcollins.tumblr.com/post/6975414463</guid><pubDate>Mon, 27 Jun 2011 08:28:25 -0700</pubDate></item><item><title>The HTML5 Switch</title><description>&lt;a href="http://weblog.200ok.com.au/2011/04/html5-switch.html"&gt;The HTML5 Switch&lt;/a&gt;: &lt;p&gt;&lt;a href="http://cameronmoll.tumblr.com/post/5364056505" class="tumblr_blog"&gt;cameronmoll&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;Summary: There’s really no reason to postpone switching &lt;em&gt;all&lt;/em&gt; your sites — big or small, existing or new — to the HTML5 &lt;code&gt;doctype&lt;/code&gt; &lt;em&gt;at a minimum&lt;/em&gt;. I support this argument and began doing this months ago. Read the full article for reasoning.&lt;/p&gt;&lt;/blockquote&gt;

&lt;p&gt;I’ve been doing this as well.&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/5379975233</link><guid>http://derekpcollins.tumblr.com/post/5379975233</guid><pubDate>Tue, 10 May 2011 19:24:08 -0700</pubDate></item><item><title>Ceaser: CSS Animation Tool</title><description>&lt;a href="http://matthewlein.com/ceaser/"&gt;Ceaser: CSS Animation Tool&lt;/a&gt;: &lt;p&gt;&lt;a href="http://cameronmoll.tumblr.com/post/4023847158" class="tumblr_blog"&gt;cameronmoll&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;Speaking of year 12, this is brilliant. Preview different easing defaults, adjust the bézier curve if you like, and then grab the CSS.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;/via &lt;a href="http://css3watch.com/post/4022137957/totally-f-ing-awesome-tool-by-matthew-lein-to"&gt;CSS3 Watch&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;&lt;/blockquote&gt;</description><link>http://derekpcollins.tumblr.com/post/4065990639</link><guid>http://derekpcollins.tumblr.com/post/4065990639</guid><pubDate>Thu, 24 Mar 2011 10:20:06 -0700</pubDate></item><item><title>The Current State of HTML5 Forms</title><description>&lt;a href="http://wufoo.com/html5/"&gt;The Current State of HTML5 Forms&lt;/a&gt;: &lt;blockquote&gt;
&lt;p&gt;A web developer’s quick reference guide detailing today’s browser support for HTML5 form technologies.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This looks like a great little reference.&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/4026170687</link><guid>http://derekpcollins.tumblr.com/post/4026170687</guid><pubDate>Tue, 22 Mar 2011 10:20:07 -0700</pubDate></item><item><title>Dan Cederholm of SimpleBits shares a technique for creating an...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_lggmflQFeJ1qz8ej2o1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Dan Cederholm of &lt;a href="http://simplebits.com/notebook/2011/02/10/buttons/"&gt;SimpleBits&lt;/a&gt; shares a technique for creating an animated button using CSS3 and &lt;a href="http://blog.typekit.com/2011/02/10/type-study-an-all-css-button/"&gt;Typekit&lt;/a&gt;.&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/3234632402</link><guid>http://derekpcollins.tumblr.com/post/3234632402</guid><pubDate>Fri, 11 Feb 2011 08:45:21 -0700</pubDate></item><item><title>9-bits:

rocketboom:

 Behold The Brand New HTML5 Logo

I...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_lf8a5vHNs41qz5k14o1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://9-bits.com/post/2813806424/html5-logo" class="tumblr_blog"&gt;9-bits&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;&lt;a href="http://blog.rocketboom.com/post/2812734624/behold-the-brand-new-html5-logo" class="tumblr_blog"&gt;rocketboom&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt; &lt;a href="http://techcrunch.com/2011/01/18/behold-the-brand-new-html5-logo/"&gt;Behold The Brand New HTML5 Logo&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;

&lt;p&gt;I actually quite like the branding effort, especially the generator which builds a custom badge depending on what technologies you’ve used. Also very proud of &lt;a href="http://www.sencha.com/products/touch/"&gt;Sencha Touch&lt;/a&gt; being featured on the homepage, day one.&lt;/p&gt;&lt;/blockquote&gt;

&lt;p&gt;I’m not sure HTML 5 needs a logo, but I think the logo itself is nice.&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/2816863637</link><guid>http://derekpcollins.tumblr.com/post/2816863637</guid><pubDate>Tue, 18 Jan 2011 15:28:46 -0700</pubDate></item><item><title>Striped and Checkerboard Backgrounds Without Images</title><description>&lt;a href="http://leaverou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/"&gt;Striped and Checkerboard Backgrounds Without Images&lt;/a&gt;: &lt;p&gt;This is fantastic!&lt;/p&gt;

&lt;p&gt;(via &lt;a href="http://css-tricks.com/striped-and-checkerboard-backgrounds-without-images/"&gt;CSS-Tricks&lt;/a&gt;)&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/2434918909</link><guid>http://derekpcollins.tumblr.com/post/2434918909</guid><pubDate>Thu, 23 Dec 2010 13:24:13 -0700</pubDate></item><item><title>css3watch:

Pure CSS3 Box shadow &amp; page curl effect
This is...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_ld40ssJdzD1qc6s4so1_400.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://css3watch.com/post/2142922826/pure-css3-box-shadow-page-curl-effect-this-is" class="tumblr_blog"&gt;css3watch&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;&lt;a href="http://matthamm.com/box-shadow-curl.html"&gt;Pure CSS3 Box shadow &amp; page curl effect&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;This is sick, check it out.&lt;/p&gt;
&lt;p&gt;by &lt;a href="http://www.matthamm.com"&gt;Matt Hamm&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;</description><link>http://derekpcollins.tumblr.com/post/2157013043</link><guid>http://derekpcollins.tumblr.com/post/2157013043</guid><pubDate>Thu, 09 Dec 2010 13:21:16 -0700</pubDate></item><item><title>ImageOptim – a PNG/JPEG/GIF optimizer for Mac OS X

(via...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_lcpnvizzdf1qz8ej2o1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://imageoptim.pornel.net/"&gt;ImageOptim – a PNG/JPEG/GIF optimizer for Mac OS X&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;(via &lt;a href="http://css-tricks.com/"&gt;CSS-Tricks&lt;/a&gt;)&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/2050486515</link><guid>http://derekpcollins.tumblr.com/post/2050486515</guid><pubDate>Tue, 30 Nov 2010 11:40:28 -0700</pubDate></item><item><title>businesscardcrush:

Business cards for KISSmetrics.


I better...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_lc9wvy9a9c1qedffio1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://businesscardcrush.tumblr.com/post/1648277350/kissmetrics-business-card"&gt;businesscardcrush&lt;/a&gt;:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Business cards for &lt;a title="KISSmetrics" href="http://kissmetrics.com"&gt;KISSmetrics&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I better get mine soon :)&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/1657468035</link><guid>http://derekpcollins.tumblr.com/post/1657468035</guid><pubDate>Tue, 23 Nov 2010 02:24:12 -0700</pubDate></item><item><title>strake:

Animated contact form for my WIP site redesign. Using...</title><description>&lt;iframe src="http://player.vimeo.com/video/17081085" width="400" height="300" frameborder="0"&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://thestrake.com/post/1648902413/animated-contact-form-for-my-wip-site-redesign" class="tumblr_blog"&gt;strake&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;Animated contact form for my WIP site redesign. Using Mootools for form validation and animation (plus Webkit transforms for the flip). Typekit for fonts. &lt;a href="http://lovedsgn.com/post/2438"&gt;View at normal resolution on LoveDSGN&lt;/a&gt;.&lt;/p&gt;&lt;/blockquote&gt;

&lt;p&gt;This is fantastic!&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/1649375129</link><guid>http://derekpcollins.tumblr.com/post/1649375129</guid><pubDate>Mon, 22 Nov 2010 10:37:09 -0700</pubDate></item><item><title>ZURB’s CSS3 Shadow and Animation Experiments</title><description>&lt;a href="http://www.zurb.com/playground/css-boxshadow-experiments"&gt;ZURB’s CSS3 Shadow and Animation Experiments&lt;/a&gt;: &lt;p&gt;&lt;a href="http://cameronmoll.tumblr.com/post/1619194419/zurbs-css3-shadow-and-animation-experiments" class="tumblr_blog"&gt;cameronmoll&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;Not only are the experiments technically and interactively well-done, but the layout of the page makes for a nicely formatted, self-contained tutorial.&lt;/p&gt;

&lt;p&gt;You’ll find other experiments over at the &lt;a href="http://www.zurb.com/playground"&gt;ZURB Playground&lt;/a&gt;, including this &lt;a href="http://www.zurb.com/playground/jquery-raptorize"&gt;Konami Code-powered, raptorized jQuery plugin&lt;/a&gt;.&lt;/p&gt;&lt;/blockquote&gt;</description><link>http://derekpcollins.tumblr.com/post/1619731997</link><guid>http://derekpcollins.tumblr.com/post/1619731997</guid><pubDate>Fri, 19 Nov 2010 10:30:56 -0700</pubDate></item><item><title>webkitbits:

Google’s “20 Things I Learned About Browsers &amp;...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_lc3igb7GIV1qzynf0o1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;a href="http://www.webkitbits.com/post/1611373299/googles-20-things-i-learned-about-browsers-the" class="tumblr_blog"&gt;webkitbits&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;Google’s “&lt;a href="http://www.20thingsilearned.com/"&gt;20 Things I Learned About Browsers &amp; the Web&lt;/a&gt;” is an amazing, immersive use of Canvas and other cutting-edge HTML5 &amp; CSS3 technology. It is so beautiful, in fact, that it resembles nothing of a Google product, but has the fit and finish of work you’d expect from the finest web designers. Bravo!&lt;/p&gt;&lt;/blockquote&gt;</description><link>http://derekpcollins.tumblr.com/post/1611740363</link><guid>http://derekpcollins.tumblr.com/post/1611740363</guid><pubDate>Thu, 18 Nov 2010 13:31:34 -0700</pubDate></item><item><title>Going Flash-Free on Mac OS X, and How to Cheat When You Need It</title><description>&lt;a href="http://daringfireball.net/2010/11/flash_free_and_cheating_with_google_chrome"&gt;Going Flash-Free on Mac OS X, and How to Cheat When You Need It&lt;/a&gt;: &lt;p&gt;&lt;a href="http://minimalmac.com/post/1484542959/daring-fireball-going-flash-free-on-mac-os-x-and-how" class="tumblr_blog"&gt;minimalmac&lt;/a&gt;:&lt;/p&gt;

&lt;blockquote&gt;&lt;p&gt;OK, now that the Chairman has laid out some clear and concise instructions, with a workaround for the (increasingly rare) times one needs it, I’m going to give this a swing.&lt;/p&gt;&lt;/blockquote&gt;

&lt;p&gt;I’ve been doing this since I first saw Gruber write about it and I’m loving it so far!&lt;/p&gt;</description><link>http://derekpcollins.tumblr.com/post/1531315868</link><guid>http://derekpcollins.tumblr.com/post/1531315868</guid><pubDate>Tue, 09 Nov 2010 21:41:26 -0700</pubDate></item></channel></rss>
