Search fresh public links, source activity, and post angles for Css Shapes.
Fresh curated links around css shapes 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.
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...
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...
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...
Struggling with CSS selector specificity in production? Learn when to use :has(), :is(), and :where() to keep styles predictable and maintainable.
За последние годы CSS сильно изменился: появились вложенность, новые селекторы, container queries и нормальная работа с темами. В этой статье - краткий разбор ключевых фич, которые...
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...
Go beyond balance. Learn how text-wrap: pretty improves readability, reduces awkward breaks, and makes your UI feel more polished.
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:...
I came across Kitty Giraudel’s folded corners technique. I’ve been on a bit of a corner-shape kick lately, so I figured that corner-shape could be used to create folded corners as...
One of the best-known examples of CSS state management is the checkbox hack. What if we want a component to be in one of three, four, or seven modes? That is where the Radio State...
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()...
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....
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...
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...
Chrome 145 introduces the column-height and column-wrap properties, enabling us to wrap the additional content into a new row below, creating a vertical scroll instead of a horizon...
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...
Comments
Centering elements in CSS has historically been one of the most common challenges developers face. Whether it’s aligning text, centering a div, or placing content perfectly in the...
The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more. What’s !important #12: Safari Testing,...
The justify-self property aligns an individual element, overriding its parent current align-items value. justify-self originally handwritten and published with love on CSS-Tricks....
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...
Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want something with more rhythm like, say, a zigzag pattern. Here's how to do i...
Привет, Хабр.Мне нравится, когда красивые и дружелюбные интерфейсы радуют пользователя. Хоть я уже не создаю их, но я стараюсь помочь коллегам создавать более качественный пользова...
Use SocialBu to discover ideas, generate post drafts, and schedule them across your social channels.