Skip to main content Screen Reader Website Version

CSS Animation, The New Flash?

I’ve used it, so I am not immune to the pull of CSS animation, but what are we doing here folks? Used sparingly, CSS animation is at best a small way to augment conversions (button wiggle), but at worst it is a resource hog that destroys readability and flow. I can guarantee that users would rather have speedy content rather than see a box fly in, or out, or flip and tip it’s hat. It’s “neat”, but pointless.

Remember the days of flash? Flash menus, banners, headers – even entire sites built on flash. It was disgusting. What do we see today with CSS animation? Mostly the same thing. Sacrificing resources at the alter of ‘wow factor’.

Why not try to have compelling content. Focus on your storytelling rather than dressing up your content in obnoxious animation. Does CSS animation have it’s place? Maybe, sure. But only in very specific situations and for certain industries. I mean, you don’t want your funeral home to have a lot of ‘pop’, do you?

More Web Design Blog Content

Not All Backlinks Are Created Equal

Improving SEO Results with Link Building. Still trying to get higher SERP (Search Engine Results Page) placement? After months of trying is your company no higher on Google or Bing than before you concentrated on SEO keywords? The lack of results from your efforts may leave you confused

Jquery Simple Fadeout

A cute little snippet to show a simple green bar upon a successful edit. <?php if(isset($_GET[‘edit’])){ ?> <div id=’notifyy’> Edited Successfully </div>     <script type=”text/javascript”>     $( ‘#notifyy’ ).show(function(){     $(this).fadeOut(5000);     });     </script> <?php } ?> The CSS: #notifyy{width:100%;background:#2f5001;padding:4px 15px;color:#fff;} Always,

WordPress Custom Post Type Category Images : Solved

If you’re a WordPress developer, you’ve probably been here. You want to use images for your categories, but they are custom taxonomies. Here’s how to solve that issue. We’re using a plugin called “Category Images” by Muhammad Said El Zahlan. Download, install and activate the plugin. Now you can

Preloading Images with Jquery

There are times when preloading images is an important step in keeping your site/page/program running smoothly. This is especially true in the era of mobile. Here’s a cute little snippet that does just that. function preload(yourarrayOfImages) { $(yourarrayOfImages).each(function(){ $(‘<img/>’)[0].src = this; }); } preload([ ‘img/image1.jpg’, ‘img/image2.jpg’, ‘img/image3.jpg’ ]);

You get 15 seconds! Web Design Trends for 2016

Mobile is in and users are becoming increasingly impatient. In 2014, 55% of users spent less than 15 seconds on a webpage according to data by Tony Haile of Chartbeat.  This means you only have 15 seconds to capture a users attention and convert a visitor to a customer.

Better Than Notepad: Notepad ++

We love this little program. It’s a replacement for Notepad called Notepad++. It’s like notepad on steroids. Lots of  new, useful functions – essentially, everything Microsoft neglected to put into their product,; open source, once again, has provided a better alternative. Easy find/replace functions, even in files so