erick, to webdev French
@erick@oisaur.com avatar

Je pensais avoir du boulot à partir de mi-avril mais ça tombe à l'eau et je me retrouve avec pas grand chose.
Si vous entendez parler de missions d'intégration #HTML / #CSS, je suis tout ouïe (comme les poissons).
J'aime le code propre et minimaliste, mettre en place les bonnes pratiques et j'ai des bases d' #accessibilité.

Le repouet repeuple les océans et les rivières de nos amis à écailles.

#jeChercheUnJob

attacus, to webdev
@attacus@aus.social avatar

Today I built a silly webpage by hand in a couple of hours. (I’m not going to tell you what it was, except that it was frivolous af.)

I started out by looking for a template, but everything I found was way too involved, so I ended up writing the HTML and CSS from scratch, throwing it in a cloud-hosted directory, and nudging the DNS settings to point there.

This turned out to be a ridiculously nostalgic experience. I built a lot of weird little websites like this when I was about eleven years old, saving the HTML of sites that I liked so that I could access them when the phone line was being used by someone else, and changing pieces around to figure out how it all fit together.

It struck me that:
a) by this measure I’ve been doing web dev for almost a quarter-century now 😳
b) there is nothing stopping me from making websites this way. I can still write HTML and yeet it out there if I want to, no matter what it’s for. Pages load quickly. It’s not fancy. It works. Underneath it all, the web is still there.

If you feel so inclined, I can highly recommend seizing an afternoon, taking a silly webpage idea, and having a play.

#HTML #CSS #SmallWeb #IndieWeb #web #dev

5t3ph, to webdev
@5t3ph@front-end.social avatar

📝 New post:
"A Call for Consensus on Semantics"

Partly a rant, minorly educational, mostly a call for help.

https://thinkdobecreate.com/articles/a-call-for-consensus-on-html-semantics/

joelanman, to webdev
@joelanman@hachyderm.io avatar

In HTML, don't use type="number" use type="text" inputmode="numeric" instead.

number silently restricts input, inputmode provides the number keyboard on mobile without any of the downsides.

Error messages are far more helpful than input restriction - this goes for maxlength too

#frontend #html #accessibility

jensimmons, to CSS
@jensimmons@front-end.social avatar

Dear people who make websites,

Now that Safari 17.4 is available, what other new web technology — HTML, CSS, JS, Web API, media support, etc — would you like to see supported in Safari next?

What’s most needed?
What will you use it for?
Or how will it help your team serve your users?
Tell me a story…

angelikatyborska, to webdev

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/

Edent, to webdev
@Edent@mastodon.social avatar

🆕 blog! “I can't use my number pad for 2FA codes”

This has to be the most infuriating bug report I've ever submitted. I went to type in my 2FA code on a website - but no numbers appeared on screen. Obviously, I was an idiot and had forgotten to press the NumLock button. D'oh! I toggled it on and typed again. No numbers appeared. I […]

👀 Read more: https://shkspr.mobi/blog/2024/04/i-cant-use-my-number-pad-for-2fa-codes/

#HTML #javascript #security #ui #ux

estelle, to webdev
@estelle@front-end.social avatar

Today the <blink> element was officially removed from MDN.

https://github.com/mdn/content/pull/26904

It was an awful element, but, oh, so many memories.

daviwil, to CSS
@daviwil@fosstodon.org avatar

This site is pretty useful:

https://modernfontstacks.com/

It's a reference for common system-provided fonts for certain styles of text so that you don't need to depend on heavy web font files for your sites but still get nice-looking faces on most systems.

Choose your desired style, copy the font-family line into your CSS, and then you're done!

SteveFaulkner, to accessibility
@SteveFaulkner@mastodon.social avatar

First Rule of ARIA

"If you can use a native HTML element or attribute with the semantics and behavior you require already built in, instead of re-purposing an element and adding an ARIA role, state or property to make it accessible, then do so."

https://www.w3.org/TR/using-aria/#firstrule

amber, to react
@amber@front-end.social avatar

I've been in this industry long enough to see things constantly come & go. #React is no different - it'll be replaced by other frameworks soon & those will be hot for a bit. Then that one will be replaced & so on. Learn your basics! #HTML #CSS, plain #JS. Those are the only things that don't come & go & will take you through your entire career, regardless of what's cool right now. Will I still be coding #WordPress in 10 years? Who knows! But my knowledge of #PHP will carry me on.

pawelgrzybek, to webdev
@pawelgrzybek@mastodon.social avatar

A quick reminder, folks. If you haven't already, it is the perfect time to catch up with every article on these two amazing advent calendars.

HTMLHell by @matuzo
https://www.htmhell.dev/adventcalendar/

12 Days of Web by @5t3ph
https://12daysofweb.dev

w3cdevs, to webdev
@w3cdevs@w3c.social avatar

📢 Congrats to editors Matt Garrish, @ivan_herman and @dauwhe for the newly published @w3c EPUB3.3, revolutionizing digital publishing https://www.w3.org/TR/epub-33/

