A Better Alternative to the Hamburger Menu

Hamburger menu and soda

I’ve read about problems with the three-bar icon you are used to seeing on mobile websites and applications. The icon is referred to as a “hamburger” because you can think of the top and bottom bars as buns and the middle bar as the cheese, pickles, meat, etc. Therefore, it is called a “hamburger menu,” and critics point out issues that lead to reduced traffic.

Read more…

Posted in: CSS, HTML


How to Allow Uploading of SVG Files in WordPress

Update 1/25/17: This is now broken as of WordPress 4.7.1.

WordPress and SVG files

We love using (and should use) SVG—scalable vector graphics—because they are retina-ready, responsive, and easily editable. They never lose quality no matter how you resize them because vector images possess that aspect. If we use SVG, then we don’t have to worry about images or icons being blurry on screens with retina display. For these reasons, we want to upload and use SVG files in WordPress, but WordPress won’t allow us to upload them.

Read more…

Posted in: Wordpress


Responsive Grid Layout for Landing Pages

Responsive grid layout

You may have come across some websites with interactive, inspiring, and responsive grid layouts for landing pages. These kinds of pages provide a fun and engaging user experience and display information in a structured fashion. The cells in these layouts can have hover effects such as changes in brightness or translucent color backgrounds.

Read more…

Posted in: CSS, HTML