WOOSTER WEB DESIGN

BLOG

Tips for Improving Web Page Load Speed

As I’m sure you know by now, slower page load times have some negative consequences like unhappy visitors and fewer page views. Here are some tips for improving your page load speed. Test your page speed Start by testing your current page speed...

Responsive YouTube Player with Scrolling Thumbnail Playlist

In this post we will work with an embedded YouTube video player using YouTube’s iframe embed code. Below the iframe we’ll add a horizontal playlist that includes a thumbnail image and title for each video. The playlist will scroll or slid...

Responsive 360 Viewer on Swipe or Click-n-Drag

In this post I will show you how to create a 360 degree viewer that spins the subject on click-and-drag or on swipe. In this case the subject is a series of images that are shown one at a time based on the horizontal position of your mouse or finger....

Tabbed Slider with Parallax Scrolling Effects Using GSAP

It’s pretty amazing the kind of animations you can create with HTML5, CSS3 and javascript. I have been seeing more and more sites that look as if they were built with Flash, but in fact aren’t. One reason for this is because of powerful t...

Basic YouTube Video Embed Tips

YouTube makes it super easy for anyone to post videos on their own website by simply copying and pasting the embed code. Using YouTube’s iframe embed code is a good way to go as it supports both flash and HTML5 – serving up the correct pl...

Top 5 Web Design Inspiration Sites

As an interactive designer it is important for me to regularly check out what other great designers and developers are creating. Besides basic creative inspiration, looking around gives me a sense of what the latest design trends are. Like everything...

Logo Design: Janus Youth Programs

In addition to redesigning the Janus Youth Programs website, I was asked to redesign their logo. I started with the logo redesign since it would influence so many aspects of the site design. Preliminary Research and Discovery Before diving into desig...

MIKE WOOSTER
Interaction Designer and Front End Developer
Portland, Oregon
woostermike@gmail.com
(503) 867-1942