Search
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...
Weekly Platform News: Reduced Motion, CORS, WhiteHouse.gov, popups, and 100vw
26.2.2021
In this week’s roundup, we highlight a proposal for a new <popup> element, check the use of prefers-reduced-motion on award-winning sites, learn how to opt into cross-origin isolation, see how WhiteHouse.gov approaches accessibility, and warn the dangers of 100vh.…
The post...
The Things I Add to Tailwind CSS Right Out of the Box
26.2.2021
In every project where I use Tailwind CSS, I end up adding something to it. Some of these things I add in every single project. I’ll share these with you, but I’m also curious what y’all are adding to …
The post The Things I Add to Tailwind CSS Right Out of the Box appeared first...
Bitcoin Sets New Weekly Low, Ethereum and Altcoins Hold Key Support
26.2.2021
Bitcoin price gained bearish momentum below the USD 48,000 support. BTC even broke the USD 45,000 support, but it remained stable above the USD 44,000 level. It is currently (12:30 UTC) recovering and it might revisit the USD 48,000 resistance zone.
Besides, most major altcoins tested key support....
Simplex and Skrill Broaden Cryptocurrency Convenience by Launching New Onramp Solutions
26.2.2021
As enthusiasm for cryptocurrency mounts amid strong demand from retail and institutional investors, financial service providers Simplex and Skrill are building more inroads into the ecosystem, focusing on improving transactability and convenience. The digital payment services continue to expand...
An Interactive Guide to CSS Transitions
26.2.2021
A wonderful post by Josh that both introduces CSS transitions and covers the nuances for using them effectively. I like the advice about transitioning the position of an element, leaving the original space it occupied alone so it doesn’t result …
The post An Interactive Guide to...
Ensuring the correct vertical position of large text
26.2.2021
Tobi Reif notes how the position of custom fonts set at very large font sizes can be super different, even in the same browser across operating systems. The solution? Well, you know how there are certain CSS properties that only …
The post Ensuring the correct vertical position of large text...
How We Improved the Accessibility of Our Single Page App Menu
25.2.2021
I recently started working on a Progressive Web App (PWA) for a client with my team. We’re using React with client-side routing via React Router, and one of the first elements that we made was the main menu. Menus …
The post How We Improved the Accessibility of Our Single Page App Menu...
Boost app engagement with chat, voice, and video APIs
25.2.2021
Sendbird is a service for helping you add social features to your app. Wanna add in-app chat? Sendbird does that. Wanna add in-app voice or video calls? Sendbird does that.
Here’s how I always think about stuff like this. Whatever …
The post Boost app engagement with chat, voice,...
Teaching Web Dev for Free is Good Business
24.2.2021
It feels like a trend (and a smart one) for tech platforms to invest in really high-quality learning material for their platform. Let’s have a gander.
Webflow University
Surely Webflow is thinking: if people invest in learning Webflow, they’ll be …
The post Teaching Web Dev...
A DRY Approach to Color Themes in CSS
24.2.2021
The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations. I had run into this issue in the past but hadn’t come up with a …
The post A DRY Approach to Color Themes in CSS appeared first...
SmolCSS
24.2.2021
A wonderful collection of little layout-related CSS snippets from Stephanie Eckles that serves both as a quick reference and a reminder of how straightforward and powerful CSS has become.
Random things to note!
The resizeable containers aren’t some JavaScript library.
…
The post...
More PC Games Get Magical DLSS Support
24.2.2021
Two more PC games have gotten DLSS support—a form of modern sorcery—from Nvidia, meaning anyone with a card that supports the tech will now be getting much better performance.Read more
Hiding Content Responsibly
24.2.2021
We’ve covered the idea of hiding things in CSS many times here, the most recent post being Marko Ilic’s “Comparing Various Ways to Hide Things in CSS” which did a nice job of comparing different techniques which you’d use in different …
The post Hiding...
React Component Tests for Humans
23.2.2021
React component tests should be interesting, straightforward, and easy for a human to build and maintain.
Yet, the current state of the testing library ecosystem is not sufficient to motivate developers to write consistent JavaScript tests for React components. Testing …
The post React...
What’s the Backup Plan for Your WordPress Site?
23.2.2021
Of all the reasons we love and use Jetpack for CSS-Tricks—a poster child WordPress site—is that we can sleep easy at night knowing we have real-time backups running with Jetpack Backup. That way, no matter what, everything …
The post What’s the Backup Plan for Your WordPress Site?...
Flow NFTs Are Coming to OpenSea
23.2.2021
PRESS RELEASE. February 23, 2021 – OpenSea, the largest marketplace for blockchain-enabled non-fungible tokens (NFTs), is in the process of building support for Flow, a blockchain built for mainstream consumer scale originally created by Dapper Labs, the company behind CryptoKitties and...
Getting Deep into Shadows
22.2.2021
Let’s talk shadows in web design. Shadows add texture, perspective, and emphasize the dimensions of objects. In web design, using light and shadow can add physical realism and can be used to make rich, tactile interfaces.
Take the landing page …
The post Getting Deep into Shadows appeared...
To the brain, reading computer code is not the same as reading language
22.2.2021
One of the things I do when teaching beginning front-end development is ask students to describe what it’s like to read HTML. I give them pretty basic markup for a long-form article, and ask them to read it twice: first …
The post To the brain, reading computer code is not the same...
Bitcoin, Ethereum and Altcoins Extend Decline, Key Support Nearby
22.2.2021
Bitcoin price started a downside correction from the USD 58,360 high. BTC broke the USD 57,000 and USD 56,200 support levels to move into a short-term support zone. It even broke the USD 54,000 support and it is currently (13:00 UTC) down over 5%.
Similarly, there were additional losses in most...