Topic: CSS

CSS Button With Sliding Information

CSS Button With Sliding Information

Published November 7, 2014 by Brad Knutson

I’ve been working a lot lately on trying to increase conversions for several products. One issue I’ve face with call to action buttons is that it’s sometimes difficult to convey information in an easy to consume format in such a small amount of space. I searched the web for some good example of CSS buttons, […]

CSS Only Tooltip

CSS Only Tooltip

Published April 17, 2014 by Brad Knutson

I remember the days when I was building tooltips with jQuery. They were so flashy and cool, I used them in nearly all my projects, whether they required a tooltip or not. Over the years, tooltips have slowly faded out of favor of designers and developers, but there are still plenty of legitimate uses. If […]

CSS Flat Social Icons with Long Shadows

CSS Flat Social Icons with Long Shadows

Published March 11, 2014 by Brad Knutson

Tonight I’d like to continue my recent obsession with flat design and show you a few cool social icon examples. I wanted to come up with a small set of social icons that is completely image free. So I grabbed my favorite icon font Font Awesome from WeLoveIconFonts.com and got to work. One particular design […]

Should Marketers Learn to Code?

Should Marketers Learn to Code?

Published March 6, 2014 by Brad Knutson

There seems to be a never ending debate amongst marketers. Should marketers learn to code? I find this debate very interesting. My background is in web design and development, but in the last few years I’ve also dived heavily into the marketing world. I’ve come across many marketers who also have backgrounds in web development. […]

Full Page Background Video

Full Page Background Image

Published March 2, 2014 by Brad Knutson

An interesting design trend that I’ve seen on a few high-end websites is the use of full page background videos. We’ve all seen full page background images, but using a video as your background is taking it to the next level. It’s a pretty cool concept, and one that a lot of of newly designed […]

Zig Zag Border Created with CSS

CSS Zig Zag Borders

Published February 24, 2014 by Brad Knutson

Solid borders are so boring. With flat design being as popular as it is, solid borders are becoming the norm. Remember the days of extravagant transitions between sections and obnoxious borders? Zig zags, swirls, fading, you name it! Some liked this design trend, some didn’t – but those days are long behind us it seems. […]

Google Logos Created With Only CSS

CSS Only Google Logos

Published February 11, 2014 by Brad Knutson

I’ve been on a CSS kick lately (if you hadn’t noticed) so I thought I would show you how to recreate some of the common Google logos with just CSS – no images, no javascript. The CSS below can get pretty advanced, so don’t worry if you get confused. Please feel free to re-purpose the […]

CSS Button With Sliding Background Color

CSS Button with Sliding Background Color

Published January 29, 2014 by Brad Knutson

Styling buttons is something that designers do every day. Box shadows and gradients have been used over and over again when styling buttons, and I’m growing tired of it. I’ve written recently about how I like the recent trend towards minimalist and “flat UI” designs. It’s not too far of a stretch to translate this […]

CSS Only Brackets Logo

CSS Only Brackets Logo

Published January 28, 2014 by Brad Knutson

I’m fascinated with the current trend of flat design. Not only are companies using flat web design when they update their websites, they are also creating flat icons for their company logos. These icons are simple, flawless, and sharp. At any rate, my favorite code editor is Brackets, and they also use flat design for […]

Recreating the New Flat Twitter Navigation

Recreating the New Flat Twitter Navigation

Published January 19, 2014 by Brad Knutson

This past week, Twitter started rolling out their new user interface design for some users. Of the Twitter accounts I manage, about half of them have the new design, and the other half will most likely get it shortly. Twitters new design is a great example of the continuing trend in web design towards “Flat […]

Keep Up-to-Date

Subscribe

Topics

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