In Praise of the Unambiguous Click Menu
18.3.2021
I still remember my excitement when I learned how to build a hover-triggered submenu with just CSS. (It was probably after reading this 2003 article from A List Apart.) At the time, it was a true CSS trick. Seriously. …
The post In Praise of the Unambiguous Click Menu appeared first...
Did You Know About the :has CSS Selector?
17.3.2021
File this under stuff you don’t need to know just yet, but I think the :has CSS selector is going to have a big impact on how we write CSS in the future. In fact, if it ever ships in …
The post Did You Know About the :has CSS Selector? appeared first on CSS-Tricks.
You can support...
Handling User Permissions in JavaScript
17.3.2021
So, you have been working on this new and fancy web application. Be it a recipe app, a document manager, or even your private cloud, you‘ve now reached the point of working with users and permissions. Take the document manager …
The post Handling User Permissions in JavaScript appeared first...
Tropical Particles Rain Animation with Three.js
17.3.2021
A WebGL particle rain animation resulting in an interesting image effect made with Three.js.
The post Tropical Particles Rain Animation with Three.js appeared first on Codrops
Long Hover
16.3.2021
I had a very embarrassing CSS moment the other day.
I was working on the front-end code of a design that had a narrow sidebar of icons. There isn’t enough room there to show text of what the icons are, …
The post Long Hover appeared first on CSS-Tricks.
You can support CSS-Tricks...
Better Line Breaks for Long URLs
16.3.2021
CSS-Tricks has covered how to break text that overflows its container before, but not much as much as you might think. Back in 2012, Chris penned “Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc)” and it is still …
The post Better Line Breaks for Long URLs appeared...
7 Creative Ways to Use Geometry in Web Design
16.3.2021
Geometric figures, lines, and spaces can all be used to improve the usability of a website. Here are 7 ways you can creatively put geometry to use in web design.
The post 7 Creative Ways to Use Geometry in Web Design appeared first on Codrops
The Gang Goes on JS Danger
15.3.2021
The JS Party podcast sometimes hosts game shows. One of them is Jeopardy-esque, called JS Danger, and some of us here from CSS-Tricks got to be the guests this past week! The YouTube video of it kicks off at about …
The post The Gang Goes on JS Danger appeared first on CSS-Tricks.
You...
Creating Patterns With SVG Filters
15.3.2021
For years, my pain has been not being able to create a somewhat natural-looking pattern in CSS. I mean, sometimes all I need is a wood texture. The only production-friendly solution I knew of was to use an external image, …
The post Creating Patterns With SVG Filters appeared first...
Awesome Git Aliases
15.3.2021
Git is an amazingly powerful tool. It can keep track of all the code you write, let you organize your work into different branches, help you seamlessly work with other developers, and even let you time travel and make changes. But wouldn’t it be awesome if Git could do more? What if you could...
6 Best WordPress Landing Page Plugins Compared (2021)
15.3.2021
Are you struggling to grow your email list and generate more leads? Are you having trouble signing up people for your webinars? Landing pages are the solution to all...
The post 6 Best WordPress Landing Page Plugins Compared (2021) appeared first on Onextrapixel
How to Use Tailwind on a Svelte Site
12.3.2021
Let’s spin up a basic Svelte site and integrate Tailwind into it for styling. One advantage of working with Tailwind is that there isn’t any context switching going back and forth between HTML and CSS, since you’re applying styles as …
The post How to Use Tailwind on a Svelte Site appeared...