Error Handling and HTTP Redirects

January 24, 2017 | blog


There are few things I dislike more than seeing a website handle basic errors with a default error page. There are a few UI/X considerations to think about when handling redirects to tell the user they’ve encountered an error. The case I think about most often includes a user being linked to a page that […]

Development Software and Tools

| blog


I’ve been building websites for the better part of 3 years now. In that time, I’ve switched operating systems three times, I’ve used dozens of text-editors, hundreds of tools, and many, many browsers and devices. I don’t think I’ve ever written down what I’ve used, aside from the brief mention on Twitter every once in […]

Accessibility

December 26, 2016 | blog


Accessibility is absolutely necessary in today’s day and age. It provides a chance for everyone, without bias, to interact with a website and obtain the information they need or want in that moment. Lack of accessibility can lead to higher bounce rates, users being unable to obtain information, and a negative effect on your bottom […]

CSS: The Differences Between IDs and Classes

October 22, 2016 | blog


To style HTML with CSS, there are a myriad of selectors that can be used – tag, class, ID, & more. I talk about the differences in class and ID selectors

Content Security Policy

October 17, 2016 | blog


As a full-stack dev, I try my best to keep up on front and back end technologies, methods, and techniques. One of the many ways I do this is by utilizing my time through reading, watching, and listening. I have, at any time, 3-5 books I’m reading, a slew of videos on my watch list, […]

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 […]