Post 9vVkQPyk4cmlkfrpx2 by alcinnz@floss.social
(DIR) More posts by alcinnz@floss.social
(DIR) Post #9vSP1ayhMPXC79I0ky by estoricru@hackers.town
2020-05-27T01:52:29Z
0 likes, 3 repeats
Hey I want to collect a list of resources for #ethical #WebDesign #html #css #js #sustainability #a11y etc etc pls reply with your favorites and also pls boost.
(DIR) Post #9vUSYLxUuZ7pGdxXqC by temporal@mastodon.technology
2020-05-27T06:57:40Z
0 likes, 1 repeats
@estoricru 1) Look at this list:https://www.darkpatterns.org/types-of-dark-patternand never, ever do any of that.2) In general: users are not cattle.3) Treat your users like you would your friends. You wouldn't waste your friend's time, or take advantage of them.
(DIR) Post #9vUrCizh5E1PC4lobw by wolf480pl@mstdn.io
2020-05-28T06:19:42Z
0 likes, 0 repeats
@estoricruhttps://sourcehut.org/blog/2020-05-27-accessibility-through-simplicity/
(DIR) Post #9vVkQPyk4cmlkfrpx2 by alcinnz@floss.social
2020-05-27T02:05:05Z
0 likes, 0 repeats
@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/102683452946911475And @markosaric has a lot of good pages.I've got more regardng simpler browsers & sites...
(DIR) Post #9vVkQQL4jaeMrwJflI by p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL@mastodon.social
2020-05-27T05:19:41Z
0 likes, 0 repeats
@alcinnz @estoricru @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.
(DIR) Post #9vVkQQi7Lv581P64g4 by seyerian@conjured.space
2020-05-27T06:23:29Z
0 likes, 0 repeats
@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.
(DIR) Post #9vVkQR59yFVtArsTaq by seyerian@conjured.space
2020-05-27T06:36:21Z
0 likes, 0 repeats
@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
(DIR) Post #9vVkQRLSzcYbzRVV0i by leip4Ier@infosec.exchange
2020-05-28T16:38:25Z
0 likes, 0 repeats
@seyerian @p7bJHqtgjqu5Q8J7KnLzPXUGh7cKiL #theme_select[value="light"]?
(DIR) Post #9vVoJmQ6de1N8rkz7w by seyerian@conjured.space
2020-05-28T17:22:02Z
0 likes, 1 repeats
@leip4Ier i do not believe it is doable with a <select>: https://codepen.io/seyerian/pen/yLYdzaV. there are generally two issues making this currently not possible for most form inputs: 1) `[attr=value]` selector does not work with values entered by the user (only those in the HTML), and 2) there is no selector for elements based on properties of children, i.e. <select> with a certain <option> selected.it does however work with radio buttons using the general sibling combinator (~): https://codepen.io/seyerian/pen/BaogwQB.
(DIR) Post #9vVoT0PryDhj9m2sAi by leip4Ier@infosec.exchange
2020-05-28T17:23:46Z
0 likes, 0 repeats
@seyerian oh, interesting!
(DIR) Post #9vVoWkU98wyYuDpZ32 by seyerian@conjured.space
2020-05-28T17:24:25Z
0 likes, 0 repeats
@leip4Ier ah shit i didn't save the radio pen. 😭 😂 will update in a minute.