design tips

I recently attended and had the chance to speak at WordCamp US 2018 in Nashville. I had a great time. I love conferences that bring people together around a tight theme because it’s very likely you’ll have something to talk about with every person there. Plus, I rather like WordPress and its community. The vibe was very centered around Gutenberg, as it was released in WordPress 5.0 just as the conference started.

Matt’s State of the Word gets into all … Read article

The post WordCamp US 2018 appeared first on CSS-Tricks.

Came across this thread:

CSS superfriends! Have you seen examples of how to do multi-line padded text like this article on @css (https://t.co/2j8p4jmaT4), but with a gradient that doesn’t reset for each line? pic.twitter.com/MVPdAjxt1W

— Dan Mall (@danmall) December 3, 2018

My first thought process was:

• The lines are padded, and that’s tricky enough to pull off.
• box-decoration-break is probably our friend here.

But it turns out we need a litttttle extra trickery to make it happen.

If … Read article

The post Multi-Line Inline Gradient appeared first on CSS-Tricks.

My favorite way to think about Jetpack is that it’s a WordPress plugin that brings a whole heap of features to your site. I’ve documented the features that we use here on CSS-Tricks, which isn’t even all of them (yet).

Some of Jetpack features are essentially connecting it to the powers of WordPress.com. For example, of course, WordPress.com has some amazing way to optimize and serve images. They can build a service that millions of sites on WordPress.com can benefit … Read article

The post Jetpack appeared first on CSS-Tricks.

We’re in the future now so, of course, we’re working on ways to speed up the web with fancy new tactics above and beyond the typical make-pages-slimmer-and-cached-like-crazy techniques.

One tactic, from years ago, was InstantClick:

Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). InstantClick makes use of that time to preload the page, so that the page is already there when … Read article

The post Quicklink appeared first on CSS-Tricks.

There are situations where keeping a reference to the last route a user visited can come in handy. For example, let’s say we’re working with a multi-step form and the user proceeds from one step to the next. It would be ideal to have the route of that previous step in hand so we know where the user left off, in the event that they navigate away and come back later to complete the form later.

We’re going to cover … Read article

The post Storing and Using the Last Known Route in Vue appeared first on CSS-Tricks.