Practical CSS: simplifying UI code with pseudo-classes
Originally appeared on Radan Skorić's website.pseudo, adjective: being apparently rather than actually as stated CSS pseudo-classes are like regular classes in that they can be use...
Search fresh public links, source activity, and post angles for Css Functions.
Fresh curated links around CSS functions are collected here so marketers can spot useful updates and turn timely ideas into posts faster.
Recent items include:
Recent curated links from global sources. Generate one free draft from any story, then use SocialBu to schedule and refine your content calendar.
Originally appeared on Radan Skorić's website.pseudo, adjective: being apparently rather than actually as stated CSS pseudo-classes are like regular classes in that they can be use...
Originally appeared on Radan Skorić's website.pseudo, adjective: being apparently rather than actually as stated CSS pseudo-classes are like regular classes in that they can be use...
Some parts of the browser feel untouchable, like they came built-in from the browser itself. Can CSS help us with that?CSS you didn’t know you could styleMost developers think of C...
There are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performance cost compared to traditional CSS transitions and keyframe a...
Creating rectangles, circles, and rounded rectangles is the basic of CSS. Creating more complex CSS shapes such as triangles, hexagons, stars, hearts, etc. is more challenging but...
Originally appeared on Rails Designer Blog.If you’ve ever noticed that your CSS transitions feel a bit… flat, you’re not alone (I seem them a lot! 😭). The default ease timing func...
Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an...
Cascade layers, specificity tricks, smarter ordering, and even some clever selector hacks can often replace !important with something cleaner, more predictable, and far less embarr...
When a small UI interaction gets tricky, it’s easy for Stimulus/JS to end up full of class toggling that’s really just presentation logic. This article is for that exact situation:...
Struggling with CSS selector specificity in production? Learn when to use :has(), :is(), and :where() to keep styles predictable and maintainable.
A clever use of CSS to calculate and display a discounted product price by providing a base price and discount amount, featuring modern CSS features like attr(), mod(), and round()...
Comments
The contrast() filter function increases or decreases the contrast of an element. contrast() originally handwritten and published with love on CSS-Tricks. You should really get th...
This issue of What’s !important brings you clip-path jigsaws, a view transitions toolkit, name-only containers, the usual roundup of new, notable web platform features, and more....
За последние годы CSS сильно изменился: появились вложенность, новые селекторы, container queries и нормальная работа с темами. В этой статье - краткий разбор ключевых фич, которые...
Go beyond balance. Learn how text-wrap: pretty improves readability, reduces awkward breaks, and makes your UI feel more polished.
If 3D voxel scenes (that you can style), flying focus animations, or new CSS syntaxes sound like your kinda thing, then this issue of What’s !important is definitely for you. What...
https://railsdesigner.com/building-customizable-tailwind-themes/ — Using OKLCH you can tweak one custom property, e.g. :root { --color-value: 60; } and get a UI in all the colours...
Comments
We're getting new functions for generating random numbers in CSS! But the road to get here has been a long and winding one. The Importance of Native Randomness in CSS originally h...
A clever approach for selecting multiple dates on a calendar where the :nth-child()'s “n of selector” syntax does all the heavy lifting... even in the JavaScript. Selecting a Date...
Привет, Хабр.Мне нравится, когда красивые и дружелюбные интерфейсы радуют пользователя. Хоть я уже не создаю их, но я стараюсь помочь коллегам создавать более качественный пользова...
Привет, Хабр.Мне нравится, когда красивые и дружелюбные интерфейсы радуют пользователя. Хоть я уже не создаю их, но я стараюсь помочь коллегам создавать более качественный пользова...
Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices, replacing image sources using the content propert...
Use SocialBu to discover ideas, generate post drafts, and schedule them across your social channels.