alcinnzMay 27, 2020

@estoricru I've been collecting some:

* https://zen-of-programming.com/design/
* https://practicaltypography.com/
* https://brutalist-web.design/
* https://frankchimero.com/writing/the-webs-grain/
* https://mxb.dev/blog/the-css-mindset/

* https://anewdigitalmanifesto.com/
* https://small-tech.org/about/#small-technology
* https://mastodon.social/@zensaiyuki/102683452946911475
And @markosaric has a lot of good pages.

I've got more regardng simpler browsers & sites...

A Web Design Crash Course: From one non-designer to another

I will preface this by saying that I'm not professionally a designer. That being said, I like building pretty things and have had some success with…

Show threadp7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL
@alcinnz @[email protected] @markosaric Related: I recently saw a woman's webpage (female name) who was a supporter of accessible websites. She had a theme switcher button that worked without JS. Do you know which page that was? I saw it on mastodon or HN, can't remember which.
May 27, 2020 at 5:19amTusky
Show threadalcinnzMay 27, 2020
@p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL @estoricru @markosaric Sounds familiar, can't say more than that.
Show threadseyerianMay 27, 2020
@p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL @alcinnz @estoricru @markosaric interesting idea. you could do this with an input element just before the theme root element, and use the adjacent sibling combinator (+) for a selector to nest all the theme styles under. then they would only apply if the input had a particular value, i.e. that theme was selected.
Show threadalcinnzMay 27, 2020

@seyerian @p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL @estoricru @markosaric Another approach would be serverside scripting + cookies.

And in the "Rhapsode" auditory browser I'm developing, you can simply link to the stylesheet. Won't recommend that option right now since it only works well in my weird little browser...

Show threadseyerianMay 27, 2020

@p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL that was really wordy and didn't come out right. this is what i mean: `#dark_theme_checkbox:checked + #theme_wrapper { ... dark styles here ... }`. this would work for using a checkbox as a toggle for light/dark theme. unsure if possible to make it work with 3 or more themes.

also note there is a CSS media feature to detect the user's preferred color scheme: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

prefers-color-scheme - CSS | MDN

The prefers-color-scheme CSS media feature is used to detect if a user has requested light or dark color themes. A user indicates their preference through an operating system setting (e.g., light or dark mode) or a user agent setting.

MDN Web Docs
Show threadEl JoaMay 28, 2020

@p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL

I don't see a "theme switcher button" on https://laurakalbag.com/ , so it's probably not what you are seeking.

But
" a woman's webpage (female name) who was a supporter of accessible websites." makes me think of #LauraKalbag immediately.

You might like to follow her: @laura, she does such great work!

cc
@alcinnz @[email protected] @markosaric

Home

Hello! I’m a friendly designer originally from the UK, now living in Ireland. You’ll usually find me talking about rights-respecting design, accessibility and inclusivity, privacy, web design and development.

Show threadp7bJHqtgjqu5Q8J7KnLzPXUGh7cKiLMay 28, 2020
@el_joa @laura @alcinnz @[email protected] @markosaric Yeah I checked through that site too but it wasn’t quite. Know what's annoying? It's in my history on firefox mobile, but I don’t think there's a way to view my full history :)
Show threadEl JoaMay 28, 2020

@p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL

Yeah, I can feel you!

I have this with toots sometimes: I know I read one, but (having neigter liked nor bookmarked it) I can't find it again....

Show threadalcinnzMay 28, 2020
@el_joa @p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL I wish I knew how to fix that UX...