Snippets

Exposing long navigation menus on small screens is tricky. Hamburger menus are everywhere, although often discouraged. Displaying “just enough” navigation at every breakpoint can feel like an impossible task. This is especially true for template developers needing to accommodate an arbitrary number of menu items.

The Priority+ design pattern seeks to display as many items as possible given an arbitrary screen width, while making the rest accessible via a single click. I’ll go over the implementation I worked on at Goshen College that includes both dropdown menus and horizontal scrolling, which I’ve yet to find in the wild:

You could settle for a basic grey box to show your placeholder images or you could substitute actual photos of the most gnarly places in the universe. We created SpaceHolder to help pull these amazing images straight from NASA’s photo archives into your Web project.

The intersection of rushed (or careless) development and unintended consequences:

We’re doing a story about people that have names that websites and computers don’t seem to like - for example, we spoke to a guy named William Test, and a woman named Katie Test, both of whom can’t seem to keep a hotel or airplane booking because the name “test” is flagged by internal systems.

We also spoke to a guy named Christopher Null who had the same problem, and woman named Joan Fread, who can’t use paypal because her last name is the same as a PHP command.

I’m curious if there’s anyone in the dev community that is thinking about this, and how to deal with it. Is it even considered a problem? Is the population that this affects so small that people don’t even think about it?

WebSlides makes HTML presentations easy.
Just the essentials and using lovely CSS.

[…]

Each parent <section> in the #webslides element is an individual slide.

Code is clean and scalable. It uses intuitive markup with popular naming conventions. There’s no need to overuse classes or nesting. Making an HTML presentation has never been so rewarding.

Create a Git commit template file […] and link it through your .gitconfig […] to have a standard commit message format every time.

Git commit template file:

.gitconfig section:

I don’t think this is going to make me switch from Firefox, but Opera Neon is certainly an interesting prototype browser with some cool features that make it stand out.