Search
SVG within CSS
8.2.2021
Stefan Judis has a “Today I Learned” (TIL) post explaining how SVGs filters can be inlined in CSS. The idea is that CSS has the filter property which supports some built-in functions, like grayscale(100%) and stuff like that.
But …
The post SVG within CSS appeared first...
Animating a CSS Gradient Border
8.2.2021
This little trick for gradient borders is super useful:
.border-gradient {
border: 5px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}
Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...
Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support
5.2.2021
Hey, we’re back with weekly updates about the browser landscape from Šime Vidas.
In this week’s update, the CSS :not pseudo class can accept complex selectors, how to disable smooth scrolling when using “Find on page…” in Chrome, Safari’s …
The post Weekly...
Some Typography Blog Posts I’ve Bookmarked and Read Lately
4.2.2021
Font-size: An Unexpectedly Complex CSS Property — From Manish Goregaokar in 2017. Of many oddities, I found the one where font: medium monospace renders at 13px where font: medium sans-serif renders at 16px particularly weird.
The good line-height — Since
…
The post Some Typography Blog...
Crypto Is the Libertarian Cheat Code in the Final Battle Over State Coercion
4.2.2021
A normie Mario fights Bowser to save Princess Peach; a libertarian Mario builds her an escape hatch
Lazy Load Routes in Vue with webpack Dynamic Comments
4.2.2021
The way routing works in JavaScript is usually that you specify which relative URL pattern you want for which component to render. So for /about you want the <About /> component to render. Let’s take a look at how to …
The post Lazy Load Routes in Vue with webpack Dynamic Comments...
Mass Effect DLC Missing From Remaster Due To Corrupted Source Code
3.2.2021
On May 14, Mass Effect: Legendary Edition will bring 4K versions of the original Mass Effect trilogy plus most of its downloadable content to PS4, Xbox One, and PC. However, one single-player expansion is notably absent: the first game’s Pinnacle Station. According to an interview with Game...
Litecoin MimbleWimble Code Might Be Ready 'Early 2021'
2.2.2021
Litecoin (LTC) MimbleWimble (MW) initial code may be finished by the end of March, with the activation to follow necessary audits and reviews, according to David Burkett, the developer of Grin++, a Grin wallet with a built-in full node.
"I'm wrapping up the code, but we also have auditors...
Dynamically Switching From One HTML Element to Another in Vue
2.2.2021
A friend once contacted me asking if I had a way to dynamically change one HTML element into another within Vue’s template block. For instance, shifting a <div> element to a <span> element based on some criteria. The trick was …
The post Dynamically Switching From One HTML...
Malaysia Pair Face Caning for Alleged $37K Bitcoin Fraud
2.2.2021
If convicted, the two men face a maximum of 10 years in prison, caning and additional fines
No-Jank CSS Stripes
1.2.2021
My mind goes immediately to repeating-linear-gradient and hard-stop gradients when thinking of creating stripes in CSS. You make one stripe by using the same color between two color stops, and another stripe (or more) but using a different color …
The post No-Jank CSS Stripes appeared first...
How to Code the Travelling Particles Animation from “Volt for Drive”
1.2.2021
A coding session where you'll learn how to implement Volt for Drive's travelling particles animation with Three.js.
The post How to Code the Travelling Particles Animation from “Volt for Drive” appeared first on Codrops
Vybavujete si z hlavy ještě nějaký cheat code?
23.1.2021
Tak schválně, vzpomenete si, bez použití googlu, na nějaké cheaty do her? Jak na tom jste, nám napište do diskuze pod článkem
You want minmax(10px, 1fr) not 1fr
22.1.2021
There are a lot of grids on the web like this:
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
My message is that what they really should be is:
.grid {
display: grid;
grid-template-columns: repeat(3, minmax(10px, 1fr));
}
Why? In …
The post You want minmax(10px, 1fr)...
How to Play and Pause CSS Animations with CSS Custom Properties
21.1.2021
Let’s have a look CSS @keyframes animations, and specifically about how you can pause and otherwise control them. There is a CSS property specifically for it, that can be controlled with JavaScript, but there is plenty of nuance to get …
The post How to Play and Pause CSS Animations with...
Clothing the Naked Emperor – the Blockchain Potential Unleashed With Prasaga
21.1.2021
Prasaga is a Foundation-based organization and the creator the DataGrid Blockchain, a new native chain and coin project, embracing developers, miners, and token holders. DGB will be language agnostic, allowing developers to have full code reuse on a global scale, which will greatly reduce...
New in Chrome 88: aspect-ratio
20.1.2021
And it was released yesterday! The big news for us in CSS Land is that the new release supports the aspect-ratio property. This comes right on the heels of Safari announcing support for it in Safari Technology Preview 118, …
The post New in Chrome 88: aspect-ratio appeared first...
Life with ESM
19.1.2021
ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends.
Browsers support it these days. There is plenty of nuance, but as long as you’ve dropped IE, the door is fairly open.
Before ESM, the situation for JavaScript …
The post Life with ESM appeared first...
Drawing 2D Metaballs with WebGL2
19.1.2021
An in-depth tutorial on how to code 2D visuals using WebGL2.
The post Drawing 2D Metaballs with WebGL2 appeared first on Codrops
Noise.cash: Social Microblogging App Fueled by Bitcoin Cash Tips Gathers Traction
18.1.2021
For quite some time now, bitcoin cash users have been leveraging the web portal read.cash in order to write blog posts, connect with like-minded individuals, and earn bitcoin cash for providing popular content. Now the creators of read.cash have introduced another application called noise.cash...