schizanon, to react
@schizanon@mas.to avatar

If you think react is complicated now, go back to 2015 when you had to configure babel and webpack yourself, you had to do SSR and routing yourself, you had to decide between flow and typescript, you had to learn flux and immutable.js, and you had to choose 1 of 100 boilerplates

kroc, to random
@kroc@mstdn.social avatar

Just wow. The world is designing websites and apps for the iPhone at the top of this graph whilst the majority of users in the world are using hardware at the bottom. As always, JavaScript was a mistake. https://infrequently.org/2024/01/performance-inequality-gap-2024/

schafer, to CSS
@schafer@ohai.social avatar

I have the opportunity to do a redesign of a very large site that I built about 5 years ago and have maintained since. Looking to brush up on the newer #CSS / #JS that’s available to me for #frontend. The current site was built with #JQuery and #flexbox was not even an option at the time. Would love to move to #vanillaJS for most things and get the most out of flexbox that I can.

Looking for good resources, if anyone knows of any.

boilingsteam, to linux
@boilingsteam@mastodon.cloud avatar
raiderrobert, to programming
@raiderrobert@mastodon.social avatar

GO HOME #JS UR DRUNK!!!!!

aral, to SmallWeb
@aral@mastodon.ar.al avatar

Is htmx Just Another JavaScript Framework?

https://htmx.org/essays/is-htmx-another-javascript-framework/

PS. Guess what? Kitten has built-in, first-class support for htmx. (To include it in your page, just add <page htmx> to your markup.)

https://codeberg.org/kitten/app

aral, to programming
@aral@mastodon.ar.al avatar

FSX (a new modern file system module for Node.js) looks really nice. Intelligent defaults and support for mocking designed in.

Would love to see this in core.

https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/

BryceWrayTX, to webdev
@BryceWrayTX@fosstodon.org avatar

New post >> It’s tri-state switch time • With thanks as always to other, smarter folks, I implement a mode switch that gives you yet another option.

https://www.brycewray.com/posts/2024/01/its-tri-state-switch-time/

#LightDark #WebDev #CSS #JavaScript #JS

craigabbott, to javascript
@craigabbott@a11y.info avatar

I was today years old when I learned about chaining nullish coalescing operators in #javascript as an easy way to check for deep nested properties of an object without having to check each level exists as a separate statement. 🤯

For example: if (user?.details?.name?.first)

#js

cherrykoda, to programming
@cherrykoda@mas.to avatar

Honestly... it's not exactly anything new that's spurred the realisation that React is overcomplicated for what it tries to do. Glad the light is being found, but yikes that was a long time coming.

"React suggests using a framework to start a project, suggesting to use one of the three main open source frameworks, instead of just React." This itself isn't surprising, as React suffers from the same issues as Framework mania.

#js #webdev #developer

https://dev.to/matfrana/react-where-are-you-going-5284

olvigg, to Ukraine Ukrainian

Ok, last try... If I can’t get some kind of job in the near future, then I’ll just die soon.

NodeJS / React developer from Kyiv 🇺🇦

I'm looking for . Urgently.
CV: https://docs.google.com/document/d/1TpOKEwYG02DZznxPpgixv23XdKkRA2asGQIDfuZlFno/edit?usp=sharing

@ua @rada

outofcontrol, to javascript
@outofcontrol@phpc.social avatar

A JS library inspired by Laravel 'Strings' offering a chainable API for streamlined string manipulation and facilitating common string operations in javascript with enhanced expressiveness.

Disclaimer: I’ve not tried it. However, I can see with some small projects that require minimal JS, it might be handy to use.

https://github.com/akcybex/jstr

#javascript #js #laravel

minioctt, to telegram Italian

