Search

Nalezeno "Newsletter": 1520

How I Added Scroll Snapping To My Twitter Timeline

5.8.2022
CSS Scroll Snap allows websites to snap the web page or any other scroll container to a specific scroll position when the user performs a scrolling operation. This feature has been supported in all modern browsers for over two years, … How I Added Scroll Snapping To My Twitter Timeline...

Actually, the San Francisco Typeface Does Ship as a Variable Font

4.8.2022
Apple unveiled an expanded version of its San Francisco system font at WWDC 2022. Then, last month, Jim Nielsen zeroed in on the font’s variations, explaining how the font provides a spectrum of variations based on the width and weight… Actually, the San Francisco Typeface Does Ship...

Converting Speech to PDF with NextJS and ExpressJS

4.8.2022
With speech interfaces becoming more of a thing, it’s worth exploring some of the things we can do with speech interactions. Like, what if we could say something and have that transcribed and pumped out as a downloadable PDF? Well, … Converting Speech to PDF with NextJS and ExpressJS...

Implicit Grids, Repeatable Layout Patterns, and Danglers

2.8.2022
Dave Rupert with some modern CSS magic that tackles one of those classic conundrums: what happens when the CSS for component is unable to handle the content we throw at it? The specific situation is when a layout grid expects … Implicit Grids, Repeatable Layout Patterns, and Danglers...

Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers

1.8.2022
When working with CSS Grid, the first thing to do is to set display: grid on the element that we want to be become a grid container. Then we explicitly define the grid using a combination of grid-template-columns, grid-template-rows… Exploring CSS Grid’s Implicit Grid and Auto-Placement...

Scroll Shadows? Pure CSS Parallax? Game Back On.

29.7.2022
Chris calls scroll shadows one his favorite CSS-Tricks of all time. Lea Verou popularized the pure CSS approach using four layered background gradients with some clever background-attachment magic. The result is a slick scrolling interaction that gives users a hint … Scroll Shadows? Pure...

Recreating MDN’s Truncated Text Effect

28.7.2022
It’s no secret that MDN rolled out a new design back in March. It’s gorgeous! And there are some sweet CSS-y gems in it that are fun to look at. One of those gems is how card components handle truncated … Recreating MDN’s Truncated Text Effect originally published...

Why I Chose Angular to Build a URL Shortener

22.7.2022
URL Shorteners are tools we use to make links shorter than they actually are. With a URL Shortener, you can transform a long link (maybe for a registration form or article) into a shorter version. Behind the scenes, the long … Why I Chose Angular to Build a URL Shortener originally published...

Roundup of Recent Document Outline Chatter

21.7.2022
It’s not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard. First off, you should know … Roundup of Recent Document Outline Chatter...

Register Here for a Weekly Update on African News

21.7.2022
The African continent may not be the biggest crypto/blockchain market yet but the growing adoption of the technology illustrates that this will likely be a key market in the future. For instance, instead of being seen or used as a tool for speculative trading, crypto is proving to be a more...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace