Search

Nalezeno "published": 1764

Scroll Shadows? Pure CSS Parallax? Game Back On.


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


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

UK National Crime Agency Seizes $33 Million in Cryptocurrency


The British National Crime Agency (NCA) has revealed that it has seized £26.894 million ($32.75 million) in cryptocurrency. “Criminals increasingly exploited financial technology and crypto assets” that could harm “the U.K.’s economy and institutions,” said...

Why I Chose Angular to Build a URL Shortener


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


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

Logical Properties for Useful Shorthands


Michelle Barker with my favorite sorta blog post: short, practical, and leaves you with a valuable nugget for your time. Here, she gets into logical property shorthands in CSS, particularly those that set lengths just on a single axis, … Logical Properties for Useful Shorthands originally...

How stroke-dasharray Patterns Work


Say you have a line in SVG: <svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg You can use the stroke-dasharray property in CSS to make dashes: line { stroke-dasharray: 5; } That 5 value is a relative unit based … How stroke-dasharray Patterns...

Office Spaces


I think it’s super timely that Jim Nielson wrote about his office space the other day. My family recently re-rooted in Colorado and I was up late last night setting up my desk and everything around it. So late, in … Office Spaces originally published on CSS-Tricks. You should get...

React Hooks: The Deep Cuts


Hooks are reusable functions. They allow you to use state and other features (e.g. lifecycle methods and so on) without writing a class. Hook functions let us “hook into” the React state lifecycle using functional components, allowing us to manipulate … React Hooks: The Deep Cuts originally...

In Praise of Shadows


Our dear friend Robin has a new essay called In Praise of Shadows. Now, before you hop over there looking for nuggets on CSS box shadows, text shadows, and shadow filters… this is not that. It’s an essay … In Praise of Shadows originally published on CSS-Tricks. You should...

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