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

Web developers and designers,

What are you hoping to see at WWDC next week??

joelanman, to javascript
@joelanman@hachyderm.io avatar

given delete is a keyword in JavaScript, what word do you use for a function that deletes in your own code? del, destroy, other?

MaxArt2501, to javascript
@MaxArt2501@mastodon.social avatar

A response to @cferdinandi 's recent post(s) on JavaScript and Web Components:
https://dev.to/maxart2501/javascript-is-not-the-problem-k4e

I know he didn't explain his position in details, so a 1800-word article sounds a little unfair, but I think dry and sharp statements need adequate context and analysis.

#webcomponents #javascript #webdev

Natanox, to webdev
@Natanox@chaos.social avatar

I probably get flooded by asking this but welp, here I go:

I'm looking for a good, visual (!) for that focuses on Codium, Firefox and other Open-Source tools. My specific interests are to learn , , and . Perhaps some minor , however I'd like to primarily work without it.

I'm a visual learner, extended theory in text won't help me at all. As language is visual to me, so is .

Anyone knows something that checks these boxes?

janl, to random
@janl@narrativ.es avatar

Funny, in it is unnerving to use a library version that has not had a release in four days. https://social.vivaldi.net/@Patricia/112447339260051370

stvfrnzl, to webdev
@stvfrnzl@mastodon.online avatar

I finally got #webmentions for @astro working! Thanks to @henry sparking my interest for it (again) and anyone here who helped me along the way.

https://stevefrenzel.dev/posts/webmentions-in-astro-for-blog-posts/

I would appreciate lots of likes, reposts and comments so I have more data to work with hehe
😈

#WebDev #Frontend #IndieWeb #Astro #SSG #blog #html #JavaScript

stefan, to javascript
@stefan@stefanbohacek.online avatar

I've been really enjoying working with Wikidata lately, setting up automated accounts like @libraries, @parks, and @lighthouses.

To see what else you can do with Wikidata, and to learn how to use it, check out a tutorial I put together: https://stefanbohacek.com/blog/making-a-map-of-unesco-world-heritage-sites/

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

Kitten bugfix release:

Please upgrade to the latest release that fixes a regression introduced into sessions object with the latest JSDB¹/JSDF² upgrade:

https://codeberg.org/kitten/app/issues/177

Persisting arbitrary objects to sessions is a supported workflow and this regression broke that.

e.g., See the Kitten Count Sessions example: https://codeberg.org/kitten/app/src/branch/main/examples/kitten-count-sessions/index.page.js

:kitten:💕

¹ https://codeberg.org/small-tech/jsdb#javascript-database-jsdb
² https://codeberg.org/small-tech/jsdb#javascript-data-format-jsdf

daishi, to reactjs
@daishi@fosstodon.org avatar

We are excited about React Compiler, aren't we? I just remembered that my first OSS library in JavaScript was a JS-to-JS compiler! Funny how things come around.

https://github.com/dai-shi/continuation.js

(The source code is hardly readable, even for me now... but feel free to try.)

cheeaun, to til
@cheeaun@mastodon.social avatar

#TIL Intl.NumberFormat with compact notation doesn't work for thousands in German language.

E.g.: 10000 → 10.000 instead of "10 Tsd.". But, 10000000 → "10 Mio."

I guess "Tsd." doesn't really compact it much unlike English's "10K" 🤷‍♂️

Relevant research: https://github.com/dart-lang/i18n/issues/156#issuecomment-1513218006
> "Tsd does not occur in the CLDR data" https://st.unicode.org/cldr-apps/v#/de/Compact_Decimal_Formatting/ff7ca46dee120b1

#JavaScript #Intl #WebDev

craigabbott, to javascript
@craigabbott@a11y.info avatar

I was today years old and 4 hours down when I learned you cannot deep clone an instance of a #JavaScript class 😩

tommi, (edited ) to 11ty
@tommi@pan.rent avatar

Hey #Eleventy tinkerers!

I have a git submodule that I am adding inside the repository of my website, but I want it to be ignored, except for its README.md.

I have tried two different approaches. In both cases I am able to exclude the git submodule, but I can’t find a way to include the README and use it as a regular template.