📘 EPUB 3.3 is a distribution and interchange format for digital publications and documents. It enables the representation, packaging, and encoding of structured and semantically enhanced web content, including , , , and more, in a single-file container

j9t, to webdev
@j9t@mas.to avatar

This year there’s no new edition of “Upgrade Your #HTML” (my ebook series about #valid #minimal markup).

But: For a limited time, you can get all current 4 editions nearly for the price of 1, over at @leanpub:

https://leanpub.com/b/upgrade-your-html-1-4/c/uyh5

sarajw, to webdev
@sarajw@front-end.social avatar

I have come to understand some people still do not know color-scheme, and that it's a nice way to make dark mode scrollbars without doing the things @eric will tell you is a bad idea :)

So here you go!

https://sarajoy.dev/blog/color-scheme/

Edent, to CSS
@Edent@mastodon.social avatar

🆕 blog! “Using date-based CSS to make old web pages look old”

How do you know you're looking at an old website? You may have found a page which has lots of interesting information, but how can you tell it's a modern and relevant result? Some websites don't contain dates in their URls. There may not be a © date or publication date shown on the page. […]

👀 Read more: https://shkspr.mobi/blog/2023/12/using-date-based-css-to-make-old-web-pages-look-old/

jbzfn, to webdev
@jbzfn@mastodon.social avatar

📄 arXiv now offers papers in HTML format

「 The request to offer arXiv-hosted papers in HTML format comes directly from scientists with disabilities who face barriers to accessing the research they need. HTML formatted papers are more easily and accurately read by screen readers and other technologies, which can assist researchers with reading disabilities, including blindness, low vision, dyslexia, and more 」

https://blog.arxiv.org/2023/12/21/accessibility-update-arxiv-now-offers-papers-in-html-format/

paulox, to webdev
@paulox@fosstodon.org avatar

HTMX 1.9.7 has been released 🎉

htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext :picklerick:

https://github.com/bigskysoftware/htmx/releases/tag/v1.9.7

[

SteveFaulkner, (edited ) to accessibility
@SteveFaulkner@mastodon.social avatar

🎯 quick and very dirty target size checker

👏🏽 updated with the help of @siblingpastry

An attempt to make the process of checking 2.5.8 Target Size (Minimum) as painless and swift as is possible.

👉🏽 Check it out, tear it apart, call me a no good punk, pour scorn, make it better, even better; make something else that works better! AND share it publicly without a restrictive licence

https://html5accessibility.com/stuff/2023/08/28/quick-and-very-dirty-target-size-checker/

spaceninja, to webdev
@spaceninja@mastodon.cloud avatar

are having a moment, y'all! I believe we're living through a rare moment in front-end, an inflection point that we'll look back at in the future and say "that's when it changed!" https://cloudfour.com/thinks/html-web-components-are-having-a-moment/

SteveFaulkner, to accessibility
@SteveFaulkner@mastodon.social avatar

🆕 options for group labeling options

"An ugly truth is that there are still interoperability issues with some of the native HTML controls and Screen readers. Even though these controls have been around since long before AI came to the rescue of our accessibility asses."

https://html5accessibility.com/stuff/2024/01/12/options-for-optgroup-labeling-of-options/

webetcaetera, to webdev French

"Making a positive change: PDF to HTML
The Government Digital Service (GDS) states “Compared with HTML content, information published in a PDF is harder to find, use and maintain”."

Consider the needs of the people you are publishing the information for. Engage with them early to explore alternative options that may better meet their needs.

YES !

https://accessibility.blog.gov.uk/2023/06/12/making-a-positive-change-pdf-to-html/

w3cdevs, to webdev
@w3cdevs@w3c.social avatar

Were you around in 1996? Remember Amaya? Both a Web #browser and an authoring tool, Amaya's main purpose was to showcase and promote @w3c Web technologies and standards, such as #HTML and #CSS.

Read Amaya's story by @swheritage, cc Inria:

▶️ https://www.softwareheritage.org/2023/10/26/unveiling-amaya-story/

SteveFaulkner, to webdev
@SteveFaulkner@mastodon.social avatar

Subheadings, subtitles, alternative titles and taglines in HTML

“Until recently there was no dedicated method in HTML to identify content as a subheading, subtitle, alternative title or tagline. Now there is.”

https://www.tpgi.com/subheadings-subtitles-alternative-titles-and-taglines-in-html/

krinkle, (edited ) to webdev
@krinkle@fosstodon.org avatar

"Google Sites" now supports embedding images.

What you want: <img style="margin: 0 auto;">

What you get:

  • ~100 HTML elements, including 57 unique CSS class names across 83 attributes, 30 hidden DIVs, 3 iframes, 2 external script tags, 2 inline script tags, and 1 actual <img> tag.
  • the <img> is inside an iframe, nested 3 (!) levels of iframes deep.
  • an image cut off in both X and Y directions.
  • not one, but two unwanted scrollbars.

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