Latest News

Jetpack is an official WordPress plugin directly from Automattic. It’s an interesting plugin in that it doesn’t just do *one thing* — it does a whole slew of things that enhance what your WordPress site can do. *Any* WordPress site, that is, and often with extremely little effort. Those easy win features Jesse Friedman calls light switch features, meaning you literally flip a switch in Jetpack’s settings and start benefitting. I love that.

There are dozens of features in …

The post Five of My Favorite Features of Jetpack appeared first on CSS-Tricks.

“Typography on the web is in single color: characters are either black or red, never black and red …Then emoji hit the scene, became part of Unicode, and therefore could be expressed by characters — or “glyphs” in font terminology. The smiley, levitating businessman and the infamous pile of poo became true siblings to letters, numbers and punctuation marks.”

— Roel Nieskens

Using emojis in code is easy. Head over to emojipedia and copy and paste one in.

In …

The post It All Started With Emoji: Color Typography on the Web appeared first on CSS-Tricks.

Brian Holt and the Frontend Masters team are putting on a free workshop today and tomorrow that is live-streamed for anyone that’s interested. This is super cool because, despite the fact that there is a mountain of articles about web development out there, there are only few that start with the basics in a manner that’s easy for beginners to follow. All of the materials are open source and available here as well.

I’ve been a fan of Brian’s work …

The post Free Introduction to Web Development Workshop appeared first on CSS-Tricks.

As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page transitions. Let’s consider mobile applications. While mobile applications are evolving, more and more attention is given to the animation experience, while the web pretty much stays the same. Why is that?

Maybe it’s because native app developers spend more time working on those animations. Maybe it’s because users say that’s what they want. Maybe …

The post Page Transitions for Everyone appeared first on CSS-Tricks.

Interactive maps can both be functional and, when combined with data, tell a good story. Kiln released this data-driven map (make sure to hit the play button) to show the routes of every cargo ship moving about on the high seas in 2012.

Created by London-based data visualisation studio Kiln and the UCL Energy Institute

How something like this is created can be mind-boggling. Kiln has a service called Flourish that helps with the lifting and we recently shared Observable…

The post Ship Map appeared first on CSS-Tricks.