Topic: CSS

Quick Tip: Responsive YouTube and Vimeo Embed

Responsive YouTube and Vimeo Embed

Published January 15, 2014 by Brad Knutson

Video is becoming an ever important aspect of content marketing. Like many other bloggers starting out with video, you probably are hosting your videos at YouTube or Vimeo. That’s great! They are both free platforms that provide cross-platform and cross-device compatibility. There is a small problem, however. With responsive design being as popular as it […]

CSS Loading Icon Examples

CSS Loading Icons

Published January 10, 2014 by Brad Knutson

If you’ve spent any amount of time reading my blog, you’re well aware that I’m a CSS junkie. If there is a way to do it in pure CSS, I’m all for it. I’ve covered countless topics that involved replacing jQuery and Javascript with pure CSS, and here is another fun one. Loading icons for […]

CSS Snow Effect

CSS Snow

Published January 4, 2014 by Brad Knutson

‘Tis the season, right? If there is any time of the year it’s appropriate to have a snow effect on your site, now is the time. So, with the holiday spirit in mind, I’d like to show you how to create this effect quickly and easily with a little help from our web design friend, […]

Increase Conversions by Making Call-to-Action Buttons More Visible with CSS

Increase Conversions with CSS Animations for Buttons

Published December 11, 2013 by Brad Knutson

I’ve never been a fan of websites with obnoxious pop-ups to increase conversion rates. More often than not, I ignore what’s actually in the pop-up, and just look for a way to close it as fast as possible. If I can’t close it in a second or less, I usually abandon the page. I don’t […]

CSS Quick Tip: Center a Div Horizontally and Vertically

CSS Quick Tip: Center a Div Horizontally and Vertically

Published December 4, 2013 by Brad Knutson

A very common problem that designers face is the need to center an object both horizontally and vertically. Perhaps it’s an integral design element, or just a modal popup. The solution that first comes to mind is setting a fixed height and width, and then setting the margin to auto like so:

This doesn’t […]

Creating Flash-like Banner Ads with CSS

Creating Flash-like Banner Ads with CSS

Published November 12, 2013 by Brad Knutson

I’m amazed that I still stumble across the occasional Flash ad banner. In today’s day and age…where Flash is the butt-end of every programming joke…flash still finds a way to exist. Frankly, I just don’t understand it. Perhaps some people are trying to hold on to their Flash skills because they spent countless hours learning […]

Design Quick Tip: Input Placeholder CSS

Design Quick Tip: Input Placeholder CSS

Published November 6, 2013 by Brad Knutson

I’ve been really busy lately working a bunch of projects, so I haven’t had time to blog much lately. So, instead of a long winded post, tonight I thought I would provide you with a solution to a surprisingly common web design problem. When designing sites for clients, one of the most common things I […]

Social Media Icons With Icon Fonts

Social Media Icons with Icon Fonts

Published October 30, 2013 by Brad Knutson

About 8 months ago I wrote a post about CSS3 Rollover Social Media Icons. The post has been by far the most popular I’ve published, accounting for a good chunk of my organic search traffic and receiving over 150 comments to date. One of the commenters suggested I wrote a post about creating social media […]

Creating a CSS Only Pinterest-Style Masonry Layout

Creating a CSS Only Pinterest-Style Masonry Layout

Published October 7, 2013 by Brad Knutson

When Pinterest came out, a lot of people were intrigued by their masonry layout. It’s since been coined the “pinterest-style layout” for a lot of folks. Many people have tried to replicate the layout, and some do it better than others. Currently, the best way to accomplish this layout is with Javascript. Using formulas and […]

CSS Only Responsive Carousel

CSS Only Carousel

Published September 27, 2013 by Brad Knutson

If you’ve read any number of my posts, you are well aware that I’m a huge proponent of CSS over Javascript whenever possible. With recent innovations to CSS3 over the last handful of years, animations that once required Javascript can be accomplished with CSS. This means elements such as hover states, animated navigation bars, showing […]

Keep Up-to-Date



See a complete list of topics discussed in blog posts here.

Check These Out

Get 2 Weeks Free! Sign Up Today! Premium Managed WordPress Hosting Genesis Framework for WordPress SEO is complex. Tools should be simple. Thesis Theme for WordPress:  Options Galore and a Helpful Support Community