How do we get an #markdown #web browser off the ground? Like, no #JavaScript or #CSS -- it reads .md files over HTTP/S and renders them. All style is user controlled. We go back to a document-centric 'Web without all this bullcrap

I made a dark mode toggle, which applies the .dark class to the body (body class="dark").

I used a SCSS mixin & see it at the bottom of the full stylesheet.

It's not overriding the body class properties.

I don't know what I'm doing wrong.

Codes:

@Media (prefers-color-scheme: dark) {@include dark-mode;}

@mixin dark-mode {
body {
&.dark {
background: $color-darkgrey;
color: $color-cream;
}
}
}

Using !important doesn't help.

#CSS #SCSS #DarkMode #WordPress #WebDesign

#ITByte: #HTML and #CSS for Beginners.

Some common resources and exercises to get started with HTML and CSS.

https://knowledgezone.co.in/posts/6262ba0b30089188df3aa643

:P I think this looks neat, but how to fix, adjust and refine this?

#HTML #CSS

Regarding #simplicity 👆

Have a look at #ArkUI

https://ark-ui.com/

It is a "fully customizable, #accessible and #unstyled #UI component [framework]".

No #Bootstrap. No #Bloat. Just use your own #CSS. Love it! ❤️

I've just used their Select component and it works so intuitively!

They have a guide on how to style their components (there are multiple ways):
https://ark-ui.com/docs/vue/overview/styling

#WebDev #WebDevelopment #Vue #React #Solid #A11Y

@dbread 10/10 can only recommend...

Basically it does simply shove a #CSS on top to "darkify" sites...

And that's good...

My god do I want sub-grid, please #css and thank you.

Uh oh ... WP devs, check this out - #WordPress is shipping some really weird #CSS

https://dbushell.com/2023/08/16/wordpress-6-3-breaking-decades-of-css/

Wait, what!? #React doesn't support scoped #CSS styles by default!?😱

*happily goes on and creates a new #Vue component*😊

so #CSS gets nesting soon, right?

but & won't be mandatory. and also,
```css
.a {
.b { color: red; }
}
```
is valid, but
```css
.a {
div { color: red; }
}
```
is not valid, it requires `&`

I swear people who are writing standards for web platform are just f--king with devs at this point

Why doesn't CSS provide any options for adding character based fallback options? Seemingly only the browser itself can do this. It would be nice to be able to provide some options here. #l10n #css #webstandards #webbrowsers #w3c

#CSS rem are genius, finally understood the difference from em

@heapwolf So true! When building UI applications people really should use #CSS and web technology (unless they have a _very specific reason_ not to).

The #web has won!

Thinking all night about what would be the advantage to using color-mix() in CSS. When it comes down to it the color you produce can still be described as a hex number. #colormix #css

Re-sharing this great tip for how to make tooltips and other temporarily-attached elements faster by avoiding a whole-page layout recalculation: https://atfzl.com/articles/don-t-attach-tooltips-to-document-body/

We did this for @ThisIsDIM and got a big performance boost, and then encoded it into a special helper: https://github.com/DestinyItemManager/DIM/blob/master/src/app/utils/temp-container.ts

#JavaScript #CSS

Any devs who fear that ChatGPT is going to take their jobs should spend an afternoon trying to get it to write CSS.

#dev #webdev #chatgpt #openai #css #frontend

Of the people using #CSS layers, how many of you are having issues with browser support?

The reason I've not switched real projects to it yet is the lack of a fall-back / progressive-enhance strategy. But it looks like it's a tech that's been available in browsers for over a year now.

A subtoot for everyone saying Tailwind is bad.

You used it to style a whole ass app and ran into a wall?

Did you have a design system to work with?

Were you building reusable components?

Did you notice it helps avoiding CSS bloat?

Did you notice that devs who don't know CSS have less problems, because when learning Tailwind, they learn CSS too?

Were you constantly extending your Tailwind config?

25+ years with CSS. And I like Tailwind. AMA

#CSS #WebDev #Tailwindcss

Wait, what?

<img alt="" class="img-img img-img--center" role="img" src="...

#CSS #a11y #Accessibility

#css subgrid when? I can not believe this is a Chrome hold-back.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Subgrid