keyword equivalent for `border-radius: 9999px;`
The CSS working group has been looking for a keyword for this shape created by
border-radius: 9999px for a while. Anyone have any ideas?
Need help with these SVG animations using CSS
Hi There I need help to make it possible this two svg animations, mostly with CSS, because I've another animations as well which I did using CSS transform and @keyframes and I don't wanna use GSAP or ANIME.JS etc. Vanilla JS can be used if needed, but I don't think.
1. https://www.berrycast.com/conversations/3aa48e85-2308-5717-9c39-f88033ca813e
2. https://www.berrycast.com/conversations/1ceba339-e2dc-5a58-8c11-7480bc64155d...
Understanding Vue
Since there was some Discussion about Vue and React between myself and other members I just figured it's good for me to read the docs just to fully understand what I am talking about. While reading the docs I had encountered v-html. In the docs it says it replace the old innerHTML with the value of v-html, so if rawHTML includes a span then the HTML will result in "span - span - text - /span - /span"? Or will it replace the entire span with the new one, I am guessing it's the first thing just wa...

Stacking problem
Hi everyone, hope you're doing fine!
I probably have stacking problem. I'm trying to create a mobile menu which appears from the top and when it closes goes back to its original position (I'm translating it on Y axis)
The problem is that when it's closed, I can still see its background color (salmon). What I want to achieve is to completely hide the menu behind the header....
Shared gradient background across multiple elements
There are multiple circles representing steps on a progress indicator, placed evenly along a narrow track (the circles are larger than the track is tall). The progress bar must resize horizontally without distorting the circles. All elements must share a single gradient background. I thought there would be something to do with clipping or masking maybe but no examples that I've seen seem applicable to this.
This is what I came up with: https://codepen.io/ptrfrncsmrph-the-vuer/pen/RNrjRGg. Is this how you would do it? Is there a simpler approach that I'm not aware of?...
Figma problem 🎨
i creating a sidebar its contain some buttons. These buttons has icons. The icons can change easier because i using instance swap but i change the icons this no change the color.
The icons son SVG.
I need help too prototype for show only one option active and the other go back to state initial...

Image loading UX
I have a 900byte image URI inlined in my initial HTML response that displays a blurred placeholder for full-res image. It has a pulsate animation to show that it's loading, do you think this is enough to show users that the full image is still loading?
I think a spinner is overkill and this "loading..." text is ugly...

Positioning nested content inline with its parent
I have been absolutely flummoxed with an accessibility issue of late, and I need all the help I can get to figure out how to solve it.
The screenshot I attached shows a menu that renders when the hamburger menu icon above it is clicked. When one of the buttons on the left are hovered over, if they don't have an associate submenu list, the button is just highlighted. My issue comes in when they do have a submenu, like in the first image.
The pattern provided by my designers asks that, if a link associated with a submenu is hovered, render the submenu. If the submenu is taller than the main link list, it should force the height of the containing elements to grow. Otherwise, the containing markup should render at the minimum height of the main link list, regardless of a submenu being shown....

container smaller than children?!
it's display inline-block why is it behaving like this? is it because of ul or what?

Problematic backdrop-filter caused by a sibling
I can't figure out this problem, as you can see from this codepen: https://codepen.io/Lko3001/pen/MYKvRQO
The input is on top of the square, but the
backdrop-filter behaves in a weird way.
To fix this, for some reason, you can just disable the mix-blend-mode property of .problem
But this demo comes from a website i'm building, and I cannot remove that property.
Why is it happening?...Prefers Reduced Motion
Hi, I was looking into ways for my site to support reduced motion people, like a good dev should 🙂
I found 2 solutions which I think are quite identical, but I'm not sure if there are any differences. I'd like to see what other people think.
```:root {...
Fallback mechanism when img src is invalid
Hello, was surfing on stackoverflow forums when I came across this:
...
onerror="this.onerror=null;this.src='images/404-error.png';"
onerror="this.onerror=null;this.src='images/404-error.png';"
How reliable is vertical-align 'sub' and 'super'?
I've been looking into css resets and several normalise.css-style documents to get ideas for my own reboot/reset. one tidbit I've seen in a couple is a total rehaul of the way sub and sup elements are aligned on the vertical axis.
in essence, what they typically do is set the vertical-align to baseline, then make them relatively positioned, and finally apply negative top and bottom em measures to each element in order to make them sub or super-script again.
personally after a bit of testing, I don't know if it's a good call or not. the default for sub and sup elements (un the user-agent styles) is to have them be vertical-align sub or super....
Portfolio website: making information public VS what should be kept private
im halfway through designing my portfolio website and since im approaching this too be sort of my resume im noticing that my resume has a lot of information that in general they are not advised to put in public websites where everyone can see, for example on my linkedin i changed the settings so only logged in users can see my profile and only potential recruiters can see details like my university, location and other personal info, now i know that you still need to provide information you cant just be anonymous and hide most of information especially for someone like me unknown and i need to present myself hence why im designing the website to be a brief interactive resume
so i want to know in general, what informations: "Must be in", "good to have", "what is preferably avoided " and "what must stay out"
i dont expect you to make a tier list of all possible personal information, just anything you can help with is much appreciated, thank you...
How to improve appearance of customizable select
https://codepen.io/Fakeur/pen/wBMebjx
Hello, consider this codepen, this is how far I was able to go with customizable select but I don't know, is the design good? I mean is it "eye catching", I'm still struggling a bit with the customizable select, for instance, does anyone know why the value I select seem to apart "cut-off" at the bottom pls.
Is the select dropdown too big compared to the "sort by" label?...
How to customize a native html select dropdown
Hello, quick question, I want to create a customized dropdown, like when I click on it, the downward arrow transition to an upward arrow etc. In order to do that, can I use the existing
select html element or I would need to create everything from scratch? Because the thing is I still want to preserve the value obtained from the option element.
Flex: 1 vs margin-inline: auto
Hello, can someone explain the difference between setting a flex item to
flex: 1 and using margin-inline: auto pls.
What I wanted to know specifically is, if we use margin inline and flex of 1 on the same element, will this cancel out the effect of flex 1 to grow, because the available space will be distributed accordingly, no?...Word overflows its own box with negative letter spacing
PEN: https://codepen.io/Lko3001/pen/jEWwKmQ
As you can see the last C of the word goes outside the outline, why?
It only happens with
letter-spacing, is there a way to make that box the right size?
I know I could do padding-right: (same number as the letter spacing) but I want to find a more clever way...props in vue
```js
<script setup>
import { ref } from 'vue'
import BlogPost from './BlogPost.vue'
...
Opinions about a design
I was looking through the projects I did during the odin project and I came across this.
https://www.theodinproject.com/lessons/node-path-advanced-html-and-css-homepage
There are design photos given in the step one. I didn't question it at the time but doesn't this seem quite nightmareish from a dev perspective?...
