Home » NewsBlog » CSS

What are Higher-Order Components in React?

2018-04-20T03:06:02+00:00 April 20th, 2018|Categories: News, Tutorials|Tags: |

If you have been in the React ecosystem for a while, there is a possibility that you have heard about Higher Order Components. Let’s look at a simple implementation while also trying to explain the core idea. From here you should get a good idea of how they work and even put them to use. [...]

Scroll to the Future

2018-04-20T03:06:01+00:00 April 20th, 2018|Categories: News, Tutorials|Tags: |

This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property. My favorite part of all though? It has to be this bit: In the [...]

Kinsta

2018-04-20T03:05:39+00:00 April 20th, 2018|Categories: News, Tutorials|Tags: |

(This is a sponsored post.) Huge thanks to Kinsta for sponsoring CSS-Tricks this week! We're big fans of WordPress around here, and know some of you out there are too. So this might come of interest: Kinsta is WordPress hosting that runs on Google Cloud Platform. And in fact, it's officially recommended by Google Cloud [...]

VuePress Static Site Generator

2018-04-19T03:07:29+00:00 April 19th, 2018|Categories: News, Tutorials|Tags: |

VuePress is a new tool from Vue creator Evan You that spins up Vue projects that are more on the side of websites based on content and markup than progressive web applications and does it with a few strokes of the command line. We talk a lot about Vue around here, from a five-part series [...]

Hey hey `font-display`

2018-04-18T03:05:23+00:00 April 18th, 2018|Categories: News, Tutorials|Tags: |

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 [...]

1 HTML Element + 5 CSS Properties = Magic!

2018-04-17T03:06:03+00:00 April 17th, 2018|Categories: News, Tutorials|Tags: |

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 [...]

Museum of Websites

2018-04-17T03:05:58+00:00 April 17th, 2018|Categories: News, Tutorials|Tags: |

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 [...]