davidbisset, to javascript
@davidbisset@phpc.social avatar

Five Basic Things About That Will Help Non JavaScript-Focused Web
https://frontendmasters.com/blog/5-things-designers-can-do-with-javascript/

christian, to webdev
@christian@aldr.social avatar

Enhancing my JavaScript knowledge bit by bit - today with a fun short clip by @cferdinandi and @kevinpowell; explaining var, let, and const - and when/where to use them for declaring a variable.

https://www.youtube.com/watch?v=pobWEaHNChY

scottjenson, to ChatGPT
@scottjenson@social.coop avatar

My experimentation with + programming has been a mixed bag:
Pros:

  • It often gets it right the first try
  • It's faster to change the prompt than edit the code
  • it can explain code fairly well

Cons

  • I can ask the exact same prompt and get different code that WONT work!
  • After several iterations, the code just stops compiling
  • I frequently save revisions of files so I can upload a working file and iterate from there.
  • It's SO SLOW to wait for it to type out
scottjenson,
@scottjenson@social.coop avatar

I've been wading into code/APIs I have zero experience with and making remarkable progress. I'm thinking of it as creating a good starting tutorial.

I'm still giving it fairly tiny utility programs (I am just prototyping crazy stuff) I'm not building anything complex. But as a Designer the fact that I can build a working prototype in or so damn fast is remarkable.

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

vanilla, to programming
@vanilla@social.spicyweb.dev avatar

Last month's exclusive video at The Spicy Web demonstrating a CodePen example of Signals—what they are, how they work, and why frontend frameworks and fans of vanilla alike are adopting them rapid-fire—is now available to view for free! Check it out:

https://www.spicyweb.dev/videos/2024/signals-are-eating-the-web/

mobileatom, to javascript
@mobileatom@flipboard.com avatar
eikun_0903, to javascript Japanese
@eikun_0903@fedibird.com avatar
dof, to python
@dof@mstdn.social avatar

The problem with using a lot of computer languages is trying not to get them mixed up. Today I used a Python ‘F’ formatted string in JavaScript and it took quite a while to figure out why the IDE was complaining.

vanilla, to webdev
@vanilla@social.spicyweb.dev avatar

New video out on The Spicy Web! 🌶️

Here be a fresh (and tingly!) take on reaching for -first tools like htmx, Turbo, Unpoly, etc. and why you might just want to (spoiler alert!) go vanilla. 🍦 After all, we have so many great browser-native APIs at our disposal now!

Sign in or sign up via Intuitive+ to watch:
https://www.spicyweb.dev/videos/2024/ajax-back-in-action/

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

Hey 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!

cc: @eleventy @

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

davidbures, to swift
@davidbures@mstdn.social avatar

Thanks to @dimitribouniol and @glacials, we're much closer to the next Cork release! I was finally able to implement the first version of a self-compiled check, which was the only requirement left for the next release.

As promised, both Dimitri and Ben will be getting either a free Cork license or the cash equivalent, as well as a special shoutout in the contributors sections once the feature is fully implemented.

slashtechno,
@slashtechno@fosstodon.org avatar

@davidbures I think the pricing model for software wherein the compiled version is a one-time purchase but people can compile it themselves is smart. However, I imagine this isn't possible with interpreted languages like and .
If you couldn't charge for compiled versions of Cork, how else would you monetize it whilst keeping the code open source?

slint, to rust
@slint@fosstodon.org avatar

We're pleased to "spring" a new release, v1.6: Improved design mode, new Python packages, and enhanced accessibility. 🥳🐣

https://slint.dev/blog/slint-1.6-released

nucliweb, to javascript
@nucliweb@webperf.social avatar

I love how @lydiahallie explains and simplifies how Event Loop, Web APIs, (Micro)task Queue, works in her video series "JavaScript Visualized"

https://www.youtube.com/watch?v=eiC58R16hb8

nurkiewicz, to AWS
@nurkiewicz@fosstodon.org avatar
ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar

Awesome Regex: opinionated list of regular expression tools, tutorials, libraries, and other resources
https://github.com/slevithan/awesome-regex

#ECMAScript #JavaScript

ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar
ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar
ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar

Node.js and its many, many new features with Matteo Collina [89-min. video]
@mcollina @jlengstorf
https://www.youtube.com/watch?v=evCnOaVaOTo

ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar
ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar
aral, to SmallWeb
@aral@mastodon.ar.al avatar

The Evergreen Web section in Kitten’s¹ settings now has its own page too (and uses Kitten’s new Streaming HTML² workflow).

If you have the previous version of your site up somewhere, you can use the 404-to-307 technique³ to forward missing pages to your old site so as not to break the Web.

I’ll add local static archive support later.

¹ https://codeberg.org/kitten/app
² https://ar.al/2024/03/08/streaming-html/
³ https://4042307.org

ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar

knip: find unused files, dependencies and exports in your JavaScript and TypeScript projects
@webpro
https://github.com/webpro/knip

#ECMAScript #JavaScript

ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar

esbuild v0.21.0: support for ECMAScript decorators and more
@evanw
https://github.com/evanw/esbuild/releases/tag/v0.21.0

#ECMAScript #JavaScript #esbuild

ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar

ESLint compatibility utilities let you use older plugins with ESLint v9
@nzakas @eslint
https://eslint.org/blog/2024/05/eslint-compatibility-utilities/

ecmascript_news, to javascript
@ecmascript_news@mastodon.online avatar
  • All
  • Subscribed
  • Moderated
  • Favorites
  • Leos
  • mdbf
  • Youngstown
  • ngwrru68w68
  • ethstaker
  • slotface
  • PowerRangers
  • hgfsjryuu7
  • khanakhh
  • kavyap
  • tsrsr
  • InstantRegret
  • DreamBathrooms
  • GTA5RPClips
  • normalnudes
  • magazineikmin
  • rosin
  • tacticalgear
  • thenastyranch
  • Durango
  • osvaldo12
  • vwfavf
  • cisconetworking
  • everett
  • cubers
  • modclub
  • tester
  • anitta
  • All magazines