Maintenance week #1

Website3 min readView on GitHub

I’ve been thinking about doing this for a little while over the course of posting regularly. I feel it a duty to go back and refine some posts or make additions to them to improve them.

So there is no post as such this week. I’ve decided to go back and update some. I’ve listed each of the posts and changes I’ve made for you.

Remove letter-spacing from the last letter

It never occurred to me that text-decoration: underline would behave similarly in creating undesired behaviour. It occupies the excess space we’re trying to remove.

I suggested a pseudo element with a border. However, if you’re relying on the benefits of using an underline. That’s not good enough. The solution is to continue with a pseudo element but use the background colour to hide the excess.

I’ve also done the original method I had suggested. As an alternative, as both have advantages and disadvantages.

See how to remove excess text decoration

Adobe generator syntax cheatsheet

I’ve improved the layout of this post, on reflection it was pretty poor. Hopefully, this makes it easier to read.

See the updated cheatsheet

Creating custom stroke width profiles in Illustrator

I have always wondered how to make a stroke align inside or outside when it’s not a closed path. The answer was in this post I had already made. It, like the letter spacing update probably could justify a post on its own.

See how to align strokes on unclosed paths

Using Sass to create harmonious gradients

I have made a few grammatical changes. Hopefully, it makes this post easier to understand.

See how to create harmonious gradients

Horizontal scrolling navigation techniques

I’ve written twice on this. With two different methods. Recently I found out that Edge and IE have a way to hide the scroll bar. Which is a great addition to Windows users that use Edge and IE 10 or 11.

While there are ways to do it in Firefox and Chrome on Windows it removes scroll functionality altogether.

  -ms-overflow-style: -ms-autohiding-scrollbar;

See how to make horizontal scrolling navigation with flexbox or display.

That’s it

Maintenance weeks are something I’m going to do every couple of months or so. I will update posts that could be outdated or have better information, and grammar too.

If you found this article useful, why not support the upkeep of this website?

Get the articles

It’s my aim to help you be a better designer. Join my monthlyish email list and I’ll send new tutorials to help you design & code beautiful websites. You can unsubscribe anytime.

Also, as a subscriber I can provide critique on your designs—send something through after you confirm your subscription.