Viewed: 4309

Maintenance week #1

Website in 2 minutes

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 or it’s saved you time, I would be grateful for your support.

Next to read

Maintenance week #4

Start new designs quicker

It’s my aim to help you be a better designer. I’ve made you a simple Adobe Illustrator template to manage your colour, grid and guides. So you’ll get to executing your ideas around 20 minutes sooner, every time.

Join my monthlyish email list and I’ll send you the template and new tutorials to help you design & code beautiful websites. You can unsubscribe anytime.