Impressto

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(); }

224 posts

[impressto-blog]

We love seeing all the iterations and knowing that we're not the only ones that go through a half-a-dozen mock ups.

[impressto-blog]

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. — Philip Gerard

http://quotesondesign.com/philip-gerard/

[weandthecolor]

[gabrielayuso]

Work like you don’t need the money.

(via weandthecolor)

Typographic Artwork

by Ryan Hamrick

[impressto-blog]

How to: Make Circles with CSS3

Creating circles using only CSS3 is fairly easy. You can achieve this by setting the border-radius property to half of the width and height.

 .circle {

border-radius: 50%; *note: you can also use 200px here*

width: 400px;

height: 400px;

}

[impressto-blog]

SHOW US YOUR PIXELS!

We want to see what all of you creative geniuses worked on over the weekend. We've enabled photo replies, so post away!

[impressto-blog]

[impressto-blog]

#NowPlaying SafetySuit – Crash on #Spotify

[impressto-blog]

Brought to you by PurtyPixels.com

[ipen]

[stuffbyberry]

FOR THE LOVE OF FUTURA. This is an amazing tribute video to a fantastic font.

[impressto-blog]

Team Treehouse: Code Racer is coming!

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 :)

Check out this video overview of the design and development process of Day One.

[impressto-blog]

Awwwards: The best 365 CSS websites 2011 Book

[impressto-blog]

Quote of the week: "It's not the big that eat the small. It's the FAST that eat the slow."

-Jason Jennings

[impressto-blog]

What is your New Year's Resolution?

Impressto Resolutions:

1. Provide more free design resources - Sign up for our freebies here.

2. Develop and push new code in quicker "sprints."

3. Write more!

[impressto-blog]

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?

[marcomazzoni]

“Ocean of Noise” 2011, colored pencils on paper, cm 35x35

for “Lush Life 3”, Roq la Rue Gallery, Seattle (December 9th)

[impressto-blog]

Beautiful colored pencil illustration!

[impressto-blog]

What's the most creative thing you received for the Holidays?

[impressto-blog]

Top Five Gifts for Designers

Treehouse Membership

Wacom Tablet

Dropbox Account

Spotify Premium

SXSW Tickets