design tips

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.

Brad Frost thinks it’s:

1. Lack of portability
2. Context Switching
3. Flushing best practices down the toilet

In the spirit of good-ol-fashioned blog-and-response, here’s:

• Brian Muenzenmeyer’s response
• Micah Godbolt’s response

I’d like to point out that “CSS-in-JS” is an umbrella term, and that there are lots of takes on actual implementations of this. It’s possible to like one approach and not another.

My guess is we’ll end up with a split down the middle as a best practice someday.

When we write …

The post What’s wrong with CSS-in-JS? appeared first on CSS-Tricks.

Sublime Text is one of the most popular editors for web development and software development in general. It’s very smooth and fast compared to other editors (being written in C++ helps that speed). Sublime also has tons of plugins you can find through Package Control.

But it’s only a text editor and not an IDE. An IDE is a software application that provides comprehensive facilities to computer programmers for software development. In fact, Sublime doesn’t offer features like …

The post Turn Sublime Text 3 into a JavaScript IDE appeared first on CSS-Tricks.

“Oooh! A PowerPoint Presentation!”

— No one ever

Nobody likes a slide show. I don’t even have to back that assertion up with evidence. It’s a universal truth — like saying “the sky is blue”, “the grass is green” or “The Mummy with Tom Cruise is the worst movie ever made.” And if you haven’t seen The Mummy reboot, I just saved you and you should be grateful.

It’s as if there is some unwritten rule that says: if you …

The post How to build a slide deck in PowerPoint that isn’t god awful appeared first on CSS-Tricks.