Search
Weekly Platform News: Focus Rings, Donut Scope, Ditching em Units, and Global Privacy Control
4.3.2021
In this week’s news, Chrome tackles focus rings, we learn how to get “donut” scope, Global Privacy Control gets big-name adoption, it’s time to ditch pixels in media queries, and a snippet that prevents annoying form validation styling.
Chrome will…
The post Weekly...
Exploring @property and its Animating Powers
4.3.2021
Uh, what’s @property? It’s a new CSS feature! It gives you superpowers. No joke, there is stuff that @property can do that unlocks things in CSS we’ve never been able to do before.
While everything about @property is exciting, …
The post Exploring @property and its Animating Powers appeared...
How to Develop and Test a Mobile-First Design in 2021
4.3.2021
The internet has connected 4.66 billion people with each other as of October 2020. A total of 59% of the world’s total population. Amazingly, this is not even the surprising part. The stat to look out for is mobile users …
The post How to Develop and Test a Mobile-First Design in 2021...
Famed NFT Artist Bosslogic to Create 2500 Exclusive Pieces for Ethernity Community
4.3.2021
Top-selling non-fungible token (NFT) artist Bosslogic has partnered with art collective Ethernity to deliver a 2500 piece collection of unique art. The Ethernity Chain community members can take part in an NFT auction via an online competition. Bosslogic Collaboration Decision Dovetails Surging...
All you can eat: SushiSwap deploys contracts on five new networks
4.3.2021
Top decentralized exchanges are exploring alternatives to Ethereum amid high gas prices, with SushiSwap porting its platform onto five additional networks
‘I can’t believe you morons actually buy this shit’: Banksy art burned and tokenized
4.3.2021
The satirical piece by Banksy pokes fun at the shallow, bloated art industry... So, what would he think about NFTs?
A Bare-Bones Approach to Versatile and Reusable Skeleton Loaders
3.3.2021
UI components like spinners and skeleton loaders make waiting for a page load less frustrating and might even affect how loading times are perceived when used correctly. They won’t completely prevent users from abandoning the website, but they might encourage …
The post A Bare-Bones Approach...
5TH Cell's Latest Is A Bite-Sized Deck-Building Game You Can Play Right Now
3.3.2021
Launching today on Steam from Scribblenauts and Lock’s Quest creators 5TH Cell, Castlehold is a free-to-play deck-building strategy game that manages to cram a ton of strategy fun into battles that last under 10 minutes. Read more
React Without Build Tools
3.3.2021
Jim Nielsen:
I think you’ll find it quite refreshing to use React A) with a JSX-like syntax, and B) without any kind of build tooling.
Refreshing indeed:
CodePen Embed Fallback
It’s not really the React that’s the hard part …
The post React Without Build Tools appeared first...
How to Animate the Details Element
2.3.2021
Here’s a nice simple demo from Moritz Gießmann on animating the triangle of a <details> element, which is the affordance that tells people this thing can be opened. Animating it, then is another kind of affordance that tells people …
The post How to Animate the Details Element...
You can now buy a used Hyundai with Bitcoin, not just a Lambo
2.3.2021
Practical use cases for cryptocurrency payments are popping up all the time. Now, crypto holders in North America will be able to purchase their next vehicle with BTC
The Best Font Loading Strategies and How to Execute Them
2.3.2021
Zach Leatherman wrote up a comprehensive list of font loading strategies that have been widely shared in the web development field. I took a look at this list before, but got so scared (and confused), that I decided not to …
The post The Best Font Loading Strategies and How to Execute Them...
How do you fund that game prototype?
1.3.2021
The first step can be the hardest
How do you fund that game prototype?
1.3.2021
The first step can be the hardest
The “Gray Dead Zone” of Gradients
1.3.2021
Erik D. Kennedy notes an interesting phenomenon of color gradients. If you have a gradient between two colors where the line between them in the color space goes through the zero-saturation middle, you get this “gray dead zone” in …
The post The “Gray Dead Zone”...
How to Map Mouse Position in CSS
1.3.2021
Let’s look at how to get the user’s mouse position and map it into CSS custom properties: --positionX and --positionY.
We could do this in JavaScript. If we did, we could do things like make make an element …
The post How to Map Mouse Position in CSS appeared first on CSS-Tricks.
You...
Rakuten's customers can now use Bitcoin for shopping
1.3.2021
Japanese retail giant Rakuten has integrated its crypto wallet with its payment app, enabling consumers to directly load and convert their Bitcoin holdings for use in everyday spending
Online Retail Giant Rakuten Allows People to Load Payment App With Cryptocurrencies
1.3.2021
The firm Rakuten Inc., often referred to as “the Amazon of Japan,” announced customers can now load up Rakuten Pay accounts with cryptocurrencies like bitcoin, ethereum, and bitcoin cash. In order to commemorate the latest crypto service, Rakuten is also offering bonus points to people...
CSS Border Font
28.2.2021
Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic syntax like border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0; which …
The post CSS Border Font appeared first...
Next.js on Netlify
28.2.2021
(This is a sponsored post.)
If you want to put Next.js on Netlify, here’s a 5 minute tutorial¹. One of the many strengths of Next.js is that it can do server-side rendering (SSR) with a Node …
The post Next.js on Netlify appeared first on CSS-Tricks.
You can support CSS-Tricks by being...