OC Assuming boost stays as some sort of a super-upvote/share combo alongside regular up/downvote buttons, here's a UI idea on how to merge it into one unified voting system. App animation + web block mockup

I heard that votes have been changed to behave closer to how people would expect, and boost is staying here as well. So I had an idea how to bring it all together in the interface....

Richr, to Typography
@Richr@mastodon.social avatar
inautilo, to business
@inautilo@mastodon.social avatar

“The simplicity of HTML and CSS now feels like a radical act. To build a website with just these tools is a small protest against platform capitalism: a way to assert sustainability, independence, longevity.” — Jarrett Fuller


#Business #OpenWeb #IndieWeb #SmallWeb #Website #Blog #WebDesign #Development #WebDev #Frontend #Quote

molly0xfff, to random
@molly0xfff@hachyderm.io avatar

i realize some of you may have thought i was joking when i said one of the things that made me excited about leaving substack was control over how my footnotes and references look

🤩

teodorsandu, to UI
@teodorsandu@mastodon.online avatar
matthiasott, to CSS
@matthiasott@mastodon.social avatar
ellie, (edited ) to random
@ellie@ellieayla.net avatar

Know your food menus. Stolen to add . 🏴‍☠️

https://codepen.io/oliviale/pen/gKParr is an interactive version in different colours, which cites https://twitter.com/MichaelBabich/status/608618153757802497 as possibly the original.

stefan, (edited ) to fediverse
@stefan@stefanbohacek.online avatar

Hey everyone! I recently posted about my latest project, a universal fediverse sharing button: https://stefanbohacek.com/project/fediverse-sharing-button/

Is this something that you'd find useful for your website or blog?

EDIT: Thanks everyone for sharing and trying this out! I fixed an issue on iOS some of you might have run into, just FYI.

WebAxe, to FinalFantasy
@WebAxe@a11y.info avatar

More of browsers trying to fix bad web design. "Firefox can now force links to always be underlined. This option can be enabled in the Browsing section of the Firefox Settings menu." https://www.mozilla.org/en-US/firefox/121.0/releasenotes/

axbom, to random
@axbom@axbom.me avatar

Let me say it louder for the people in the back… heading levels (h1, h2, h3…) in html are not about size, they are about structure. They communicate the organization of your page.

An h2-heading in one part of your page or site does not have to be the same size as an h2-heading in another part or your page or site. The purpose of the heading is to semantically communicate hierarchy.

In fact, deciding that all h2 headings must be the same size across your website will usually lead to poor decisions with regards to the underlying structure of your page.

So yes, the heading in your footer should likely be an h2 but it doesn’t have to be the same size as the h2 in an article. And no you shouldn’t make it an h4 ”because I want it smaller”!

This may be one of the most misunderstood elements of web design.

stefan, to fediverse
@stefan@stefanbohacek.online avatar
esther, to webdev

Right after MDN itself, these two pages are probably the ones who saved my ass the most over the years in terms of web frontend documentation:

A Complete Guide to Flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

A Complete Guide to CSS Grid
https://css-tricks.com/snippets/css/complete-guide-grid/

I have them open as tabs pretty much all the time when I'm working on something layout related and they've never failed to help me.

They're excellent examples of thorough and well structured documentation on a complex subject.

laura_carlson, to accessibility
@laura_carlson@mastodon.social avatar
LFLegal, to accessibility
@LFLegal@mastodon.social avatar

More delay for possible web accessibility regulations for state and local governments in the United States. It's not the Department of Justice's fault. The regs are stuck in the Office of Management and Budget. My new article about these long-delayed digital inclusion regulations here: https://www.lflegal.com/2023/07/web-access-reg-delay-omb/

zeldman, to webdev
@zeldman@front-end.social avatar
LisaHornung, to Figma
@LisaHornung@fosstodon.org avatar

Found out about this great little tool yesterday.

Perfect Freehand lets you draw smoth, good looking shapes and lines. 🤩 〰️ You can export them to SVG and there is even a Plugin and library!
🔗https://www.perfectfreehand.com/

Made by Steve Ruiz via @puntofisso weekly newsletter

kaiserkiwi, (edited ) to webdev
@kaiserkiwi@corteximplant.com avatar

I just could boost the post of @hbuchel but that would just result in "another boost in your timeline" that is easily overscrolled.

Instead I would like to share this post with you in a separate post.

I really feel the is post from the other side. I'm not a web designer, I'm a frontend developer that's desperately searching for years for proper web designers and always wondered why there aren't any anymore.

It's basically an extinct profession. Killed by men and I was witnessing that multiple times in the last 17 years I've worked in this area.

Funfact: I wanted to be a web designer back then but was pushed out of the design part multiple times by my employers, because "we have the girls for that". 🤢

As I still wanted to "build the whole thing" I went the other route and became a full stack developer (PHP, JS, HTML, CSS, SQL). A much more accepted role as a cis male.

The result? I can't design anything anymore. I can communicate with designers that lack technical understanding of the web but I try to push for years to get these people time to get the technical knowledge… But even in a lead position that's much more difficult than you might expect.

Anyways, read this article, it's awesome and every bit is true. And sad.

https://heather-buchel.com/blog/2023/10/why-your-web-design-sucks/

laura_carlson, to accessibility
@laura_carlson@mastodon.social avatar
tylersticka, to CSS
@tylersticka@social.lol avatar

Attempting to manifest more CSS goodness in 2024 with a shiny new wish list 🪄📄 https://cloudfour.com/thinks/tylers-css-wish-list-for-2024/

WebAxe, to accessibility
@WebAxe@a11y.info avatar

"Basic accessibility mistakes I often see in audits"
https://gomakethings.com/basic-accessibility-mistakes-i-often-see-in-audits/

This is the same old stuff—headings, links, color, contrast. All fundamental. So frustrating.

And it will never end. This is why accessibility agencies are pushing AI now. They've given up, and I understand why.

davidbisset, to random
@davidbisset@phpc.social avatar

The 88x31 Collection

(If you remember these on web pages like I do pat yourself on the back)

https://cyber.dabamos.de/88x31/

laura_carlson, to accessibility
@laura_carlson@mastodon.social avatar
WebAxe, to accessibility
@WebAxe@a11y.info avatar
laura_carlson, to accessibility
@laura_carlson@mastodon.social avatar
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/

  • 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