Hey hey `font-display`

Y’all know about font-display? It’s pretty great. It’s a CSS property that you can use within @font-face blocks to control how, visually, that font loads. Font loading is really pretty damn complicated. Here’s a guide from Zach Leatherman to prove it, which includes over 10 font loading strategies, including strategies that involve critical inline CSS of subsets of fonts combined with loading the rest of the fonts later through JavaScript. It ain’t no walk in the park.

Using font-display

The post Hey hey `font-display` appeared first on CSS-Tricks.

Read more

Doc Pop’s News Drop: Plugin Madness 2018 Recap

Doc’s WordPress News Drop is a weekly report on the most pressing WordPress news. When the news drops, I will pick it up and deliver it right to you. Congrats to Smush Image Compression for winning Torque’s 2018 Plugin Madness competition! Thanks to everyone who nominated and voted this year, it was a huge success. …
The post Doc Pop’s News Drop: Plugin Madness 2018 Recap appeared first on Torque.
Read more

Smush Image Compression Wins 2018 Plugin Madness

For the second year in a row, WPMU Dev’s Smush Image Compression has won Plugin Madness! This year’s competition was fierce, but in the end, the image compression plugin came out on top. The plugin beat out Autoptimize, ShortPixel Image Optimizer, Hummingbird Page Speed Optimization, previous winner Advanced Custom Fields, Custom Sliders, and finally Restrict …
The post Smush Image Compression Wins 2018 Plugin Madness appeared first on Torque.
Read more

3 Revenue Streams for First-Time Freelance Developers

Beginning your journey as a freelance developer can feel like one small step for man, and one giant pain when trying to find work. You’ll want to find prosperous areas in which to apply your trade, but you’ll often encounter saturated markets that require hard work if you want to be successful. Finding a profitable …
The post 3 Revenue Streams for First-Time Freelance Developers appeared first on Torque.
Read more

8 Typography Trends for 2018

Bigger, bolder typography is the go-to type trend of 2018. Designers are opting for less elaborate typefaces and pairing them with bold color, cutouts, gradients, and even customizations to create lettering that stands out. Each of these trendy type styles is moving away from the flatter, more conservative options that have been popular for a […]
Read more

1 HTML Element + 5 CSS Properties = Magic!

Let’s say I told you we can get the results below with just one HTML element and five CSS properties for each. No SVG, no images (save for the background on the root that’s there just to make clear that our one HTML element has some transparent parts), no JavaScript. What would you think that involves?

The desired results.

Well, this article is going to explain just how to do this and then also show how to make things fun …

The post 1 HTML Element + 5 CSS Properties = Magic! appeared first on CSS-Tricks.

Read more

Museum of Websites

The team at Kapwing has collected a lot of images from the Internet Archive’s Wayback Machine and presented a history of how the homepage of popular websites like Google and the New York Times have changed over time. It’s super interesting.

I particularly love how Amazon has evolved from a super high information dense webpage that sort of looks like a blog to basically a giant carousel that takes over the whole screen.

Direct Link to ArticlePermalink

The post Museum of Websites appeared first on CSS-Tricks.

Read more

BigCommerce: eCommerce Your Way (and Design Awards!)

Huge thanks to BigCommerce for sponsoring CSS-Tricks this week!

Here’s the basics: BigCommerce is a hosted eCommerce platform. In just a few minutes, anybody can build their own online store. From a personal perspective, I’d suggest to any of my friends and family to go this route. CMS-powered websites are complicated enough, let alone feature-packed eCommerce websites. Please go with a solution that does it all for you so your site will look and work great and you can focus …

The post BigCommerce: eCommerce Your Way (and Design Awards!) appeared first on CSS-Tricks.

Read more