This is my second try to move to Mastodon or at least to try to convince myself to use it instead of X. Do you have any recommendations for whom I should follow? I'm interested in #webdev #frontend #javascript #react #vue #next #nuxt
webdev
Hello, front-end developers. Here's your infrequent reminder to make websites that also work on browsers NOT Google Chrome.
Forcing anyone to use Google's glorified spyware is not cool.
How many hours a day do you spend staring at a screen? How much do these black mirrors dominate our attention?
**Boost for reach** 🚀
Any screen counts; computer monitor, laptop, phone, TV, smartwatch, timetable at the train station, etc.
Count total time spent with eyeballs pointed at it.
Follow me if you want to see more cool polls, and maybe some cute cat pictures.
#poll #media #tech #technology #psychology #mobile #computer #laptop #internet #web #webdev #programming
Options: (choose one)
My pals in BBC World Service have been doing some awesome work on "lite" versions of their news articles (other page types to follow).
They essentially skip the Server-Side React hydration which means you end up with a simpler HTML+CSS page, no JS.
Page sizes drop significantly:
* Transferred: ~600KB -> 30KB
* Total: 1.65MB -> 135KB
Just append `.lite` on a URL e.g. https://www.bbc.com/mundo/articles/crgyyvdz1dro.lite
There's no on/off UX at the moment but they're working on that too.
#WebDev #WebPerf #WebPerformance #BBC
Been waiting for this "A proposal for a web translation API" https://github.com/WICG/translation-api (ever since browsers have their own built-in translation features)
But this got deployed first: "Gemini Nano summarization API available for early preview" https://developer.chrome.com/blog/august2024-summarization-ai
🤷♂️
Thoroughly enjoyed watching this podcast interview with John Resig on Syntax https://syntax.fm/show/800/why-the-jquery-creator-uses-react-and-typescript-john-resig
🦗🦗🦗 "iOS 18 - PWA App Icons: Dark and Tinted Appearance" https://forums.developer.apple.com/forums/thread/761615
Looks useful 🤔
https://w3c.social/@w3cdevs/113125488769167997
Looking for CMS advice
Hey Web devs!
Do you have any suggestions, tips, opinions, dos, don’ts about headless CMSes?
I have a growing list of small/mid non-profits and collectives asking for my help to (re)make their website. I totally want to help, but I don’t have much time, especially considering that they generally have little or no funding—I would most definitely point them to @VillageOneCoop, otherwise.
Therefore, I want a super simple and replicable solution where I can copy-paste most of the code, while providing them with a stable, fast, and modern solution. I had a look at the Headless CMS section in the Jamstack website, but I need opinions from people who actually used some of that software already.
Needs
I want to code and configure everything using @eleventy
Admin interface (#WebApp) for the client to add pages and write posts
Static website in the front-end
Simple and reliable CI/CD
No/minimal maintenance after the first setup
Self-hostable (I was taking this for granted so much that I forgot to write it)
If it requires forge integration, it should support #ForgeJo
#OpenSource
Nice to have
Possibly using #Deno, not #NodeJS
Allowing the client to customize a bit their website through the admin interface, with a GUI
CMS app packaged on @yunohost
No CMS vendor lock-in
I’d love to write as little JavaScript as possible
#FreeSoftware
Absolutely not
Front-end #JavaScript frameworks
Please, boost this and ask around! Links to videos, tutorials, and resources are welcome.
People whose perspective I would really value: @zachleat @harryfk @deno_land @jaredwhite @vanillaweb @stefan @mxbck @WeirdWriter @deadsuperhero (Sorry if I am spamming you!)
#Eleventy #11ty #CMS #HeadlessCMS #Ghost #DecapCMS #CraftCMS #Strapi #Web #WebDev #WebDesign #StaticGen #StaticWebsite #Website #HTML #CSS #YunoHost #SelfHosting #Wordpress
Do you need to build a static website for fun or profit? Try the Simple.css Framework. It is a CSS framework that makes semantic HTML look good.
+ A good-looking sans-serif local font stack.
+ Typographic best practices.
+ Automagic flipping to dark mode.
+ Fully responsive.
+ Sensible defaults that format standard + HTML elements.
+ Super lightweight (10k css).
+ Give it a try @ https://simplecss.org/ (my home page https://vivekgite.com for live demo).
HUGE thanks to @robb for writing a clear, easy-to-follow #guide on how to enable #Fediverse author attribution on blogs/websites - so that it will show up under the link card: https://rknight.me/blog/setting-up-mastodon-author-tags/
I just released my first Kirby CMS plugin today!
It protects your website from unwanted visitors with a password screen. This is useful to share a staging site with your client without needing to set up basic auth or a user account for them.
I'd appreciate any testers! If the plugin works as expected I will submit it to kirby’s plugin repository.
Get it here: https://github.com/pechente/kirby-password-guard/
We are running an Inclusive Web Devroom at FOSDEM 2025!
If you want to speak about anything related to privacy, accessibility, localization, and inclusivity in web, please submit a talk. Check https://github.com/Inclusive-Web-Devroom/fosdem-2025/blob/main/CFP.md for more details regarding CFP
When you leave display logs for debugging "on" in production.
Looked up how to do multiple primary keys in #Django and found that the issue was first opened 19 years ago, and was accepted for check-in yesterday! https://code.djangoproject.com/ticket/373 #webdev #python
Randomly found this weird `x5-playsinline` HTML attribute on the example videos on sora.com. Did a search and seems like it's for WeChat's built-in browser https://nanmu.me/en/posts/2020/strange-html-video-tag-behavior-in-wechat/
My Web Development Wish List 2025:
- Play-pause-able GIF components
- Syntax/text highlighting for textareas
- Safe area inset debugging in dev tools device emulation
- Native emoji picker input field
- Native emoji fallback
- Native virtual list
- JS API for browser-native text translation and language detection
- Better MathML for LaTeX Math
I’m looking for work as a senior software #developer. I have a full-stack #WebDev cert, 16+ years #Perl back-end experience, proficiency in multiple other #programming languages.
Databases? Sure, relational *and* NoSQL. CI/CD? Have done, want to do more. I like working with others, either here in #Houston or remotely across the US.
I’ve been hacking code since the #Commodore PET days. I can certainly delight your customers, whatever your stack.
More here: https://LinkedIn.com/in/mjgardner
Solve NPM Execute TypeError LRU is not a constructor
Quickly solve and understand the NPM execute TypeError LRU is not a constructor by following this GNU/Linux comprehensive solution guide.
https://www.adamsdesk.com/posts/solve-npm-type-error-lru-not-constructor/
Adding ALT text to social cards media
https://stefanbohacek.com/blog/adding-alt-text-to-article-thumbnails-on-social-media/
Drupal.community is a Mastodon server focused on Drupal, free and open source software and web development, but any content is welcome as long as it adheres to the Drupal Code of Conduct.
Find out more at https://drupal.community/about or contact the admin @pcambra
#FeaturedServer #Drupal #WebDev #WebDevelopment #CMS #FOSS #Mastodon #Fediverse #FreeFediverse
As part of a time-limited trial, yesterday we removed the www.bbc.co.uk & www.bbc.com robots.txt "block" on *one* GenAI crawler.
Here's a graph of total daily requests from that 1 GenAI crawler by content-type. You'll note, they've retrieved ~460k web pages in ~16 hours, so a mean of ~28,750 web pages per hour. They'll likely pull ~690k pages today, ~32GB egress.
Whilst this is a drop in the ocean versus our other traffic, I can easily see how this could sink a smaller website.
My Easter treat has been to work on my silly hosted-at-home retro website. It now features actual content, animated GIFs, and photos of pineapples!
There's a few dynamic pages under cgi-bin, although they are not actually CGI scripts—they are generated by a Rust program. The dynamic content includes live energy stats, climate info, and memory & uptime info. I still want to fill out the content some more, but I also need to do other things.
What looked like a bit of background noise turned out to be a DDoS attack against the ScummVM website.
Anubis truly saved the day. Read the full story here:
https://fabulous.systems/posts/2025/05/anubis-saved-our-websites-from-a-ddos-attack/
Side quest sneak peek: a browser extension that visualizes (Service Worker) Cache Storage for web sites.
Decided to build this after seeing how difficult it is too see what's stored in Service Worker cache. They can (accidentally) take up quite a lot of storage space.
Repo: https://github.com/cheeaun/stakataka
Not released yet, under review in Chrome Web Store.