amapanda , to random
@amapanda@en.osm.town avatar

omg! it's possible to link to specific text in web page!

We are no longer shackled by the that the web page authors want!

docs: <https://developer.mozilla.org/en-US/docs/Web/Text_fragments> & <https://web.dev/articles/text-fragments>

Alas, doesn't work natively in 😥, but I think it works with this FF extension: <https://github.com/GoogleChromeLabs/link-to-text-fragment>

chriskirknielsen , to random
@chriskirknielsen@front-end.social avatar

My company is looking for a front-end developer. (front-end engineers welcome) Actual HTML/CSS/JS, potentially some framework use, or CMS work (PHP/WordPress, Liquid/Shopify).

Office in Cincinnati, OH, or fully remote (US preferred for timezone overlap), junior-ish level.

You'd be working with me! I have fun statuses on Slack every day.

Interested? Know somebody? More info: https://mojopsg.com/careers/front-end-developer/
(you can email, or message me here)

#FediHire #html #css #js #frontend #job

css , to random
@css@front-end.social avatar

Using modern CSS features to create a custom range slider with a tooltip. There is no JS to update the values, it's pure CSS with minimal HTML 😎

Powered by Scroll Driven animation, Anchor positioning, @​property and more! 🤩

Demo: https://codepen.io/t_afif/full/JjqNEbZ via :codepen: @codepen

Online Version: https://css-tip.com/range-slider-tooltip/

It's Chrome only for the tooltip but the range slider works fine in all the browsers.

Showing two range slider with a tooltip containing the selected values. From the linked demo.

stfn , to random
@stfn@fosstodon.org avatar

Good people can you point to a good, modern HTML course?

I want to relearn it from scratch, and get to know all the new goodies that were implemented in it.

rauschma , to random
@rauschma@fosstodon.org avatar

: I still remember <dl> as “definition list” but it’s now called “description list”.

Similar redefinitions (in these cases, to make the elements more semantic):
– <hr> (horizontal rule) is now “thematic break” (tHematic bReak?).
– <i> (italics) is now “idiomatic text”
– <b> (bold) is now “bring attention to”

claudius ,
@claudius@darmstadt.social avatar

@rauschma

@puresick seriously 😩

vanilla , to random
@vanilla@social.spicyweb.dev avatar

Unpopular (maybe?) opinion:

The way to get better at & isn't to build complex web applications with frontend frameworks. The way to get better at HTML & CSS is to write content with HTML & CSS.

  • Build a blog.
  • Build a landing page.
  • Build a report.
  • Build a portfolio.
  • Build lists.

Most web applications are simply content + forms in a fancy UI trench coat. 😅 They just tend to be far more "componetized" — making it much harder to grok the underlying semantics at first.

angelikatyborska , to random
@angelikatyborska@mas.to avatar

Based on my experiences in various frontend codebases that were written without a frontend expert on the team (including my own old projects 💩), I compiled a list of 9 most common signs of frontend code quality issues that affect users https://angelika.me/2024/04/13/9-signs-your-frontend-code-has-quality-issues/

rauschma , to random
@rauschma@fosstodon.org avatar

“The case against self-closing tags in HTML” by @jaffathecake
https://jakearchibald.com/2023/against-self-closing-tags-in-html/

In , slashes at the end are simply ignored:

<div /> The div is open. This text is inside the div.

tantek.com , to random

https://microformats.org/wiki/rel-me. Want to learn more about rel=me distributed identity verification with zero cryptohashfoo blockchaining? Drop by https://chat.indieweb.org/dev. FTW!

https://www.threads.net/@0xjessel/post/C4zGhshpn9t:
“as everyone is trying out fediverse, today is a good reminder that threads support rel=me link verification -- another open web standard we adopted last year. this is useful right now because you can't see fediverse replies to your posts on threads yet. so if you use a mastodon alt account to reply to your threads posts, setting this up proves you are the owner of the mastodon and threads account. see post below on how to set this up: https://www.threads.net/@0xjessel/post/Cvu7-42PVpC:
“to set your own up:

  1. add your mastodon profile to your threads link in bio.
  2. add your threads profile to your mastodon profile
  3. save your profile and it should show as verified now”

Previously: https://tantek.com/2023/234/t1/threads-supports-indieweb-rel-me

J12t , to random
@J12t@social.coop avatar

Hive Mind: anybody have a recipe how to mark up pages so that when they are shared in , they show up nicely in people's feeds with pictures and title etc?

davidbisset , to random
@davidbisset@phpc.social avatar

"Web Development Is Getting Too Complex, And It May Be Our Fault"

https://www.smashingmagazine.com/2024/02/web-development-getting-too-complex/

"Are , , and a touch of enough to build your website or web application? If so, then stick with those. What I am afraid of is adding complexity for complexity’s sake and inadvertently raising the barrier to entry for those coming into web development."

danhon , to random
@danhon@dan.mastohon.com avatar

I'm gonna be that guy and point out that when people say "the Fediverse" what they probably more specifically mean is "what's implemented by Mastodon, a social network built on top of ActivityPub" and that for certain conversations, this matters.

AnonymooseGuy ,
@AnonymooseGuy@mas.to avatar

@danhon

Uhm... is a recommended standard published by the Social Web Working Group.

It's a "hobbyist group" project in the same way as was.

jacobydave , to random
@jacobydave@mastodon.xyz avatar

Anyone else wish you could just use markdown in the fediverse?

mjgardner ,
@mjgardner@social.sdf.org avatar

@jacobydave What @KevinMarks means is that the spec for content exchanged via across the supports payloads (https://www.w3.org/TR/activitystreams-vocabulary/#dfn-content) and will render them, but the latter only takes strings when posting (https://docs.joinmastodon.org/methods/statuses/#form-data-parameters)

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • test
  • worldmews
  • mews
  • All magazines