Disappearing Nav

October 13, 2016 | blog


Disappearing navbars are found all over the web. This feature may seem like an advanced technique, but it’s actually really easy to implement. With just a little bit of JavaScript, you can have a disappearing navbar. The logic When the user scrolls down, the navbar fades out. When the user scrolls up, the navbar fades […]

Browser Defaults

October 12, 2016 | blog


Browser defaults are generally rather sensible and malleable, but there are a few things I strongly urge you not to mess with. Chrome, Firefox, Safari, Opera – all of these browsers have their own way of rendering HTML elements. From margins to padding to font-sizes, they determine how a page will render without CSS telling […]

Box-Shadow

October 11, 2016 | blog


I’m seeing some debate on prefixing box-shadow (and other properties). This is my solution to figuring out browser prefixes. This recent article by appendTo discusses the CSS Box-Shadow property. It does a decent job explaining the values and what they do, but they superfluously suggest prepending browser prefixes to the box-shadow property. In my last […]

Browser Prefixes

October 8, 2016 | blog


Responsive design makes your design work across screen sizes. But what about working across browsers? Responsive design is only part of the solution to making your site accessible to all platforms. Another part (among many) is using browser prefixes and testing your solutions. What Is A Browser Prefix? A browser prefix is a string of […]

Borders, Pseudo Elements, and Folds

October 7, 2016 | blog


I’ve recently fielded a lot of questions about Ribbons and Folds done with pure CSS. It’s a lot more than just a few lines of CSS, though. A lot more. Understanding how borders and pseudo-elements work is not only a good nugget of knowledge to have, but also necessary to understanding CSS folds. To kick […]

Collapsing Content

October 6, 2016 | blog


The cornerstone of responsive design is collapsing (and expanding) content to fit on differently sized screens. But what’s the best way to do it? There are many ways to accomplish a responsive design. If you use front-end frameworks like Bootstrap or Materialize.css, responsive design is usually built right in. But, if you don’t use frameworks, […]

Mobile Menus

September 23, 2016 | blog


Mobile menus are seen throughout the internet. The way mobile menus collapse is summarized by one image: the hamburger icon. The Hamburger Icon, in all it’s glory But going from a fully expanded menu on desktop to a menu that has to be expanded based on user input isn’t as simple as one might think. […]

Project Flow

September 15, 2016 | blog


Prior to starting a relationship with a client, I like to walk them through the website design and development process. Often times, a lot of standard business practices are implemented, however, there are a few things unique to web design that (in my experience) have come as a surprise to the client. The first step: […]

Frameworks: Bleh.

March 8, 2016 | blog


I want to get away from frameworks. I find that frameworks often require a lot of overrides or not enough functionality, especially in a non-static site. Additionally, I find that so-called responsive frameworks, while boasting plenty of features, often lack consistency across devices. For example, on my site, a thick white right border appears on […]

Tel: What?

February 12, 2016 | blog


Alright, so we all know (or should know) about prefixing href attributes with the ‘mailto:yadda@yadda.com’ to get the link to open the mail client on the user’s computer and send an email. This is groovy. Did you know the href attribute accepts other prefixes, too? Like, if you’re targeting mobile users and want an easy […]