Category: Snippet O’ the Week

November 29, 2012

Plaid body background with CSS

Background gradients are pretty freaking cool. A while ago I was playing around with background gradients in CodePen and I came up with a CSS only plaid body background with a little noise. I have no idea where you would use this, it's pretty ugly, but I think it shows what can be done with background Read More

September 19, 2012

Snippet(s) O the Week: Rad CSS Stuff from Codepen

So this week, instead of just one perty awesome snippet I've made the executive decision to feature some cool codepen's from this week. Who knows, this might be how the 'snippet O the week' evolves. With so many cool stuff being posted on codepen.io and jsfiddle.net lately there's really no need to go Read More

September 7, 2012

The Birth of My First CodePen

Congratulations! Everybody have a cigar! I just gave birth to my first CodePen! and there was much rejoicing. I wanted to add a little friendly reminded to iOS users to bookmark our web app when they hit the URL in their browsers. Just a nice simple tip. So I wrote up a little thought bubble Read More

August 17, 2012

Snippet O’ the Week: Targeting Retina Display with CSS

Today's Snippet O' the Week in a sweet and simple CSS media query that allows you to target the Retina display, or really any other high resolution screen for that matter. Responsive images suck we all know it. There really isn't a solid solution to displaying a regular sized image on a high res screen Read More

August 3, 2012

Snippet O’ the Week: Centering a Div of Unknown Width

So I went to the Google machine and searched for "Weird CSS Snippet" hoping that I could find some weird or obscure CSS snippet, either new or old, that might be slick. I didn't want to search to hard so I clicked on the first listing: http://www.designyourway.net/blog/resources/31-css-code-snippets-to-make-you-a-better-coder/. Scrolling Read More

July 27, 2012

Snippet O’ the Week: Equal Div Heights with jQuery

Got a couple of columns that you want to have equal heights? Tired of crazy CSS tricks that don't always work and tired of hacking around to make them work in IE? Well, you need this classic jQuery snippet — equal div heights. It's been around for a while but when I ran into this problem this week Read More

July 20, 2012

Snippet O’ the Week: Set Text on a Circle (CSS-Tricks.com)

This really isn't a snippet, it's more a of a quick tutorial of some thing super awesome from the mighty Chris Coyer. I'm not gonna waste my time adding the snippet here or describing it and all the junk, just go check out css-tricks.com/set-text-on-a-circle for the full tutorial on how to create text Read More

July 13, 2012

Snippet O’ the Week: CSS3 Loading Animation (Chrome Only)

This is a very cool snippet, I found it on HTML5Snippets.com, and it's pretty sweet. Haven't really used it yet, still trying to find a place to use it, probably throw on this blog for loading images but I just need to get off my duff and do it. If you decide to use it for something drop me a comment Read More

July 6, 2012

Snippet O’ the Week: * { box-sizing: border-box } FTW

The problem: Width and padding relationships. The solution: This classic CSS snippet. You should add this to your snippet libraries today (assuming you don't already have it there). It's brought to us by the amazingly brilliant Paul Irish, written as titled "* { box-sizing: border-box } FTW" from Read More

June 15, 2012

Snippet O’ the Week: jQuery, Highlight Element Based on Current Date

This weeks snippet o the week is brought to you by the letter 'j' and the word 'Query'. This snippet is actually really cool and can solve a lot of usability problems. I found this snippet over at the great jQuery4u.com and it's a slick litte function that will highlight an element with the current Read More

March 29, 2012

Snippet O’ the Week: Preload images with jQuery

The popularity (and rightly so) of responsive web design is growing and while it's fairly easy to set up flexible grids and text styling via medi queries, images tend to be harder to work with in a responsive design. Slow loading images can be a big deal to users especially when your site it trying to Read More

September 14, 2011

Snippet O’ the Week: Add Custom Post Type to Feed in WordPress

So you designed a slick WordPress theme for a client, you set up WordPress for them and installed all the plugins and you have even gone the extra mile and designed a sweet video player and built a new custom content type for them. Then, about a month later you get a call that says the video posts aren't Read More