Sam Hermes

It’s pretty rare that you get to return to a project after six years, but that’s just what I’ve been up to!

I’ve been deep in block development for the past few months, and through that, I’ve had to learn a lot of stuff!

I just pushed an update to my site to add support for dark mode.

It had been a little while since I implemented a control to scroll the page, and I was delighted to find that much of the functionality we usually look for has been implemented directly into most of the major browsers!

My site is currently hosted on GitHub Pages, which means that anytime I want to put something on the site, I have to make a commit and push it up.

Feedback is a topic that comes up all the time when working with a team.

Ah, the eternal dilemma.

<h2 class="margin-bottom-zero">Thinking Like a Front-End Developer</h2> Chris Coyier During Chris’s talk, I pushed a very small commit to my website to change “front end” to “front-end.”

As with most things involving Gutenberg, this could change, and may not be best practice later on, but it's what I've found to work for the time being.

In my Next SpaceX Launch app, data is pulled from a SpaceX API.

We love when things just keep getting better!

To create my travel map, I used Mapbox GL JS.

As the launch of Gutenberg gets closer and closer, now is as good a time as any to make preparations.

This is a continuation of my previous Vue pagination post in which I added pagination to the list of books that I’m reading or have read.

To lay the groundwork a little, this site uses Jekyll and is hosted on GitHub Pages.

Talk about something that you didn’t know you needed!

For quite a few components on the web, there is an accessible way to implement them.

position: sticky is fantastic, and browser support is increasing.

Over the past year, I’ve seen a few people discussing the security dangers of using target="_blank" to open links in a new window.

This post goes with my talk at WordCamp St.

So, I’ve been reading too much.

First things first, we needn’t write a lazy loading script ourselves.

This is a continuation of my previous post about a Vue app I created for the reading list on this site.

Getting into new JavaScript is difficult when you don’t have something useful to build with it, so I was excited when I put it together that I could add Vue to my existing reading list.

Honestly, this should have just been a tweet, because it’s as simple as that.

CSS grid has been out in the wild for a little while now, and though I still have a little hesitation about putting it into production, it’s worth studying up on it.

When using a <button> element, the default type is submit.

With browsers getting more aggressive about holding on to local cache, it can be aggravating to hear that an end user doesn’t see updates, or they see something quite broken because a few styles are missing.

Accessibility on the web is tricky, and modals are even trickier.

Someone mentioned somewhere at some point (life moves too fast) that the Google HTML/CSS Style Guide suggests that any unnecessary HTML tags can be omitted, such as the <head> and <body>.

If you’ve ever installed Jetpack, you’re probably familiar with widget overload.

There are a few plugins that will add Ajax search for you, but what if you wanted to integrate it into your theme yourself for more control over functionality and appearance?

The longer that I work in web development, the more time I spend thinking about the communication that surrounds the work I’m doing.

If you have a custom query of posts on a static front page in WordPress, adding pagination can be a confusing experience.

Episode #248 of Shop Talk Show is all about AMP (accelerated mobile pages) and how the project relates to the web at large.

There’s a big divide in the web development community that doesn’t get discussed enough.

I recently finished reading The World Beyond Your Head by Matthew B.

High density screens and the web are at odds.

As I’ve been out browsing the web lately, I’ve come across quite a few sticky headers that are implemented in a way that causes the page to jump up as scrolling begins.

I used to be really scared of using SVG, and now I’m just a little bit scared.

When I started working on the last iteration of my site, I knew I was going to need to figure out how to display code snippets.

This falls clearly in the realm of opinion, but I thought I’d share my thoughts anyway.

Sticky elements seem to be everywhere, following you wherever you scroll.

When a multi-level menu is collapsed on a small screen, it can difficult to communicate a sense of place as someone is navigating between pages.

Menus in WordPress are expensive to generate, in terms of site performance.

One of the most performant ways to toggle an element with JavaScript is to apply and remove a class.

I recently switched this site to Jekyll, and I thought I'd share the setup process.

It's relatively easy and well documented to output a featured image, but getting the caption is a little trickier.

strtotime($time . '+ 1 hour'); This is probably the most magical thing I’ve ever done PHP.

On a site with tall pages, setting up a fixed header can make a lot of sense.