Tag Archives: CSS

Simplifying High DPI Image Sprites with Sass

Jan
26
2017
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

Jan
19
2017
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 […]