Vendor locked
Brent reflects on how using Tailwind CSS has led to a loss of proficiency in writing standard CSS.
Read more [stitcher.io]
Posts tagged with css
Preventing scrollbar layout shifts
– ryangjchandler.co.uk - submitted by Ryan Chandler
Have you ever been on a website and navigated between pages, only to notice that the layout shifts slightly because the scrollbar suddenly appears on longer pages?
Read more [ryangjchandler.co.uk]
Join thousands of developers
Every two weeks, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages.
No spam. Unsubscribe anytime. You can also follow me on X.
Seeing Red, or Maybe Green? How Tailwind Helps Colourblind Designers
– liamhammett.com - submitted by Liam Hammett
It may only be a side effect of its colour palette and class naming conventions, but as a colourblind developer, Tailwind has made it SO EASY to design with sensible colours - a superpower I've been missing my whole life
Read more [liamhammett.com]
Plain Vanilla Websites
This is an overview of the major techniques used to make web sites and web applications without making use of build tools or frameworks, with just an editor, a browser, and web standards.
Read more [plainvanillaweb.com]
How we created those fancy animations on the Flare homepage
Some fancy tricks are being used to achieve this.
Read more [flareapp.io]
How to display a subscription confirmation message with CSS
Here's a cool think you can do using the :target selector
Read more [mailcoach.app]
Watch the keynote of Tailwind Connect 2023
The keynote of Tailwind Connect 2023 took place on June 20th, 2023, featuring presentations from Adam Wathan, Sam Selikoff, and Steve Schoger.
How we use CSS custom properties to customize your newsletter archive
Here's an interesting technique that we use in Mailcoach.
Read more [mailcoach.app]
Improve load time performance by lazily loading background images
– www.conroyp.com - submitted by Paul Conroy
Background images are key to a lot of compelling site designs, but can cause performance issues as they can't take advantage of native lazy loading. How can we get the benefit of using background images, but in a performant way?
Read more [www.conroyp.com]
Using the shadow DOM as a better iframe
Here's how we use the Shadow DOM to ensure layout from page doesn't affect the layout of a component.
Read more [mailcoach.app]
Holograms, light-leaks and how to build CSS-only shaders.
Pretty cool what you can do with CSS nowadays
Read more [robbowen.digital]
What's new in Tailwind 3.1
Adam shows the cool new stuff!
Creating your own color system with Tailwind
In this post, Oh Dear's front end developer Nick goes into more detail on why and how he implemented a tailwind-like color system that will be used in the upcoming redesign.
Read more [ohdear.app]
Bringing page transitions to the web
Here's a cool feature the Chrome team is working on. It's already available in Canary.
CSS as the backend: introducing Cascading Server Sheets!
– dev.to
Obviously you shouldn't to this, but it's kinda cool that it works.
Read more [dev.to]
What's new in Tailwind CSS v3.0
Another impressive, feature rich release by the Tailwind team. Here's a rundown of all the new features.
The all-new Just-in-Time CDN for Tailwind
Simon give you a tour of the all-new Just-in-Time CDN build we're working on for Tailwind CSS v3.0, which lets you prototype with every variant, arbitrary values, and more - directly in the browser.
I changed my mind about Tailwind CSS
When did you last changed your opinion on something technical?
Read more [www.thomasdhondt.be]
Glowing Background Gradient Effects with Tailwind CSS
Yet another nice video by Simon on cool things you can do with Tailwind.
Building a Fancy Tile Grid with Tailwind CSS
Another amazing video by Simon!