WebDev

kubikpixel, German
@kubikpixel@chaos.social avatar

I've only just discovered @graphile and will have to take a look at it. Do any of you WebDev's dev with PostgreSQL and GraphQL and know about it and what do you think?

📺 https://invidious.jing.rocks/watch?v=x0FMjL5-kNI
🔮 https://www.graphile.org


cferdinandi,
@cferdinandi@mastodon.social avatar
SteveFaulkner, (edited )
@SteveFaulkner@mastodon.social avatar

👉🏽 Doing my heading in

"Earlier in 2024 I was approached by @Wilto to answer some questions on HTML headings. At the time I was only vaguely aware that the interview would become part of a printed Zine (pleasant surprise face), published by Mat with profits going to support Trans Lifeline."

#HTML #webStandards #a11y

https://html5accessibility.com/stuff/2024/06/05/doing-my-heading-in/

ollicle,
@ollicle@mastodon.social avatar

@SteveFaulkner @Wilto Ha! Thanks for invoking TISM

davidbisset,
@davidbisset@phpc.social avatar

"Here’s What We Learned From the First State of Survey"

https://frontendmasters.com/blog/state-of-html-2023-results-2

"...when asked how they allocated their time between writing HTML/ and JavaScript/TypeScript code, 59% said they spent more than half their time writing – even though the survey was clearly aimed at people interested in HTML."

WebAxe,
@WebAxe@a11y.info avatar
alda,
@alda@topspicy.social avatar

Hot take: Your clients just want a fucking website that fucking works.

WhyNotZoidberg,
@WhyNotZoidberg@topspicy.social avatar

@alda ...but ...but AI???

j9t, (edited )
@j9t@mas.to avatar

#HTML: There are several valid syntaxes for tags, like “<em/.../”, “<>”, or empty start tags.

j9t,
@j9t@mas.to avatar

(Interesting result!)

The answer is: Yes!

In this case, let’s look at “Understanding HTML and SGML”:

“The SGML declaration for HTML specifies SHORTTAG YES, which means that there are other valid syntaxes for tags, such as NET tags, <EM/.../; empty start tags, <>; and empty end tags, </>.”

However:

“Until support for these idioms is widely deployed, their use is strongly discouraged.”

https://www.w3.org/MarkUp/html3/HTMLandSGML.html

cferdinandi,
@cferdinandi@mastodon.social avatar
DavidDarnes,
@DavidDarnes@mastodon.design avatar

@cferdinandi for some reason I decided to watch this at 2am and I wasn't disappointed. Appreciate the constructor() and super() explanations!

cferdinandi,
@cferdinandi@mastodon.social avatar

@DavidDarnes YAY! Glad you enjoyed it!

davidbisset,
@davidbisset@phpc.social avatar

"In Praise Of The Basics"

https://www.smashingmagazine.com/2024/05/in-praise-of-the-basics/

"Long live the basics! Long live the “a-ha!” moments that help us all fall in love with the World Wide Web."

BryceWrayTX,
@BryceWrayTX@fosstodon.org avatar

After reading this, checked my existing styling as processed through autoprefixer, found the vendor prefixes that had been added, and manually added them to my styling — so it now doesn’t require any additional tools for cross-browser compatibility.

https://weser.io/blog/vendor-prefixes-in-2024

bitsgalore,
@bitsgalore@digipres.club avatar

Latest version of standard includes a warning that advises against using the syntax (formerly known as ), stating that it's "essentially unmaintained"🧐 :

https://html.spec.whatwg.org/multipage/xhtml.html

Looks like a recent change, as there's no mention of this in the April 3 version of the spec:

https://web.archive.org/web/20240403210532/https://html.spec.whatwg.org/multipage/xhtml.html

Unless I'm misreading it, this seems like a big deal? E.g. XML syntax is mandatory in 3 documents:

https://www.w3.org/TR/epub-33/#dfn-xhtml-content-document

Time to 📯?

Richr,
@Richr@mastodon.social avatar

✏️ A modern approach to browser support - writing a new browser support policy @Clearleft

https://clagnut.com/blog/2431

aardrian,
@aardrian@toot.cafe avatar

@Richr @Clearleft

Thrilled to see this talks about outcomes for users (versus arbitrary release cycles that are not reflected in the wild).

Also thrilled to see your first principle is accessibility.

But one big caution about Baseline — it does not track accessibility feature support: https://adrianroselli.com/2023/12/baseline-does-not-really-cover-baseline-support.html

Which means you will have to go beyond what Baseline covers. I link some in the post and in the follow-up GitHub conversation (https://github.com/web-platform-dx/web-features/issues/498).

matthias_ring,
@matthias_ring@mastodon.social avatar

Is there a clickable, 2-level, responsive with minimal javascript, simple design, header and only, separate, free to use, up to date, modern browser.

Features I'm looking for:

  • full keyboard / screen reader support
  • no javascript dependencies
  • functional without javascript
aardrian,
@aardrian@toot.cafe avatar

@matthias_ring You want disclosure widgets. They are simple constructs that require JavaScript. What you want to do can be done with CSS, but then you have potential WCAG violations. Refs:
https://adrianroselli.com/2019/06/link-disclosure-widget-navigation.html
https://adrianroselli.com/2020/05/disclosure-widgets.html
https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html

daniel_js_craft,
@daniel_js_craft@mastodon.social avatar

Weekend discovery. An intermediate step in the RAG process is document chunking. Determining the appropriate chunk size can become a trial & error game. James Briggs does a great job of explaining how to use Semantic Chunking to get better results.

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

cory,
@cory@social.lol avatar

🔗: The Gap via Ahmad Shadeed #Webdev #CSS https://ishadeed.com/article/the-gap/

starbreaker,
@starbreaker@social.lol avatar

@cory I've already been using this when tinkering with Flexbox and Grid. Unfortunately, we've still got to use margin when not using Flexbox and Grid.

cory,
@cory@social.lol avatar

@starbreaker haha yeah, I’d love to use it everywhere. At least we're free of floats and things are — ever so slowly — improving.

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