Search
CSS Grid and Custom Shapes, Part 2
22.8.2022
Alright, so the last time we checked in, we were using CSS Grid and combining them with CSS clip-path and mask techniques to create grids with fancy shapes.
Here’s just one of the fantastic grids we made together:
CodePen…
CSS Grid and Custom Shapes, Part 2 originally published...
CSS Grid and Custom Shapes, Part 1
15.8.2022
In a previous article, I looked at CSS Grid’s ability to create complex layouts using its auto-placement powers. I took that one step further in another article that added a zooming hover effect to images in a grid layout…
CSS Grid and Custom Shapes, Part 1 originally published...
Tiffany & Co turning CryptoPunk NFTs into $50K custom pendants
1.8.2022
The customized pendants are set to cost 30 ETH a pop and will go on sale on August 5
WDRL — Edition 301: CSS on fire, custom maps, text experience and testing
22.7.2022
Hey,
This week is full of awesome CSS stuff that people have dreamt of only some years ago. And we have other articles that I’ve been long waiting for: Great custom maps, a modern end-to-end testing framework and a fast Electron alternative. But first of all, the topic of the week:
People always...
Drake Gets $8000 Gaming PC Just To Gamble In A Browser
14.7.2022
While you’d all be aware that celebrities, despite their wealth, are given expensive shit for free all the time, today we’re going to take a look at one gift in particular. Partly because it’s a gaming PC, but also because we kinda have the receipt for it as well.Read more
Initial D x Nike Dunks Are Just Lovely
8.7.2022
While the Dunk craze is surely reaching its saturation point—I was in Sydney earlier this week and it felt like 40% of kids were rocking Pandas—there’s always room for innovation and amazing design work on the decades-old shoe. It just doesn’t always have to come from Nike themselves.Read more
Polygon Deploys Custom Blockchain Scaling Solution 'Avail'
29.6.2022
The scaling solution allows developers to launch application-specific blockchains on the Polygon network
Collective #717
23.6.2022
The cost of convenience * Building forms with custom elements * State of GraphQL
The post Collective #717 appeared first on Codrops
Beautify GitHub Profile
26.5.2022
It wasn’t long ago that Nick Sypteras showed us how to make custom badges for a GitHub repo. Well, Reza Shakeri put Beautify GitHub Profile together and it’s a huuuuuuge repo of different badges that pulls lots of examples …
Beautify GitHub Profile originally published...
Latest Sims 4 Update Adds Custom Pronouns For All
26.5.2022
A new Sims 4 update released yesterday added new pronoun options to the latest entry in EA’s long-running life simulator. With this update, players will be able to set their Sims’ pronouns, including completely custom ones, without the use of mods across all platforms that The Sims 4 is available...
Dude Recreates His Living Room In Half-Life, Blasts It To Hell
23.5.2022
3D artist Graham Rust has a Valve Index VR headset and some skills with modelling, so decided for fun that he’d take Half-Life: Alyx and bring some of its action inside his own house.Read more
Bitcoin Miner Argo Blockchain 'Leans Toward' Designing Custom Miners With Intel Chips
11.5.2022
Custom bitcoin mining rigs will allow miners to design their own machines, instead of having to settle for ready-made ones from a duopoly of manufacturers
WDRL — Edition 299: Parent selectors, JS concepts, Custom Elements, debugging page reloads and too smart SPAs
7.5.2022
Hey,
this week’s links are quite interesting: A couple of web standard (proposals) that would make CSS easier again like CSS Toggles, easy progressive enhancement for form data using the web platform. But also things like a huge list of JavaScript concepts to enhance your knowledge, or simple...
Adding Custom GitHub Badges to Your Repo
3.5.2022
If you’ve spent time looking at open-source repos on GitHub, you’ve probably noticed that most of them use badges in their README files. Take the official React repository, for instance. There are GitHub badges all over the README file that communicate important...
Microbt Reveals Latest Bitcoin Mining Rigs — Machines Produce up to 126 TH/s With Custom 5nm Chip Design
19.4.2022
Following Bitmain’s product introduction of two new application-specific integrated circuit (ASIC) bitcoin mining rigs, the mining devices manufacturer Microbt has announced the launch of two new miners as well. Revealed during the Bitcoin 22 conference in Miami, Microbt showcased...
WDRL — Edition 298: Email tech stacks, less CSS duplicates, simple color systems, a custom highlight API, UUID6 and more.
7.4.2022
Hey,
if you read this email, it’ll be technically different from the previous. When I recently updated my newsletter service server software nearly everything broke into pieces. I was using mailtrain v1 for a long time now but it’s deprecated and using old node versions. Upgrading to v2 wasn’t...
Custom NFT Marketplace Creaticles ($CRE8) Announces Fantom Integration as Part of Multi-Chain Expansion
6.4.2022
PRESS RELEASE. Boston, 6 April 2022 – Creaticles ($CRE8), the world’s first NFT Requests Marketplace matching NFT buyers to its roster of verified global artists, has today announced a collaboration with Fantom Foundation. The integration on Fantom, one of the fastest growing layer-1...
Building an Interactive Sparkline Graph with D3
29.3.2022
Learn how to build an interactive line graph using the D3 JavaScript library and CSS custom properties to create different color schemes.
The post Building an Interactive Sparkline Graph with D3 appeared first on Codrops
CSS Custom Highlight API: The Future of Highlighting Text Ranges on the Web
1.3.2022
Styling ranges of text in software is a very useful thing to be able to do. Thankfully, we have the CSS Custom Highlight API to look forward to because it represents the future of styling text ranges on the web.…
CSS Custom Highlight API: The Future of Highlighting Text Ranges on the...
Multi-Value CSS Properties With Optional Custom Property Values
11.2.2022
Imagine you have an element with a multi-value CSS property, such as transform: optional custom property values:
.el {
transform: translate(100px) scale(1.5) skew(5deg);
}
Now imagine you don’t always want all the transform values to be applied, so some …
Multi-Value CSS Properties With...