Search
ooooops I guess we’re* full-stack developers now
27.9.2020
This is a written version of my talk from Jamstack Conf London 2019.
The post ooooops I guess we’re* full-stack developers now appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter
Linearly Scale font-size with CSS clamp() Based on the Viewport
25.9.2020
Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc().
Here, we’re going to explore a different way to linearly scale text between a set of minimum and maximum sizes as the viewport’s width increases, with the intent of making its behavior...
China's Ant Group launches cross-border trade platform to support SMEs
25.9.2020
Trusple platform promises to apply blockchain, AI and IoT technology to streamline cross-border trading processes for SMEs
China’s BSN International integrates support for Tezos network
25.9.2020
Global developers can now start building projects on top of Tezos through China’s BSN
Web Technologies and Syntax
24.9.2020
JavaScript has a (newish) feature called optional chaining. Say I have code like:
const name = Data.person.name;
If person happens to not exist on Data, I’m going to get a hard, show-stopping error. With optional chaining, I can write:
const name = Data.person?.name;
Now if person...
A Gentle Introduction to Using a Docker Container as a Dev Environment
24.9.2020
Sarcasm disclaimer: This article is mostly sarcasm. I do not think that I actually speak for Dylan Thomas and I would never encourage you to foist a light theme on people who don’t want it. No matter how wrong they may be.
When Dylan Thomas penned the words, “Do not go gentle into that good...
The Empty Box
24.9.2020
application building, creativity, starting
The post The Empty Box appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter
Using Markdown and Localization in the WordPress Block Editor
23.9.2020
If we need to show documentation to the user directly in the WordPress editor, what is the best way to do it?
Since the block editor is based on React, we may be tempted to use React components and HTML code for the documentation. That is the approach I followed in my previous article, which...
Binance USD Trades at $1.00 with Strong Support at $0.99
23.9.2020
Binance USD—a stable coin issued by a massive ecosystem of Binance in collaboration with Paxos, which is centrally approved and modulated by the New York State Department of Financial Services. BUSD is a 1:1 USD-backed token of the global market and will, therefore, carry a price movement around...
Jamstack Conf
22.9.2020
Here’s an important detail here: It’s free!
Jamstack Conf Virtual is coming up October 6th and 7th, 2020. The sessions are on October 6th. That’s the free part (register here). Then on October 7th there are a variety of workshops (they all look great to me) that are $100 USD each....
Accessible Web Animation: The WCAG on Animation Explained
22.9.2020
It’s true, web animation can be accessible! Sometimes it just takes a little extra effort to make sure that it is. There are strategic things we can do to make sure our animations have a positive impact on accessibility, like planning how they contribute to the overall UX and ease of use of...
ztext.js
22.9.2020
Super cool project from Bennett Feely! It makes any web type into 3D lettering with a mouseover effect that moves the 3D objects in space. It’s reminiscent of Zdog, but for type. It works its magic by stacking a bunch of copies of the glyphs on top of each other that are offset by some...
Thinking About Power Usage and Websites
22.9.2020
Gerry McGovern asked if I had any insight into energy consumption and websites. He has a book, after all, about the digital costs on the planet. He was wondering about the specifics of web tech, like…
If you do this in HTML it will consume 3× energy but if you do it in JavaScript it will...
Nova
21.9.2020
Nova is a new (vehemently macOS-only) code editor from Panic, the folks behind Coda. It’s like “Coda 3” except this was such a major re-write that they gave it a whole new name.
I played with some of the betas as they were building it. I got a little discount as it went live, so...
Pre-Caching Image with React Suspense
21.9.2020
Suspense is an exciting, upcoming feature of React that will enable developers to easily allow their components to delay rendering until they’re “ready,” leading to a much smoother user experience. “Ready,” in this context, can mean a number of things. For example, your data loading...
Vue 3
19.9.2020
It’s out! Congrats to the Vue team for getting it done, I know it was a massive effort and a long time coming. All new docs, as well.
I like it’s still a priority that Vue can be used with just a <script tag with no build process at all. But it’s ready for build processes...
Ethereum enterprise adoption wins Accenture’s support with Baseline Protocol
18.9.2020
Ethereum enterprise adoption is being driven by support from major players such as Accenture and EY
Enforcing performance budgets with webpack
18.9.2020
As you probably know, a single monolithic JavaScript bundle — once a best practice — is no longer the way to go for modern web applications. Research has shown that larger bundles increase memory usage and CPU costs, especially on mid-range and low-end mobile devices.
webpack has a lot of features...
Bitcoin whale clusters show $9.8K support is now weaker despite rally
18.9.2020
Bitcoin whale clusters at $9,800 have grown in size in the past few days, indicating some whales may be preparing to sell
Optimizing CSS for faster page loads
18.9.2020
A straightforward post with some perf data from Tomas Pustelnik. It’s a good reminder that CSS is a crucial part of thinking web performance, and for a huge reason:
Any time [the browser] encounters any external resource (CSS, JS, images, etc.) it will assign it a download priority...