Category Archives: Web Design

Web design and development tutorials, advice, news and insights.

Simplifying High DPI Image Sprites with Sass

Social Media Image Sprite High Quality

About Image Sprites Image sprites are images that consist of images inside them.  Web designers often use image sprites because they decrease the load time of web pages, speed up the design process, and reduce clutter.  Using CSS, you can define which part of the image sprite to display, also known as a sprite tween.  […]

How to Make an Animated Hamburger Menu Icon

Animate From Hamburger Icon to X Icon

Introduction I’m sure you’ve seen the 3 horizontal bar image on mobile websites used to access the menu – another term for this image, is the hamburger menu icon.  These icons are used to save space and they’re universally understood to open a menu of some sort.  Today, I’ll show you how to animate one […]