laura_carlson, to accessibility
@laura_carlson@mastodon.social avatar

Today's Web Design Update: https://groups.google.com/a/d.umn.edu/g/webdev/c/r9j4JYAKXfs Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe #Accessibility #A11y #WebDesign

Featuring @siblingpastry, @TPGi, @stvfrnzl, @aardrian, @a11ytalks, @SteveFaulkner, @zeldman, @fastfinge, @chrisdavidmills, @adactio, @feather, @nethermind, @intopia, @dennisl, @hdv, @scottohara, @scottohara, @cory, @PK_info, @berry220, @gerrymcgovern, et al.

wagesj45, to food
@wagesj45@mastodon.jordanwages.com avatar

Yum

qlp, to random
@qlp@linh.social avatar

Well, I suppose it's time to properly announce the new Jekyll theme that I've been working: Termina Plex.

And, to do so, why not update my blog to use the new theme and write a post about it?

Blog Post: Announcing Termina Plex Theme for Jekyll

https://blog.linh.social/2024/03/25/announcing-termina-plex-theme-jekyll/

kubikpixel, (edited ) to CSS
@kubikpixel@chaos.social avatar

Awesome CSS

/* A curated list of awesome frameworks, style guides, and other cool nuggets for writing amazing CSS. */

🎨 https://github.com/awesome-css-group/awesome-css
—

kubikpixel, to CSS
@kubikpixel@chaos.social avatar

«Creating color palettes with the CSS color-mix() function»

Thank you @michelle for your post on the @MDN blog. This is exactly what I could use and apply today.

🖌️ https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/
—

FediPact, to FediPact
@FediPact@cyberpunk.lol avatar

MAKING THE FEDIPACT WEBSITE MORE ACCESSIBLE

some accessibility concerns with https://fedipact.online have been brought to my attention and i'm working on addressing them. more specifically, the readability of the color contrast and the animations

