Dans cette vidéo, découvrez comment #publier une #application web #statique (#HTML, #CSS, #JS) sur la #Forge des communs numériques éducatifs #LaForgeEdu, sans serveur (ni PHP, ni Node).

À partir d’un modèle de site simple disponible sur la Forge.

https://tube-sciences-technologies.apps.education.fr/w/3ad1PETV3uvkjpzKCHGfQ7

Nous verrons comment :
- #bifurquer le dépôt vers son propre espace,
- personnaliser le titre et les paramètres du projet,
- remplacer les fichiers du modèle par ceux de son application,
- effectuer un commit,
- activer la publication dans l’onglet "Pages" pour générer un lien public simplifié.

Un tutoriel pas-à-pas pour mettre rapidement en ligne ses propres ressources pédagogiques.

LegoJs v1.9.0 is out with more simplicity and more modern #JS to write #native #webcomponents 

https://github.com/Polight/lego/pull/37#issuecomment-2803062579

Documentation will follow.

Just learnt a really big lesson in NextJS - not every component has to be set to the fancy factory components.

Like for example, I had a simple URL shortener app. Initially, I had set <Link />, pointing to the https://url/shortcode.

The consequences of this was that the link kept getting preloaded, and the buttons incremented on every page reload.

<a /> fixed this.

When writing #rust I always put parentheses around if statements like this:

if (sth_is_true) {}

instead of just going with:

if sth_is_true {}

Seems like my brain isn't able to switch between #JS and Rust in this regard.

Woah! I’m published on @csstricks !

I adore CSS-Tricks, and it has been invaluable to me over the years. I’m ecstatic to be able to contribute something back.

#WebDev #FrontEndDev #CSS #JS

RE: https://mastodon.social/@csstricks/114336363156155232

A notícia que aqueles(as) que dizem com orgulho #SouDev estavam esperando: INSCRIÇÕES ESTÃO ABERTAS!

https://soudevcon.com.br/inscricoes/

Na fase "Blind Bird", quando ainda estamos publicando o conteúdo, as primeiras 25 pessoas se inscrevem pelo menor valor!

São 76 HORAS de conteúdo previsto com foco em #JavaScript, #Python e #PHP, para #Dev nenhum(a) botar defeito!

'bora, #Devs!

This month's performance hero is a person after my own heart – someone who is passionate about building a secure, accessible, performant web for EVERYONE, and who always leads with a deep compassion for users. Let's all join in celebrating Alex Russell (@slightlyoff)!

https://www.speedcurve.com/blog/performance-hero-alex-russell/

️ Getting Started with Linux WebJobs on NodeJS

#devdigest #azure #cloud #node #js #javascript #nodejs

https://devdigest.today/goto/3960

Does you web app requires a 10MB JavaScript to work?

Not anymore!

https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/Compression_dictionary_transport

Bare: Run #JavaScript everywhere, actually: https://bare.pears.com/

TIL the innerText property represents the *rendered* text, not the actual text in the DOM - for that you need textContent. So if you've uppercased your content with #CSS it will also be uppercase.

I just spent way too long debugging why the #Shopify predictive search breaks if I update the styling of the search button!

Compare your #webapps and see how much memory and CPU they are using.
Oh wonder #SPAs are more prone to memory eating, by nature, there is more dynamic page content, more #JS. Already the base memory footprint is double that one of an MPA.
Just check out the your browser's task manager. #devtools
And in doubt #usetheplatform, or in other words: HTML and CSS are powerful tools and solve more problems than some may think. Try to think simple(r).

A Little Loopy - Arrays, Loops, forEach, some, for...of, for - FrontEnd Engineering Explained #js

https://www.youtube.com/watch?v=3gGthefMC58

Firefox 137 is around the corner and I realized I didn't wrote DevTools release post since the beginning of the year
Let's start with updates in version 134, which brought a few fixes and some nice accessibility improvements: https://fxdx.dev/firefox-devtools-newsletter-134/

Folks who #website: I'm trying to create a slice'n'dice-able #data #table -- somewhat like https://instances.vantage.sh/ with the per-column client-side search/constraint/etc. FWIW my data's a discrete JSON file.

I'm allergic to JavaScript insofar as I have zero idea what I'm doing with it (and *can't* do anything with it, myself) but will happily copy'n'paste it as needed.

Got any pointers? #websites #HTML #datadriven #javascript #js #webdev #WebDesign #WebDevelopment #dataviz

I’m probably one of the few that advocates for 100% Code Coverage.

There may be some justifiable exceptions, but overall it’s just a good practice to avoid something that doesn’t work as expected.

Parallax layers

A subtle shift across 13 layers kept within a frame on the page.

CodePen: https://codepen.io/HejChristian/full/ZYEqoXd

Flip card on hover, flip back on hover out...

... but on touchscreens, flip it on click and then flip it back on second click!

A mostly #CSS solution, using #3D transforms, variables, grid, pointer MQ + a little bit of #JS.

Because somebody asked how to do it https://www.reddit.com/r/css/comments/1jm0a7v/comment/mk7zmd5/

Live demo on @codepen: https://codepen.io/thebabydino/pen/MYWPeer

"SPA Feel – Pattern #1 – Restore Scroll Position"

Combine the inherent simplicity and performance of MPAs with the smooth user experience of SPAs, making SPAs often outdated.

https://picostitch.com/blog/2025/03/spa-feel1-restore-scroll/

Initially written about at https://mastodontech.de/@wolframkriesing/113147202566737199