input[type=’submit’].minimal, button.minimal { background: #e3e3e3 !important; border: 1px solid #bbb !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-box-shadow: inset 0 0 1px 1px #f6f6f6 !important; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6 !important; box-shadow: inset 0 0 1px 1px #f6f6f6 !important; color: #333 !important; font-family: “helvetica neue”, helvetica, arial, sans-serif !important; font-size: 12px !important; font-weight: bold !important; line-height: 1 !important; padding: 8px 0 9px !important; text-align: center !important; text-shadow: 0 1px 0 #fff !important; width: 150px !important; } input[type=’submit’].minimal:hover, button.minimal:hover { background: #d9d9d9 !important; -moz-box-shadow: inset 0 0 1px 1px #eaeaea !important; -webkit-box-shadow: inset 0 0 1px 1px #eaeaea !important; box-shadow: inset 0 0 1px 1px #eaeaea !important; color: #222 !important; cursor: pointer !important; } input[type=’submit’].minimal:active, button.minimal:active { background: #d0d0d0 !important; -moz-box-shadow: inset 0 0 1px 1px #e3e3e3 !important; -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3 !important; box-shadow: inset 0 0 1px 1px #e3e3e3 !important; color: #000 !important; } join our mailing list Email Address Close try { var jqueryLoaded=jQuery; jqueryLoaded=true; } catch(err) { jqueryLoaded=false; } var fancyboxLoaded; //Check if a fancybox plugin is already loaded if($.fancybox){ fancyboxLoaded=true; } else { fancyboxLoaded=false; } var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); if (!jqueryLoaded) { script.type= 'text/javascript'; script.src= 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'; head.appendChild(script); } if (!fancyboxLoaded) { //Only load the CSS because the asynchronous JS might not load the script in time... //We'll load the script later with jQuery :) var fancystyle= document.createElement('link'); fancystyle.setAttribute("rel", "stylesheet"); fancystyle.setAttribute("type", "text/css"); //TODO: Hey MC guys, you've gotta host this somewhere! fancystyle.setAttribute("href", "http://chimplr.heroku.com/js/fancybox/jquery.fancybox-1.3.4.css"); head.appendChild(fancystyle); } var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';var err_style = ''; try{ err_style = mc_custom_error_style; } catch(e){ err_style = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: FFEEEE none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 80%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: FF0000;'; } var head= document.getElementsByTagName('head')[0]; var style= document.createElement('style'); style.type= 'text/css'; if (style.styleSheet) { style.styleSheet.cssText = '.mce_inline_error {' + err_style + '}'; } else { style.appendChild(document.createTextNode('.mce_inline_error {' + err_style + '}')); } head.appendChild(style); $(document).ready( function($) { //Button below the Tumblr Controls //TODO: Hey MC guys, you've gotta host the image linked below somewhere! var newsletter_link = document.createElement('a'); newsletter_link.setAttribute('href', '#mc_embed_signup'); newsletter_link.setAttribute('id', 'mc-embedded-tumblr-signup'); newsletter_link.setAttribute('style', 'border:none; position:absolute; top:26px;right:3px; z-index:9999;'); var newsletter_image = document.createElement('img'); newsletter_image.setAttribute('src', 'http://chimplr.heroku.com/images/newsletter.png'); newsletter_image.setAttribute('style', 'border:none;'); newsletter_link.appendChild(newsletter_image); //Append Link to body $('body:first').append(newsletter_link); var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){}, invalidHandler: function(form, validator) { setTimeout("$.fancybox.resize();", 50); } }; var mce_validator = $("#mc-embedded-subscribe-form").validate(options); options = { url: 'http://derekbender.us2.list-manage.com/subscribe/post-json?u=b0b64f129598e940729d68a92&id=82ea656da6&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8", beforeSubmit: function(){ $('#mce_tmp_error_msg').remove(); $('.datefield','#mc_embed_signup').each( function(){ var txt = 'filled'; var fields = new Array(); var i = 0; $(':text', this).each( function(){ fields[i] = this; i++; }); $(':hidden', this).each( function(){ if ( fields[0].value=='MM' && fields[1].value=='DD' && fields[2].value=='YYYY' ){ this.value = ''; } else if ( fields[0].value=='' && fields[1].value=='' && fields[2].value=='' ){ this.value = ''; } else { this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value; } }); }); return mce_validator.form(); }, success: mce_success_cb }; $('#mc-embedded-subscribe-form').ajaxForm(options); }); function mce_success_cb(resp){ $('#mce-success-response').hide(); $('#mce-error-response').hide(); if (resp.result=="success"){ $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(resp.msg); $('#mc-embedded-subscribe-form').each(function(){ this.reset(); }); $('#mc-embedded-subscribe').hide(); $('.mc-field-group').hide(); $('#mc-embedded-lightbox-close').show().focus(); } else { var index = -1; var msg; try { var parts = resp.msg.split(' - ',2); if (parts[1]==undefined){ msg = resp.msg; } else { i = parseInt(parts[0]); if (i.toString() == parts[0]){ index = parts[0]; msg = parts[1]; } else { index = -1; msg = resp.msg; } } } catch(e){ index = -1; msg = resp.msg; } try{ if (index== -1){ $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(msg); } else { err_id = 'mce_tmp_error_msg'; html = ' '+msg+''; var input_id = '#mc_embed_signup'; var f = $(input_id); if (ftypes[index]=='address'){ input_id = '#mce-'+fnames[index]+'-addr1'; f = $(input_id).parent().parent().get(0); } else if (ftypes[index]=='date'){ input_id = '#mce-'+fnames[index]+'-month'; f = $(input_id).parent().parent().get(0); } else { input_id = '#mce-'+fnames[index]; f = $().parent(input_id).get(0); } if (f){ $(f).append(html); $(input_id).focus(); } else { $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(msg); } } } catch(e){ $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(msg); } } $.fancybox.resize(); } function initFancybox(){ $("#mc-embedded-tumblr-signup").live('click', function(){ $.fancybox({ 'autoDimensions' : true, 'width' : 'auto', 'height' : 'auto', 'href' : $(this).attr('href'), 'scrolling' : 'no', 'onComplete': function(){ $('#mce-error-response').hide(); $('div.mce_inline_error').hide(); $('#mce-success-response').hide(); $('#mce_tmp_error_msg').remove(); $(':input','#mc-embedded-subscribe-form') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('selected'); //focus first input field $("#mc-embedded-subscribe-form:not(.filter) :input:visible:enabled:first").focus(); $('#mc-embedded-subscribe').show(); $('.mc-field-group').show(); $('#mc-embedded-lightbox-close').hide(); } }); return false; }); } //Check wether Fancybox is loaded or not, and if not, load the sucker and initialize it if (!fancyboxLoaded){ //TODO: Hey MC guys, you've gotta host this somewhere! $.getScript("http://chimplr.heroku.com/js/fancybox/jquery.fancybox-1.3.4.pack.js", function(){ initFancybox(); }); } if (fancyboxLoaded) { initFancybox(); } Tumblr (3.0; @impressto)http://blog.impressto.com/<iframe src="http://player.vimeo.com/video/35600636?title=0&byline=0&portrait=0" width="400" height="225" frameborder="0"></iframe><br/><br/><p>We love seeing all the iterations and knowing that we’re not the only ones that go through a half-a-dozen mock ups.</p>http://blog.impressto.com/post/16545311296http://blog.impressto.com/post/16545311296Thu, 26 Jan 2012 18:28:43 -0500design37signalsbasecampuiux“You have to roll up your sleeves and be a stonecutter before you can become a sculptor – command of craft always precedes art: apprentice, journeyman, master.<br/> — Philip Gerard”<br/><br/> - <em><a href="http://quotesondesign.com/philip-gerard/" target="_blank">http://quotesondesign.com/philip-gerard/</a></em>http://blog.impressto.com/post/16347937732http://blog.impressto.com/post/16347937732Mon, 23 Jan 2012 09:00:05 -0500designquoteinspiration<img src="http://25.media.tumblr.com/tumblr_lxqjpzPFTL1qbj1sio1_500.png"/><br/><br/><p><a class="tumblr_blog" href="http://gabrielayuso.com/post/15908602474/work-like-you-dont-need-the-money-via" target="_blank">gabrielayuso</a>:</p> <blockquote> <p>Work like you don’t need the money.</p> <p>(via <a class="tumblr_blog" href="http://weandthecolor.com/post/15780409143/typographic-artwork-by-ryan-hamrick-more" target="_blank">weandthecolor</a>)</p> <blockquote> <h2>Typographic Artwork</h2> <p>by <a href="http://hamrick.ca" target="_blank">Ryan Hamrick</a></p> </blockquote> </blockquote>http://blog.impressto.com/post/16007708272http://blog.impressto.com/post/16007708272Tue, 17 Jan 2012 10:00:05 -0500quotesinspirationwe and the colortypographyryan Hamrick<p>Creating circles using only CSS3 is fairly easy. You can achieve this by setting the <strong>border-radius</strong> property to half of the width and height.</p> <p><strong> .circle {</strong></p> <p><strong>border-radius: 50%; </strong><em>*note: you can also use 200px here*</em><strong><br/></strong></p> <p><strong>width: 400px;</strong></p> <p><strong>height: 400px;</strong></p> <p><strong>}</strong></p>http://blog.impressto.com/post/16006434510http://blog.impressto.com/post/16006434510Tue, 17 Jan 2012 09:10:34 -0500csstipshow toDev<p>We want to see what all of you creative geniuses worked on over the weekend. We&#8217;ve enabled photo replies, so post away!</p>http://blog.impressto.com/post/15948079211http://blog.impressto.com/post/15948079211Mon, 16 Jan 2012 10:31:43 -0500designcreativeshow us your pixels<iframe src="http://player.vimeo.com/video/34813864" width="400" height="225" frameborder="0"></iframe><br/><br/>http://blog.impressto.com/post/15884167693http://blog.impressto.com/post/15884167693Sun, 15 Jan 2012 09:06:58 -0500fotoshopphotoshopvideodesignparody<a href="http://open.spotify.com/track/2eAuYatPvIbI5TWYZWFc37">Saturday Designer Jams</a>: <p>#NowPlaying SafetySuit – Crash on #Spotify</p>http://blog.impressto.com/post/15841597261http://blog.impressto.com/post/15841597261Sat, 14 Jan 2012 15:04:10 -0500musicinspirationsdj<a href="http://t.co/lpCj1zg3">Weekly Design Freebie</a>: <p><img height="375" src="http://gallery.mailchimp.com/b0b64f129598e940729d68a92/images/techy_purtycons.2.png" width="500"/></p> <p>Brought to you by <a href="http://PurtyPixels.com" title="http://PurtyPixels.com" target="_blank">PurtyPixels.com</a></p>http://blog.impressto.com/post/15794977575http://blog.impressto.com/post/15794977575Fri, 13 Jan 2012 18:05:27 -0500designresourcefreebiepurtypixelsrichard tabor<iframe src="http://player.vimeo.com/video/33434885?title=0&byline=0&portrait=0" width="400" height="224" frameborder="0"></iframe><br/><br/><p><a class="tumblr_blog" href="http://stuffbyberry.tumblr.com/post/15699411479" target="_blank">stuffbyberry</a>:</p> <blockquote> <p><strong>FOR THE LOVE OF FUTURA.</strong> This is an amazing tribute video to a fantastic font.</p> </blockquote>http://blog.impressto.com/post/15724953098http://blog.impressto.com/post/15724953098Thu, 12 Jan 2012 11:00:05 -0500fontTypographyfutura<iframe src="http://player.vimeo.com/video/34866706?title=0&byline=0&portrait=0" width="400" height="225" frameborder="0"></iframe><br/><br/><h1>Team Treehouse: Code Racer is coming!</h1> <p>It’s a four-player live coding game where the players race to build a web page. Weapons can be used to slow down your opponents. That’s right, coding + weapons. You’re going to love it :)</p> <p>Check out this video overview of the design and development process of Day One.</p>http://blog.impressto.com/post/15674948578http://blog.impressto.com/post/15674948578Wed, 11 Jan 2012 12:00:06 -0500treehousecodedevelopmenthackathoncode racer<img src="http://24.media.tumblr.com/tumblr_lxmytuzEVd1qbow4qo1_500.png"/><br/><br/><p><h1>Awwwards: The best 365 CSS websites 2011 Book</h1></p>http://blog.impressto.com/post/15669251857http://blog.impressto.com/post/15669251857Wed, 11 Jan 2012 08:29:53 -0500cssawwwardsbookdesign“<p>Quote of the week: </p><h1>“It’s not the big that eat the small. It’s the FAST that eat the slow.”</h1>”<br/><br/> - <em><a href="http://www.jason-jennings.com/" target="_blank">Jason Jennings</a></em>http://blog.impressto.com/post/15566047669http://blog.impressto.com/post/15566047669Mon, 09 Jan 2012 09:10:39 -0500quotesagile<p>Impressto Resolutions:</p> <p>1. Provide more free design resources - Sign up for our freebies <a href="https://www.facebook.com/impressto?sk=app_10150141692080503" target="_blank">here</a>.</p> <p>2. Develop and push new code in quicker &#8220;sprints.&#8221;</p> <p>3. Write more!</p>http://blog.impressto.com/post/15243305473http://blog.impressto.com/post/15243305473Tue, 03 Jan 2012 11:16:05 -0500nyeresolution<a href="http://bartaz.github.com/impress.js/">Impress.js | CSS3 Presentation Tool</a>: <p>Aren’t you just bored with all those slides-based presentations? Don’t you think that presentations given in modern browsers shouldn’t copy the limits of ‘classic’ slide decks? Would you like to impress your audience with stunning visualization of your talk?</p>http://blog.impressto.com/post/15147603605http://blog.impressto.com/post/15147603605Sun, 01 Jan 2012 18:21:22 -0500css3web<img src="http://24.media.tumblr.com/tumblr_lvn390l6101qeuyyqo1_500.jpg"/><br/><br/><p>Beautiful colored pencil illustration!</p> <p><a class="tumblr_blog" href="http://marcomazzoni.tumblr.com/post/13685822677/ocean-of-noise-2011-colored-pencils-on-paper" target="_blank">marcomazzoni</a>:</p> <blockquote> <p>“Ocean of Noise” 2011, <strong>colored pencils on paper</strong>, cm 35x35</p> <p>for “Lush Life 3”, Roq la Rue Gallery, Seattle <span class="text_exposed_show">(December 9th)</span></p> </blockquote>http://blog.impressto.com/post/14982015934http://blog.impressto.com/post/14982015934Thu, 29 Dec 2011 13:00:05 -0500Illustrationcolored pencilsartdesignhttp://blog.impressto.com/post/14973566197http://blog.impressto.com/post/14973566197Thu, 29 Dec 2011 09:13:22 -0500holidayscreative<h3><a href="http://membership.thinkvitamin.com/?aid=230&amp;utm_source=aff" target="_blank">Treehouse Membership </a></h3> <p><a href="http://membership.thinkvitamin.com/?aid=230&amp;utm_source=aff" target="_blank"> <img alt="Photobucket" border="0" src="http://i55.photobucket.com/albums/g143/dougmoney/ScreenShot2011-11-25at11845PM.png"/></a></p> <h3><a href="http://holiday.wacom.com/" target="_blank">Wacom Tablet</a></h3> <p><img height="376" src="http://www.iwishihadthis.com/wp-content/uploads/2008/11/cintiq_21.jpg" width="398"/></p> <h3><a href="http://db.tt/k85xbfo" target="_blank">Dropbox Account</a></h3> <p><iframe frameborder="0" height="315" src="http://www.youtube.com/embed/OFb0NaeRmdg?rel=0" width="560"></iframe></p> <h3><a href="http://www.spotify.com/us/get-spotify/overview/" target="_blank">Spotify Premium</a></h3> <p><img height="256" src="http://news.cnet.com/i/tim/2011/10/14/Spotify-US.jpg" width="256"/></p> <h3><a href="http://www.sxsw.com" target="_blank">SXSW Tickets</a></h3> <p><a href="http://www.sxsw.com" target="_blank"> </a></p> <p><a href="http://www.sxsw.com" target="_blank"><img height="285" src="http://www.mxdwn.com/wp-content/uploads/2011/12/sxsw_2012_logo.png" width="447"/></a></p> <p><a href="http://www.sxsw.com" target="_blank"> </a></p>http://blog.impressto.com/post/14414213803http://blog.impressto.com/post/14414213803Sun, 18 Dec 2011 14:19:51 -0500designholidaygift guide<img src="http://25.media.tumblr.com/tumblr_lw9s8gu6b51qb8qrao1_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_lw9s8gu6b51qb8qrao2_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_lw9s8gu6b51qb8qrao3_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_lw9s8gu6b51qb8qrao4_500.jpg"/><br/> <br/><p><a class="tumblr_blog" href="http://gotstufff.tumblr.com/post/14283374340/got-pixelated-sculpture-new-banksy-work-cardinal" target="_blank">gotstufff</a>:</p> <blockquote> <p><strong>GOT PIXELATED SCULPTURE?</strong><br/><br/>New <strong>Banksy</strong> work <em>“Cardinal Sin”</em> at Walker Art Gallery, Liverpool.<br/><br/><a href="http://www.juxtapoz.com/Current/banksy-cardinal-sin-sculpture-walker-art-gallery-liverpool" target="_blank">Check the original article via Juxtapoz</a></p> </blockquote>http://blog.impressto.com/post/14308061259http://blog.impressto.com/post/14308061259Fri, 16 Dec 2011 09:00:05 -0500banksyart<h3><a href="http://www.amiando.com/e/eoxkcw" target="_blank">Tickets to SocialFresh East</a></h3> <p>February 6th &amp; 7th • Tampa, FL</p> <p><iframe frameborder="0" height="360" src="http://www.youtube.com/embed/45CU4at4F_k?feature=player_embedded" width="640"></iframe></p> <h3><a href="http://hootsuite.com/p_8613" target="_blank">Hootsuite Pro</a></h3> <p><a href="http://hootsuite.com/p_8613" target="_blank"><img alt="HootSuite - Social Media Dashboard" border="0" src="https://d2l6uygi1pgnys.cloudfront.net/affiliate/promo-banners-v2/management_ad_300x250.jpg" title="HootSuite - Social Media Dashboard"/></a></p> <h3><a href="http://crushitbook.com/" target="_blank">Crush It by Gary Vaynerchuk</a></h3> <p><img height="425" src="http://crushitbook.com/images/book-header2-trans.png" width="322"/></p> <h3><a href="http://www.flavors.me" target="_blank">Flavors.me Premium Account</a></h3> <p><iframe frameborder="0" height="225" src="http://player.vimeo.com/video/32789245?title=0&amp;byline=0&amp;portrait=0" width="400"></iframe></p> <h3><a href="http://www.apple.com/ipad/" target="_blank">iPad 2</a></h3> <p><img height="300" src="http://www.blogcdn.com/www.engadget.com/media/2011/03/11x0302v444ipad2.jpg" width="600"/></p>http://blog.impressto.com/post/14284292947http://blog.impressto.com/post/14284292947Thu, 15 Dec 2011 19:23:12 -0500social mediagift guideholidaysocialfresh<img src="http://24.media.tumblr.com/tumblr_lvhibtoMJO1qbow4qo1_400.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_lvhibtoMJO1qbow4qo2_400.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_lvhibtoMJO1qbow4qo3_400.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_lvhibtoMJO1qbow4qo4_400.jpg"/><br/> <br/><p><strong>Fresh From the Court:</strong> Today we feature UI designer Matt Gentile. The creator of the site <a href="http://Icondeposit.com" target="_blank">Icondeposit.com</a>, Matt has created an array of useful UI elements which anyone can download and use freely. What a nice guy! Check out his <a href="http://dribbble.com/Icondeposit" target="_blank">Dribbble profile</a> for more gradient-y goodness.</p>http://blog.impressto.com/post/13553851515http://blog.impressto.com/post/13553851515Wed, 30 Nov 2011 14:22:05 -0500dribbbleuiicons