i wanna put a button on there that flips the text and background colors, making it hot pink on black, and disables the animated floating hearts (they're already disabled if the user has "reduced motion" on)

i just... don't have the web design skills necessary to do so lol. BUT someone else is working on it!!! so it should be fixed and better soonsies

thanks to everyone who pointed this out :heart_cyber_pink:​

FediPact,
@FediPact@cyberpunk.lol avatar

there's also been some other stuff mentioned like the links needing to be underlined and the hearts needing to be properly formatted as bullet points so each individual one isn't read out by screenreaders

underlining links will be easy, but i have no idea how to format the hearts as bullets

help, anyone?

WebAxe, to accessibility
@WebAxe@a11y.info avatar

How to become an accessibility designer for free (LinkedIn) https://www.linkedin.com/pulse/how-become-accessibility-designer-free-karl-goldstraw-6dtze/

davemark, to privacy
@davemark@mastodon.social avatar

😐
If I go to a site and encounter a "cookies" screen like this one, I immediately close the window, never return.

I want an option, right up front, to decline cookies.

I'm fine if you make the case to "support our site" by accepting cookies. I might do so. But if you don't give me the choice to decline, right up front, I'm out.

tylersticka, to webdev
@tylersticka@social.lol avatar

Seattle!! I’ll be speaking at CascadiaJS, June 19–24 of this year! 🙌

My talk is called “GIFs Are Forever, Let's Make Them Better” 👉 https://cascadiajs.com/2024/talks/gifs-are-forever-lets-make-them-better

Use promo code TYLER for 35% off admission until April 26 🎟

Hope to see you there! 👋

WebAxe, to accessibility
@WebAxe@a11y.info avatar

Updated: Web Accessible Code Libraries and Design Patterns
https://www.webaxe.org/web-accessible-code-library-design-systems-patterns/

laura_carlson, to accessibility
@laura_carlson@mastodon.social avatar

Today's Web Design Update: https://groups.google.com/a/d.umn.edu/g/webdev/c/ScE5zXg5H9A Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe #Accessibility #A11y #WebDesign

Featuring @ericwbailey, @siblingpastry, @TPGi, @aardrian, @ben, @yatil, @tink, @tempertemper, @michelle, @argyleink, @accessible_community, @rachael, @trys, @css__cafe, @dequesystems, @mattmay, @theadamsilver, et al.

pixel, to web
@pixel@social.pixels.pizza avatar

Frank Chimero · The Web’s Grain


https://frankchimero.com/blog/2015/the-webs-grain/

WebAxe, to CSS
@WebAxe@a11y.info avatar

Designing better target sizes 👉 https://ishadeed.com/article/target-size "An interactive guide that is all about enhancing the target size area with CSS"

dennisl, to webdev

Pretty nice! Component library from The City of Calgary. https://summit.calgary.ca/components.html (Needs a dash of aria-current)

WebAxe, to random
@WebAxe@a11y.info avatar

Playbook for Universal [inclusive] Design https://universaldesignguide.com/

WebAxe, to accessibility
@WebAxe@a11y.info avatar

A terrific 3-part series on colored blindness, accessibility, and data visualizations.

Part 1: https://blog.datawrapper.de/colorblindness-part1/

Part 2:
https://blog.datawrapper.de/colorblindness-part2/

Part 3:
https://blog.datawrapper.de/colorblindness-part3/

WebAxe, to UXDesign
@WebAxe@a11y.info avatar

Where to Put Focus When Deleting a Thing
https://adrianroselli.com/2023/08/where-to-put-focus-when-deleting-a-thing.html

laura_carlson, to accessibility
@laura_carlson@mastodon.social avatar

Today's Web Design Update: https://groups.google.com/a/d.umn.edu/g/webdev/c/bt2mGZEkTKw Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe

Featuring @onsman, @TPGi, @darin, @rachelandrew, @rachael, @educause, @LFLegal, @SteveFaulkner, @aardrian, @hdv, @axbom, @a11ytalks, @everydaya11y, @wai, @eeeps, @owa, @stegrainer, @Richr, @theadamsilver, @gerrymcgovern, et al.

torspedia, to graphics

With the news that @GIMP is expected to finally launch its 3.0 release in May... I'm wondering if I should hold off on learning how to use the app, until they actually release it?! 🤔

redcrew, to random
@redcrew@mstdn.social avatar

The wax and the wane of the Web.

https://alistapart.com/article/the-wax-and-the-wane-of-the-web/

getkirby, to webdev
@getkirby@mastodon.social avatar

Sunday watch: Vanilla Web Design. ✨A great talk by @hananils about working with browser, text editor, Git and Kirby for detail-orientated design on the web. In 🇩🇪. https://vimeo.com/918008714

bitbraindev, to webdev

Right click in your browser -> Inspect on any website

Then type into your JS console:

document.designMode = "on"

Congratulations! You can now live edit the current website and change any text on it.

video/mp4

kubikpixel, to web
@kubikpixel@chaos.social avatar

deleted_by_author

    •
    kubikpixel,
    @kubikpixel@chaos.social avatar

    Pa11y

    Here at Pa11y, we think making the web more accessible improves it for everyone. So we publish a range of free and open source tools to help designers and developers make their web pages more accessible.

    ☑️ https://pa11y.org
    —

    kubikpixel, to webdev
    @kubikpixel@chaos.social avatar

    I don't understand why some "professionals" often use only ready-made libraries for website design. No, not everything is easy but, for example, creating so that users can see how they lead outside the is standard in my opinion.

    I have illustrated it for clarification. You can of course change the 's to other UTF-8 characters or position according to the desired ;)

    kubikpixel,
    @kubikpixel@chaos.social avatar

    🧵 …I am of the same opinion and you can see how WebDev can also mark links via CSS above in the Toot.

    «Arguments for opening links in a new tab or window»

    📎 https://cloudfour.com/thinks/arguments-for-opening-links-in-a-new-tab-or-window/
    —

    kubikpixel,
    @kubikpixel@chaos.social avatar

    🧵 …another CSS webdesign solution:
    Let's see if I can find a solution that works without JavaScript but I doubt that I will find out that it is not possible.

    «Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript»
    – on @smashingmag

    📎 https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript/
    —

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • kavyap
  • DreamBathrooms
  • mdbf
  • InstantRegret
  • ngwrru68w68
  • magazineikmin
  • thenastyranch
  • Durango
  • rosin
  • Youngstown
  • slotface
  • khanakhh
  • tacticalgear
  • megavids
  • ethstaker
  • cubers
  • cisconetworking
  • normalnudes
  • modclub
  • everett
  • osvaldo12
  • GTA5RPClips
  • Leos
  • anitta
  • tester
  • provamag3
  • lostlight
  • All magazines
    •