timotheegoguely, to webdev
@timotheegoguely@mastodon.design avatar

Great article by @nachtfunke:

📝 Craft vs Industry: Separating Concerns
Reconciling the differences between the craft of making websites and the industry that has grown around it.

> Handcrafted websites are made by humans for humans. This is what differentiates our craftsperson from the factory worker—what the craftsperson does is valuable to people, not businesses.

https://helloyes.dev/blog/2023/craft-vs-industry/

weirdwriter, to webdev

Had to install extensions that prevented disabling paste in edit fields online. I wish browsers would make this possible natively because I never, ever, want paste disabled on any edit field, ever. Here's an extension for FF https://addons.mozilla.org/en-US/firefox/addon/don-t-fuck-with-paste/

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/5Z46u_ERxDg Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe

Featuring @siblingpastry, @TPGi, @MerylEvans, @SteveFaulkner, @cferdinandi, @argyleink, @cnchapman, @bramus, @css__cafe, @a11yclub, @inclusivedesign24, @db, @mattmay, @gerrymcgovern, @beep, @pxlnv, @Clearleft, @james, @theadamsilver, @michelle, @jolwalton, et al.

selfhtml, to webdev German
@selfhtml@bildung.social avatar

hat eine neue Version des Offline-Wiki veröffentlicht!
https://blog.selfhtml.org/2024/apr/16/offline-wiki-3-jahre-spater

Viel Spaß damit!

toran, to writing
@toran@mastodon.tjs.is avatar

: Write-Freely is an open source, self hosted blog and journal solution simply built for , by !

I am seriously thinking of using this for my personal ! 🙂

@writefreely

https://www.youtube.com/watch?v=pR4QATSRyXA

Luke, to design
@Luke@typo.social avatar

…scanning around at mac color apps for palettes, code, etc.

Many do not support or include P3 color, nor LCH or OKLCH color.

Colorslurp at least has P3 color, and a method of adding color formats:

https://colorslurp.com/docs/desktop/color-formats

Luke,
@Luke@typo.social avatar

Also, it looks like ColorSlurp is about to launch a new version:

https://colorslurp.com/whats-new

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/L5jS_8Ci8O4 Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe

Featuring @jaredsmith, @siblingpastry
@TPGi, @brucelawson, @click2carney, @mactoph, @yatil, @karlgroves, @heydon, @graeme, @TetraLogical, @css, @adactio, @cferdinandi, @Richr, @gerrymcgovern, et al.

loleg, to random
@loleg@fosstodon.org avatar

Same HTML. 200+ (very!) different ways to look at it in the CSS Zen Garden https://csszengarden.com/pages/alldesigns/

ovidem, to random
@ovidem@mastodon.social avatar

Making incremental website improvements give me warm fuzzies. It’s like each update fills in a piece of my being.

https://jamesg.blog/2024/03/04/incremental-website-improvements-joy/

karrot, to UI
@karrot@fosstodon.org avatar

I was exploring refreshing the Karrot design yesterday - while fuzzy brained and not doing what I was supposed to be doing 🫣

Whaddya think?

First picture of each pair is current look, second is refreshed one.

Going more flat and rounded.

refreshed UI look, everything is flat and rounded!
screenshot of current activities page
same activities page, but flat and rounded!

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/8QJxn3NBfdw Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe

Featuring @MerylEvans, @onsman, @hhillen, @TPGi, @seaotta, @a11ytalks, @karlgroves, @j9t, @gerrymcgovern, et al.

zeldman, to design
@zeldman@front-end.social avatar

What’s in a job title? @elly explains why good old “web design” is the best way to understand what she does—and maybe what you do, too.

https://zeldman.com/2024/04/03/the-more-things-change-or-whats-in-a-job-title/

schmutzie, to design
@schmutzie@wasnever.cool avatar

I had a short turnaround project come across my desk and decided to give up sleep for 10 days. Shop the Galleries promotes group art gallery exhibitions from across Saskatchewan, the latest of which contains 14 galleries. I did a platform upgrade and full redesign.

https://shopthegalleries.ca/

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

I .

Tired of lazy loading. Tired of spinners. Tired of animations. Tired of infinite scrolling. Tired of auto-playing videos. Tired of short articles being replaced by videos. Tired of every site having a chatbot in the corner. Tired of full page overlays reminding me to pay or subscribe to a newsletter.

:boomer: :boomer: :boomer:

WebAxe, to webdev
@WebAxe@a11y.info avatar

⭐️ Accessibility Foundations
https://tetralogical.com/blog/2024/03/18/accessbility-foundations/
by Henny Swan via @TetraLogical

ctietze, to random
@ctietze@mastodon.social avatar

Here's how to feel old:

Check out usability posts from the 2010's
https://www.nngroup.com/articles/fight-right-rail-blindness/

These were recent screenshots back then. It's all so cramped!

Nowadays, we have lots of whitespace and suffer from pop-ups more than we suffer from banner ads and sidebars that annoy.

(Except when you go to cooking recipe sites.)

saila, to design
@saila@mastodon.social avatar

I am always learning something new about from @Richr — grateful for his continual passion and generosity

His latest on fluid (and the demo of the Utopia tool) is well with the read is you do any or work involving words

https://clagnut.com/blog/2428

michael_martinez, to journalism
@michael_martinez@c.im avatar

I suppose the Atlanta Journal-Constitution Web team are not (yet) in the Fediverse, but I hope they one day fix this problem. MSN has a similar issue. Or maybe it's a bug in the Mastodon software, but I see a lot of news story shares in the Fediverse that look like this.

BenSunshine, to random
@BenSunshine@fosstodon.org avatar

@kubikpixel You posted some questions about color schemes and color theory.

The 60-30-10 Rule helped me early on:

https://bootcamp.uxdesign.cc/60-30-10-rule-how-to-choose-colors-for-your-ui-design-713b3d4c1445?gi=6641ee4fc6ac

inautilo, to design
@inautilo@mastodon.social avatar


CSS color-scheme-dependent colors with light-dark() · Simpler dark mode setup with the light-dark() function https://ilo.im/15yefd

Luke, (edited ) to Blog
@Luke@typo.social avatar

I am continually impressed by my colleagues, friends, and acquaintances that make their own websites, whether it's design, dev, strategy, or somehow manage the entire task on their own. Regardless, get out there and make a site for yourself. Reach out for help if you need it.

I'm collecting a bunch that have recently emerged or recently found, but until I collect them up for posting, here's one to start with:

Chris Glass:

https://chrisglass.com & @glass

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

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.

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

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,
@kubikpixel@chaos.social avatar

»Alt text for CSS generated content«

Thank you @tempertemper for your great article about a11y information with CSS on a web page.

⚠️ https://www.tempertemper.net/blog/alt-text-for-css-generated-content
—

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