Option 1: using .eleventyignore

inputdir/submodule<br></br>!inputdir/submodule/README.md<br></br>

Option 2: using .eleventy.js

module.exports = function (eleventyConfig) {<br></br>  eleventyConfig.ignores.add('inputdir/submodule');<br></br>  eleventyConfig.ignores.add('inputdir/submodule/README.md'); // added it first to be sure<br></br>  eleventyConfig.ignores.delete('inputdir/submodule/README.md');<br></br>};<br></br>

Do you have any suggestions to fix this? The ignore section in Eleventy’s documentation is not helping much…

Thanks a lot!

#11ty #help #WebDev #JavaScript #gitignore

cc: @eleventy @

(https://discord.com/channels/741017160297611315/1022195881698672650/threads/1233153676416254133 and on GitHub Discussions

toxi, to genart
@toxi@mastodon.thi.ng avatar

Little Friday night gift for a friend (& example #163 in #ThingUmbrella): How to generate & then recursively tessellate a hex grid and visualize as SVG, all via just https://thi.ng/geom & https://thi.ng/transducers...

Demo:
https://demo.thi.ng/umbrella/geom-hexgrid/

Source code:
https://github.com/thi-ng/umbrella/blob/develop/examples/geom-hexgrid/src/index.ts

(cc @nkint)

#Geometry #Hexagon #Grid #Tessellation #Recursion #GenerativeArt #SVG #TypeScript #Javascript

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

Here’s a niche gotcha with the clipboard API’s navigator.clipboard.writeText() method that’s unique to Safari:

If you access a function from a module within your gesture handler (e.g., click handler), you will get a permission error.

The (sadly hacky and not as robust) workaround is to set a global variable from your module instead.

Full gist:

https://codeberg.org/aral/gists/src/branch/main/clipboard-writetext-permission-error-when-using-modules-in-safari.md

#Safari #clipboardAPI #JavaScript #ESModules #web #dev #gist

twilliability, to javascript
@twilliability@genart.social avatar

Question folks! If I use destructuring assignment as below, is an actual array allocated for the function's return value, or does the runtime recognize this and optimize it away?

Asking for a friend living in a tight loop.

const [a, b] = foo();

ricmac, to javascript
@ricmac@mastodon.social avatar

With frontend development, is it better to start simple and build on top of standard HTML, CSS and JavaScript? Or do you need a swiss army knife framework, like Next.js or Angular? I looked at recent Vue developments and found a lot to like about its "progressive framework" approach. https://thenewstack.io/want-out-of-react-complexity-try-vues-progressive-framework/ #vue #vuejs #javascript #frontend

toxi, (edited ) to typescript
@toxi@mastodon.thi.ng avatar

Useful snippet for computing pixel dimensions from paper sizes (both metric (DIN) and (US) imperial presets included) using https://thi.ng/units, an elaborate & powerful unit converter/calculator/DSL for all SI dimensions:

Full list of predefined constants:
https://github.com/thi-ng/umbrella/tree/develop/packages/units#constants

#ThingUmbrella #Units #Conversion #TypeScript #JavaScript

cory, to tech
@cory@social.lol avatar

🔗: 'Web components' considered harmful via Mayank https://www.mayank.co/blog/web-components-considered-harmful/

henrikjernevad, to javascript
@henrikjernevad@mastodon.social avatar

Another leak in the JavaScript single-threaded facade (or a bug in Jest, really).

Asserting expect(...).toStrictEqual(...) fails with two structurally identical objects created by two different Node worker threads because their prototypes are not the same (though identical). Asserting expect(structuredClone(...)).toStrictEqual(structuredClone(...)) works.

baumannzone, to javascript Spanish
@baumannzone@techhub.social avatar
cspray, to javascript
@cspray@phpc.social avatar

One time I found some in an app that was constructing a full blown SELECT statement in SQL, sending it to the server, and then blindly executed on that server.

It is still the most glorious, beautiful code I've ever seen.

javedAB, to javascript

#people want fast-loading pages

one way to achieve this is by loading only the necessary #javascript initially

load the rest on hover or button click for a smoother experience

#webdesign #ux #coding #frontend #webdevelopment

minioctt, to AdobePhotoshop Italian

Dovrei iniziare quantomeno a provare a fare certe pixel art che mi servono, se ho intenzione di fare i miei giochini, ma ho realizzato che sto un po’ rimandando… Ci ho pensato un attimo, e mi rendo conto che succede perché semplicemente non ho le condizioni esterne giuste per mettermi a disegnare quella roba: tutti i programmi (per PC) sono scomodi. 😶️

Più o meno su mobile (tablet o smartphone) qualcosa di agibile si trova, e riesco a disegnare senza incazzarmi affatto, anche se, ovviamente, non è il massimo… con il touch screen, tra le dita che coprono la vista, la generale imprecisione dei tocchi, e il fatto che quando sono a casa vorrei usare il potenzialmente più comodo PC per i disegnini pixellosi, non riesco granché ad accontentarmi. Appunto, su PC non ci sono software comodi, perché per qualche motivo l’ennesima devianza dei tempi moderni è che si debba usare il mouse e solo il mouse per disegnare pixel art — e voi sapete come sto io col mouse (mi accorgo ora di non averlo mai spiegato bene però… pazienza, un giorno scoprirete) — nonostante ai tempi antichi il topo non esisteva nemmeno, eppure con la tastiera si disegnava bene uguale. Vi giuro, non ho trovato un editor completo che sia uno che permetta di disegnare muovendo un cursore e piazzando il colore usando solo la tastiera, e questo per me è un problema più grande di quello che suona. 😩️

A dire il vero, ne ho trovato giusto qualcuno sperimentale, progettini iniziati per sfizio e mai finiti, con troppi compromessi e limitazioni che mi impediscono di prendere ed usarli con felicità; ve li elenco per pietà: cmdpxl, pypixelart, KDP, Pixkey e, Peachel. Stavo quasi pensando di usare programmi di fogli di calcolo per disegnare, che di base hanno un buon workflow per la tastiera (e a volte ci ho disegnato sopra…), e permetterebbero di usare le macro per implementare le funzioni di settore mancanti… ma mi sono subito scontrata con la realtà di: niente Excel su Linux (il 2007 va in Wine ma palle), LibreOffice Calc non permette di mappare a tasti il secchiello per colorare le caselle (non è chiaro se sia una funzione mancante oppure un bug), OnlyOffice Spreadsheet ha millemila bug tra cui problemi di ridimensionamento delle celle (non ho voluto nemmeno proseguire oltre quindi lmao), e sia Excel Online che Google Sheets fanno veramente cahare liquido. E allora, pure stavolta, l’ennesimo progetto laterale inizia… 🤬️

https://octospacc.altervista.org/wp-content/uploads/2024/05/image-7-960x481.pngL’ennesimo concretizzarsi del sesto corollario di Murphy (“Non ci si può mettere a far qualcosa senza che qualcos’altro non vada fatto prima”) mi stava facendo avvilire, ma non avevo altra scelta ormai, quindi ho iniziato, e ho deciso anche stavolta di creare un programma mio anziché forkarne uno esistente (sarà meno una rogna per me svilupparlo e mantenerlo). E, devo dire, è buono, perché tra ieri e oggi ci ho preso gusto: ho già la parte di base di disegno a posto, e ora posso implementare gli strumenti più utili e originali, ho un sacco di idee per rendere il disegno più veloce e piacevole che col mouse! Ma prima, sto finalizzando il formato “proprietario” dell’app… si, è quel plaintext lì anziché un banale JSON o un oscuro formato binario; ma voi non siete pronti, avrete altre foto solo tra un po’… 🙃️https://octospacc.altervista.org/2024/05/30/disegnare-senza-rogne/

toxi, (edited ) to generative
@toxi@mastodon.thi.ng avatar

Added a new[1] configurable curve subdivision kernel for https://thi.ng/geom to (iteratively) subdivide polygons/polylines with displacement, allowing for super compact code, infinite variation, and beautiful results like shown...

[1] Actually been using this approach since 2010, initially for 3D mesh subdivisions (3rd image)

khalidabuhakmeh, to javascript
@khalidabuhakmeh@mastodon.social avatar

I’m about to make many developers feel very old. Apologies in advance.

https://mootools.net/

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