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.

#Privacy #Cookies #WebDesign

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

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
@dennisl@mastodon.social avatar

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/ #inclusiveDesign #universalDesign #webdesign

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
@torspedia@linuxrocks.online avatar

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
@bitbraindev@mastodon.gamedev.place avatar

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

joel, to CSS
@joel@fosstodon.org avatar

I added light mode back to my website!!

What do you think @amin?

Its not much but I hope it serves decently well :P

kubikpixel, to web
@kubikpixel@chaos.social avatar

«Designing better target sizes:
An interactive guide that is all about enhancing the target size area with CSS.»

Thanks @shadeed9 for this interactive, comprehensive and detailed and guide for with .

☝️ https://ishadeed.com/article/target-size/

kubikpixel,
@kubikpixel@chaos.social avatar

The a11y is gaining ground in the professional sector. A popular medium on the Internet is now making it more popular.

«An Editor Who Makes Times Visuals Accessible to All:
Jaime Tanner, The New York Times’s first accessibility visuals editor, wants to remove barriers to make sure readers with disabilities can engage with Times visual journalism.»

📰 https://www.nytimes.com/2024/03/24/insider/an-editor-who-makes-times-visuals-accessible-to-all.html
—

kubikpixel, to webdev
@kubikpixel@chaos.social avatar

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

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

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
  • •
  • megavids
  • thenastyranch
  • rosin
  • GTA5RPClips
  • osvaldo12
  • love
  • Youngstown
  • slotface
  • khanakhh
  • everett
  • kavyap
  • mdbf
  • DreamBathrooms
  • ngwrru68w68
  • provamag3
  • magazineikmin
  • InstantRegret
  • normalnudes
  • tacticalgear
  • cubers
  • ethstaker
  • modclub
  • cisconetworking
  • Durango
  • anitta
  • Leos
  • tester
  • JUstTest
  • All magazines
    •