Jagged Edges on CSS Translated + Rotated Button
Background
Hi everyone, not sure how to fix this with CSS but it seems translated and rotated buttons still have a "jagged" edge which means there isnt any or enough anti-aliasing done.
Using edge/chromium (technically webview2 on windows)
...
Headings: Is “Preparation time” a `<h2>`?
I don't know. Judging just by the plain text, it could be, but the way it's presented makes me think it's not intended as such. I wish I could ask the author/designer what they had in mind. Maybe there's no right answer here(?)
If a 'heading' is just a title/short-description for the content that is grouped with, then yes, but according to my understanding, headings should be reserved for major sections of the content that would make sense to include in a table of contents, not just any thematic group; although what someone would consider “major” enough to be included in a table of contents is somewhat subjective.
If it's not a heading, then I think It would make sense to mark it as a
<figcaption> wrap in a <figure>. Communicating “preparation time” is a description for this piece of content, without specifying that it should be in a table of contents....
SVG border Issue
I have the SVG apply button used inside all the tabs, but on 1st tab the SVG apply button is working fine, on other tabs SVG apply btn border is changing, anyone know what could be the issue?
here is the code pen demo - https://codepen.io/aldrinbright/pen/gONjBBY...
how to style for long text
Hi guys, how can I style for this text drop to a new line or truncate the text? because i'm creating an email template so a lot of properties is not suopported.
```css
// this does not work
.truncate{
white-space: nowrap;...
Is there a way to make the text wrap around the picture in this grid layout?
Hi, I got inspired by Kevin to try to use grid more! I was wondering if it was possible to wrap the text around the picture in this grid setup (as float is not respected on a grid item)
Fancy Drop Down Menu
I have this rough draft of a dropdown i been trying to make.
As you can see theres a number of columns.
I try to keep the top divs of the column of a ratio of 10/6
And whatever the height is of that box, i want the dropdown element's max height to be that....
Similarity of inline-block and text?
Is inline block similar to text?
Ik thats odd but i find it odd'er that we can use css proerties of line-height and line-width?
Pretty wild so far 😄...
text-decoration and pointer-events of anchor pseudo-elements
I have a big confusion regarding this topic. With the attached html, I am getting what's in the attached screenshot:
- Why is it showing an underline as text-decoration for the ::after, but not the ::before
- Why is the underline on the ::after not gone, even though I've set it to
text-decoration: none
- Why is pointer-events: none ignored?...
Best way to control keyboard navigability within an element (scope to parent)
I'm trying to find the best way to guide users through some of these modals we have in the UI (example pictured)
I've tried several things.
• Tabindex was my first thought but its a nightmare. All default elements throughout the entire application are tabindex 0 or -1 if we don't want them to be focusable, but Giving this CTA button atab index of 1 and the cancel button a tab index of 2 is no good. The tabindex 0s in the page BEHIND the modal take precedence over anything with a positive integer attribute value so I would have to explicitly give EVERYTHING in the modal form a tab index of 1...
