The Hamburger Icon Debate

Type “hamburger icon” into Google and once you scroll past the images of the icons, you’ll notice a few articles about the history of the icon and a lot of articles debating if it’s the solution for all our small screen navigation problems or if the hamburger icon will destroy humanity. You know the usual overreaction to every topic that involves designing websites.

Continue reading

Why You Should Start Learning More About Icons

One of the challenges in designing websites for smartphones is the small screen size. It can be difficult to fit even basic things like navigation labels on smaller screens and when you do fit them all in there’s often a lack of space between links leading you to click one you didn’t intend.

Continue reading

SVG Text On Path—Part 2

Creating SVG text along a path opens up some interesting and creative possibilities. Last week I showed you the <textPath> element and how to add a reference to a path you define. I also showed you the startOffset attribute so you can position the text somewhere along the path other than the start.

Continue reading

SVG Text On A Path — Part 1

In addition to laying out text in a straight line SVG includes the ability to have text laid out along any path you create. This opens up many possibilities for displaying text. It’s easy to set up. And the results are fun.

Continue reading

How To Work With The SVG Text Spacing Properties

Most of the time the default spacing between characters and words is perfectly fine, but when working with display type in headlines and subheads you may want to adjust the spacing in your text. SVG provides a way to do just that.

Continue reading