[⤴️ https://octospacc.altervista.org/2024/01/13/wordpress-che-non-e/]

Dunque, quel bellissimo #MBViewer, che ho iniziato a realizzare appena 3 giorni fa… è già #SpaghettiCode. Ehh, si, quel codice di #Telegram lì non è proprio fatto per gestire un caricamento di dati troppo avanzato e tutto #ClientSide: nel suo normale caso d’uso riceve #HTML già preparato dal server, ed usa #JavaScript non #moderno, quindi tentare il #retrofitting che ho fatto io è chiaro porti a difficoltà. Si può fare, perché nella #programmazione si può fare tutto, ma è un #casino. …E un po’ me lo aspettavo, e lo sapevo da quando ho iniziato. 😁️

Considerate, questa #idea mi era venuta per un motivo molto #semplice: era da un po’ che volevo implementare una vista più #minimale e con #comodità moderne (come lo scorrimento infinito, o la vista in contesto) per il #MicroBlog nuovo, ma tenendo comunque io il controllo dei miei #dati. Farlo dentro #WordPress non mi va, dato che alla fine comunque dovrei usare #script #JS, e a questo punto ho ritenuto #intrigante l’idea di fare proprio una cosa a parte, che potesse potenzialmente essere facilmente adattata per prendere i #contenuti anche da altre fonti (e lo fa, legge #JSON da ovunque, se opportunamente assemblato), qualora il #sito Altervista dovesse avere dei problemi. 🧭️

Però, questa non è la mia #soluzione a lungo termine. Per quello, in realtà, ho in mente un #progetto semi-segreto che iniziai mesi fa, ma che poi, presa da altre cose, non continuai. Doveva essere una #webapp per il Fediverso e, potenzialmente qualunque altro #protocollo #social grazie ad un layer di astrazione di #API interno. È Il #software che vorrei far funzionare con una doppia #interfaccia, a #messaggi o a “piazza” (stile Miiverse), e quindi in secondo luogo anche come #client Matrix, e in terzo e quarto per #blog e #feed standard… problema è che, dovendo non solo #progettare tutto il #frontend, ma anche svecchiare una spaventosa porzione del #codice, non è affatto una cosa rapida arrivare ad uno stato di primissimo #MVP. 😳️

Insomma, è per questo che questa piccola #applicazione, tirata su alla bene e meglio e che esiste in buona parte per via di #lavoro non mio, l’ho chiamata “#distrazione”. Continuerò ad aggiornarla, anche dopo che ora ho aggiunto l’ultima funzione fondamentale, ossia l’apertura di #post specifici? Probabilmente no, sarebbe meglio pensare a sistemare quell’altro progetto e fare un robo fatto bene. Importa qualcosa? Naaaah… come si dice, “the first rule of gun safety is to have fun“? Vale la stessa cosa per il #coding, quando l’arma è la propria tastiera insomma. Basta sia stato #divertente. 😈️

https://octospacc.altervista.org/2024/01/16/spaghetti-a-breve-termine/

#API #applicazione #blog #casino #client #ClientSide #codice #coding #contenuti #dati #divertente #feed #frontend #HTML #idea #interfaccia #intrigante #JavaScript #JS #JSON #lavoro #MBViewer #messaggi #MicroBlog #minimale #moderno #MVP #post #progettare #progetto #programmazione #protocollo #retrofitting #script #semplice #sito #social #software #soluzione #SpaghettiCode #Telegram #webapp #WordPress

autumn64, to python

About me: #introduction #presentation
Hi! I'm Mónica Gómez, also known as Autumn64. I am a Computer Systems Engineering student from México, and I'm a proud trans woman.

I am also a #FLOSS developer. I code in #C, #Python and #JS, but I can code in a bunch of other languages as well.

I like to make #DnB #music, check it out here: https://tube.tchncs.de/c/autumn64_channel/video-playlists

If you wish to verify I am who I say I am, please check my public key: https://www.autumn64.xyz/key.html

More about me: https://codeberg.org/Autumn64/AboutMe/src/branch/main/README.md

martian, to gamedev

Since "Overreact" (my React/HTML/CSS game engine) survived its first major test last week, a 2-day hackathon at work, I've decided to focus on just 2D features, and use it to build and release a complete game! #gamedev #reactjs #js #webdevelopment

video/mp4

minioctt, to telegram Italian

Prima che #Durov commettesse quel gran bel po’ di trolling, seguivo alcuni #canali #MicroBlog di varia #gente su #Telegram… 🪵

Ora che mi sto ricordando, almeno quelli #pubblici sto potendo importarli nel mio #lettore di #feed, tramite #RSSHub, che mi genera i documenti #RSS per qualunque #canale. 💬

Però… la media di #interfaccia di un #aggregatore non è granché adatta a consumare #post di quel tipo, spesso tanti e corti. E allora toh, in qualche quarto d’ora ho creato dei #tweak per la mia #istanza #FreshRSS, che tagliano di molto i pezzi inutili della #UI quando navigo nella mia cartella fatta apposta (mentre per tutte le altre fonti non c’è alcuna #modifica). 🖌️

Ecco una #dimostrazione (con il profilo #guest) di cosa ho fatto per ora, potete provare su https://feeds.octt.eu.org/ oppure rubare il #codice per il vostro #server (sono tutte modifiche #ClientSide, tramite #JS e #CSS). ✨https://octospacc.altervista.org/2024/01/12/devo-aggregare-i-microblog/

#aggregatore #canale #canali #ClientSide #codice #CSS #dimostrazione #DUROV #feed #FreshRSS #gente #guest #interfaccia #istanza #JS #lettore #MicroBlog #modifica #post #pubblici #RSS #RSSHub #server #Telegram #tweak #UI

screen-20240112-172504.2.mp4

viktor, to php
@viktor@me.dm avatar

Anyone affected by the tech layoffs and looking for a remote dev job, Nextcloud is hiring for #php #js #ios #android #webrtc and more:

➡️ https://nextcloud.com/jobs/

Boost for visibility pls 🙏

#opensource #foss #nextcloud #getfedihired #layoffs #jobsearch #jobs #devjobs #linux #oss #remotework

amxmln, to CSS
@amxmln@mastodon.design avatar

Does anyone know if there’s a way to get the corner radius of a screen in or ? 🤔 I think some native apps are able to adjust their UI to the display of the host and that’d be great for as well.

martian, to reactjs

"Overreact", the open-source React/HTML/CSS game engine I'm building now supports basic 3D stuff.

It's still very alpha, and pretty light on documentation, but I'm liking where it's heading! :-D

video/mp4

0x5DA, (edited ) to programming
@0x5DA@fosstodon.org avatar

== ANSWERED ==

am i going crazy?
(this is an excerpt, for brevity's sake. the real system is much more complicated.)

this JS code produces the correct result:

[..]  
target.addEventListener(eventName, () =&gt; handler());  

but this doesn't

target.addEventListener(eventName, () =&gt; { handler() });  

i would've thought these forms would be identical?
am i doing something stupid or is this a bug?

#js

jbzfn, to webdev
@jbzfn@mastodon.social avatar

🤔 Web developers: remarkably untalented and careless?
@baldur

「 So, just this once, I’d like to suggest that everybody in web dev point their dysfunctional novelty seeking (of which I suffer as well) in the direction of HTML and CSS. See how much can be done without JavaScript. It’s a lot! Then look at writing more lightweight JavaScript that’s layered on top of the HTML as enhancements 」

https://www.baldurbjarnason.com/2023/web-dev-untalented/

#Webdev #JS #Frontend

aral, to SmallWeb
@aral@mastodon.ar.al avatar

Soon you’ll be able to run any Kitten app directly from a git repository*

35 second demo:

https://vimeo.com/899533070

michael, to javascript
@michael@thms.uk avatar
5t3ph, to CSS
@5t3ph@front-end.social avatar

🎁 Psst - are you caught up on the last few days of posts from #12daysofweb including topics from @michelle, @claire, and @nilsbinder?

You are absolutely sure to learn something and be inspired!

#CSS #HTML #JS

https://12daysofweb.dev

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