#js

⏰ Reminder: Join @phpugdd and @dresdenjs for our exciting meetup on June 8th! Deep dive into Hexagonal and Layered Architectures in PHP and React, and explore the use of Flash in current browsers. Save the date and see you there! #PHP #JS #Dresden https://www.meetup.com/php-usergroup-dresden/events/291406616/?utm_medium=referral&utm_campaign=share-btn_savedevents_share_modal&utm_source=link

Looking for a good framework(?) for creating node based applications for the web, preferably something with minimal setup and works within HTML/CSS/JS, any suggestions?

#WebDev #js #webdevelopment

I asked #ChatGPT to write #JS to turn phone numbers in a page to "tel:" links. It gave a function that technically works, but also has bad side effects. Asked it to revise its answer if necessary. It gave me a new fn that was better. Kept asking it if it should revise, it kept improving until eventually it said, no, its answer didn't need revising. The final fn is impressive and has no issues I can tell. Really strange how it can improve its work. I'm impressed and feel a bit uneasy. #AI #LLM

Another one of our sites went live! I'm super super proud of this one, as it goes to a good cause.

https://studiosimpati.co/work/big-green/

#wordpress #js #html #development #webdeveloper #php #acf

@Jdreben @guardiarris @maegul Yes, at least #Leptos takes the #SolidJS approach of using signals to update only the minimal amount of DOM that actually changes.

Regarding JS: you don't need to touch it explicitly in those frameworks, BUT: it is still used to manipulate the #DOM.

For this to work, a lib called wasm-bindgen is used (awesome piece of technology!), which basically bridges #Rust <-> #JS:

https://rustwasm.github.io/docs/wasm-bindgen/

leptos_dom depends on it:
https://github.com/leptos-rs/leptos/blob/4ade062cd8cdbe9128aa7a2c8169c17c9d3e874c/leptos_dom/Cargo.toml#L28

#RustLang #WASM

A great collection of demos of different scroll-based animations

https://scroll-driven-animations.style/

#CSS #JS #UX #WebDev #OpenSource

can any #typescript #javascript #js devs help me figure out how to type my deep merge utility? https://t.co/oZ5d4cgBMz

https://textedit.labbolab.repl.co

textEdit V2!

Now with:

Drag and drop
font-size buttons
Some other stuff i dont remember

#WebDev #js #JavaScript #webtools

"Apperantly the problem were bad imports in my code." I spent half the friday figuring out why nodemailer was timing out. ffs #whynotjs #js #dev #developer

https://github.com/nodemailer/nodemailer/issues/1293#issuecomment-878031206

🔍 Sneak peek into our next meetup's agenda with @dresdenjs on June 8th! Learn about implementing Hexagonal and Layered Architectures in PHP and React for sustainable web applications. Plus, a fresh look at using Flash in current browsers #PHPUGDD #JS #PHP https://www.meetup.com/php-usergroup-dresden/events/291406616/?utm_medium=referral&utm_campaign=share-btn_savedevents_share_modal&utm_source=link

reactjsday | October 27th, 2023 | Verona (http://www.reactjsday.it):

Are you ready for the 9th edition of #reactjsday? 😍

#CFP is now open until 15.08, we look forward to seeing your talk proposal: https://t.co/2aDnfzl7Bi

🎫 #VeryEarlyBird tickets are available: https://t.co/wVFsjJeRaW

@grusp #reactjsday #react #reactjs #javascript #js" https://t.co/OxwzN3lo6z

This is both awesome and cursed :awesome: 😬:

polywasm - a #JavaScript library that implements the #WebAssembly API and can act as a polyfill, if #WASM is not available.

Made by the creator of #esbuild evanw.

https://github.com/evanw/polywasm

I'm wondering, though, whether this is really needed, given that there is asm.js 🤔

Also see section "Can WebAssembly be polyfilled?" on the WebAssembly FAQ:

https://webassembly.org/docs/faq/

#WebDev #JS #Polyfill

una falta de respeto que les comenten el nombre #js

#JS . . .
JS . . .
JS . . .
JS Nation
Dudu-deedu-dedidu-du-dudididu
#techno #90s #IYKYK

@bjnnowak There is also the {bertin} #JS library by @neocarto (https://github.com/neocarto/bertin) ported to #RStats by @rcarto (https://github.com/riatelab/bertin) . For this type of map but not only.

Kitten¹ now has a <page> tag!

Use it to:

• specify certain <head> elements for your page (title, icon, etc.)

• list any libraries you want to include in your page from the ones Kitten has first-class support for (HTMX, HTMX WebSocket, Alpine.js, and Water.css)

Happy weekend, all! :)

:kitten: 💕

¹ https://codeberg.org/kitten/app

#Kitten #SmallWeb #SmallTech #web #dev #javaScript #js #NodeJS

I just started using a #script called #Pagetual using #Greasemonkey / #Tampermonkey. It's awesome! It will save me so much time searching on Google, managing my sites, and more. It just requires installing a plugin and the script #productivity #JS
https://bit.ly/43k0q8P

We've had another gorgeous #WordPress launch - if you're in #NYC, #DC, or #Miami you should check them out

https://silvermirror.com/

#html #php #js #css #webdev #development

Un workshop #JS chez @DeliciousInsights, animé par @porteneuve, le 13 juillet prochain.

Avec toi ?

https://delicious-insights.com/fr/workshops/js-masterclass/

"Just tried the new JS framework by the elusive Unicorn Queen - it's called FlashFart and it's faster than a cheetah on speed! Plus, it can make your code smell like fresh pineapples 🍍🚀 #JS #FlashFart #UnicornQueen #PineapplePower"

#100DaysOfCode : #HTML #CSS #VanillaJS

#Day20 : Bookmark reader using only Raindrop.io API

Inspired by the excellent design and functionality from @iamrobin https://www.iamrob.in/bookmarks

Online demo :
https://teotimepacreau.github.io/Bookmark-reader-using-Raindrop-API-Day20-of-100DaysOfCode/

Source Code : https://github.com/teotimepacreau/Bookmark-reader-using-Raindrop-API-Day20-of-100DaysOfCode

Project goals ↓

#WebDev #Frontend #WebDesign #LearnWebDev #Javascript #LearnToCode #CodingDay #FrontendDevelopment #UIDesign #UITrend #DailyUI #CodingChallenge #LearnCode #WebDevelopment #LearnJavascript #JS #DailyUI

Just moved Tap Monkey from GitHub to Codeberg.

What’s Tap Monkey? It’s a tap test runner that’s also a monkey, of course ;)

🍌️🐒️

¹ @Codeberg

#tap #tape #js #nodeJS #test #tdd #testRunner #tapMonkey #GitHub #Codeberg

Exciting times!

Hoot: a Guile #scheme -> #wasm compiler

https://spritely.institute/news/scheme-to-wasm-lambdas-recursion.html

#lisp #js

The https://p5cljs-editor.github.io/ now has a console huhu

#js #p5js #javascript #cljs #clojurescript #webdev #webapp #opensource #indie #indiedev

Handy tool to get suggestions for an improved `<head>` order.

#HTML #CSS #JS #Performance

https://github.com/rviscomi/capo.js

New web development cheatsheets with HTML, CSS, JavaScript topics on FosseryWeb.
(in progress, currently on beta branch)
https://fosseryweb.codeberg.page/@beta/programming-cheatsheets/cheatsheets.html

What do you think? What other topics should I cover? Do you have any suggestions?

#WebDev #webdevelopment #coding #Website #html #css #js #JavaScript #fosserytech #fosseryweb

Just published Kitten’s¹ new database² commands:

- kitten db [table name] to see info the database/a specific table
- kitten db delete [table name] to delete the database/a specific table
- kitten db tail <table name> to follow a specific table

Full docs: https://codeberg.org/kitten/app#database-commands

¹ https://codeberg.org/kitten/app
² https://codeberg.org/small-tech/jsdb

#Kitten #SmallWeb #SmallTech #JavaScriptDatabase #javascript #database #JSDB #web #dev #js #NodeJS #commandLineInterface #CLI

You can now add CDN links to your p5cljs sketches 🥳 https://p5cljs-editor.github.io/

#p5 #p5js #js #webeditor #editor #webapp #webdev #cljs #clojurescript

When JavaScript Fails
Progressive enhancement for the win.
#webdev #HTML #JS
https://scribe.rip/@jason.godesky/when-javascript-fails-52eef47e90db

Just released: JavaScript Cheat Sheet by Web Dev

Download it free at http://www.cheatography.com/web-dev/cheat-sheets/javascript/?utm_source=mastodon

@cheatsheets #CheatSheet #CheatSheets #js

"This document proposes to enable browsers to render web pages that are served not as HTML files, but as Wasm files, skipping the need for #HTML, #JS, and #CSS parsing in the rendering of the page, by having the #WebGPU, #ARIA, and #WebHID APIs exposed directly to #Wasm. To enable developers to continue to use the wider range of APIs exposed on the web, a mechanism to "escape" to a JavaScript environment would need to be made available as well."

JS裏垢配信 #JS #ロリ

That kind of integration is not even posible in #PHP or #JS, presumably web frameworks. Like integrating vue with Symfony is definetly possible, but always had the hackish side of it.

@bardo verdade. Outra coisa legal no #HTML 5 e no #CSS são os seletores de eventos e estados. É possível fazer um botão que esconde um menu sem usar #JavaScript / #JS.

https://codepen.io/Vixey/full/qBJvXYO

Messing around a lot with css out of boredom, made this

#WebDev #css #JavaScript #js #creativecoding

#javascript framework lighter weight than #preact and great for hobby projects #js https://vanjs.org/

Is it important for a Senior #WebDeveloper to be able to craft a form that writes to a #database without resorting to #browser client #JavaScript?

#webDev #web #programming #html #js #software #engineering #frontEnd

"Introducing Zoom-Boom, the lightning-fast JS framework created by a unicorn named Sparkles! It's so speedy it can make a cheetah blush! Plus, it comes with a built-in emoji translator for your cat gifs! 🐱💥🦄 #JS #fastAF #randomfun"

#rust will be linguafranca of #blockchain and #ssi quite soon. i see a movement from #typescript and fast prototypes in #js to more modular #rust cross-platform libs.

Ich äußerte oft so grob: "Das was JS am dringendsten fehlt, ist ein Typsystem"

Ich übersah dass das natürlich dann auch ein genauso kaputtes System wird, wie alles in diesem Umfeld kaputt ist.

#TypeScript ist keine Lösung - das kombiniert halt nur die Nachteile von #Java und die von #JS

I am officially #selfhosting an #rss reader (fresh rss). Now whomsts #blogs shall I follow?

#web #css #accessibility #html #js

How to patch Polka¹ so you can use express-busboy² with it:

https://github.com/lukeed/polka/issues/193

¹ https://www.npmjs.com/package/polka
² https://www.npmjs.com/package/express-busboy

#NodeJS #Polka #expressBusboy #JavaScript #JS #form #multipart

Right, implemented workaround for JavaScript’s Proxy / Date object incompatibility in JavaScript Database (JSDB)¹ and released in version 3.0.2².

Calling methods on persisted Date objects read back into memory now works as it should.

Workaround (diff): https://codeberg.org/small-tech/jsdb/commit/9e039e76f7a149df2fa7ecbbf626f813e44c0ab2
3.0.2 update (diff): https://codeberg.org/small-tech/jsdb/commit/f212566f8da4327d0b91d81e8cc6f5058ce63c47

Kudos to Pravin Divraniya for https://stackoverflow.com/a/57958494

¹ https://codeberg.org/small-tech/jsdb
² https://www.npmjs.com/package/@small-tech/jsdb

#JSDB #JavaScript #JS #database #SmallTech #Date #Proxy #web #dev

While I'm talking of English language in programming language design:

#JS should be `setAttribute` and `unsetAttribute`. Or `addAttribute` and `removeAttribute`. Because those are proper English language pairings.

But no, we have `removeAttribute` and `setAttribute` in JS, so you have to remember both instead of remembering one and logic the other out.

So in case anyone was following this: it appears that built-in objects like Date in JavaScript have some internal magic (read: inconsistencies)* that means you can’t proxy them as you would normally.

More info: https://codeberg.org/small-tech/jsdb/issues/5

Not sure if this is fixable in #JSDB. The “solution” might be to discourage use of Date objects and instead persist timestamps. Which is, quite frankly, a pain in the ass.

I’ll keep looking for a workaround…

* internal slots

#nodeJS #javaScript #js #web #dev

There are times I think JavaScript (and Node.js) do deserve their reputation…

(Ok, ok, I don’t, but what is this, really?)

“Date.prototype.toISOString called on incompatible receiver [object Date]”

*smh*

#nodeJS #javaScript #js #web #dev

To all those button, cta, and layout #webcomponents. I made you a meme.

#JS that can be replaced with #CSS needs to meet some Bobs.

Do you want to use #nextjs for your #ML demo on #huggingface Spaces? Then you should checkout our latest project: https://huggingface.co/spaces/failfast/nextjs-hf-spaces

Inspired by the ease-of-use of #Gradio and #Streamlit within 🤗 Spaces, we aim to deliver a similar developer experience for #JS #devs

The View Transitions API is such a cool addition to #CSS and #JS. This will enable websites and apps to ditch custom animation code and instead rely on the platform for better performance and reduced bundle sizes.

https://chriscoyier.net/2023/05/18/early-days-examples-of-view-transitions/

The p5.cljs editor is live! It's a really barebones editor, but you can now try writing P5 in ClojureScript! Link: https://p5cljs-editor.onrender.com/

Not affilliated with P5 or the Processing foundation.

#p5 #processing #clojurescript #cljs #p5js #js #creativecoding

Okay, I don't know how, but I've only learned yesterday that HTML elements have an `.animate()` property that can be used to programmatically create a CSS animation. 😳

This would've come in very handy numerous times in a few projects of mine. 😅

https://developer.mozilla.org/en-US/docs/Web/API/Element/animate

#html #webdev #animation #js

A month ago I wondered if #Dropserver should support "Single File Apps". (https://social.tchncs.de/@teleclimber/110216573477447480) Some thoughts, after a month of working on app packaging:

SFAs don't make a lot of sense for Dropserver apps. Most will include some sort of font-end (whether it's plain HTML or an SPA) in addition to the backend code, which implies additional files: #HTML templates, #CSS stylesheets, #JS, etc...

I was trying to make it easier to publish an app, but if the app is neutered there is no point.

1/

I've known @andydavies for years and years (and am lucky to work with him at @speedcurve). Every time I watch one of his talks, I learn new things. His recent talk about third-party performance at @WeLoveSpeed is a must-watch. https://youtu.be/q3M4he-QxCA #webperf #ux #javascript #js #frontend

jscanify: mobile document scanner implemented in pure #JS. Based on OpenCV & Canvas. #OSS https://github.com/ColonelParrot/jscanify

@lea

I often put the code directly into the #HTML of the article. In most CMS (if you use one?) there are plugins to add individual #CSS and #JS to each article.

In #WordPress I use the "scripts and styles" plugin. If I want to display the code as well, I use additional <pre> elements.

Example article with interactive HTML/CSS/JS snippets: https://medienmarmela.de/colorpicker/

The WP plugin: https://de.wordpress.org/plugins/scripts-n-styles/

TIL I learned about Hop.js, a Scheme <-> JS cross compiler based system.

#scheme #js #lisp

When writing about HTML/CSS/JS, how would you embed interactive demos into articles?

I consider to do something like using figure and figcaption elements, use an iframe inside the figure with the demo, add description and also provide the link to the code inside figcaption.

With #js enabled, it could maybe progressively enhance to a widget with html/css/js/result panels.

#html

I couldn't find an offline browser based text editor so i made one myself! Its pretty bare bones and requires you to manually unregister the service worker but it works! (I'll try to make it so you dont have to eventually)

https://textedit.labbolab.repl.co/

Features:

Plaintext editor

You can upload files

You can also download the text

***Offline use!***

Works on mobile!

#JavaScript #js #WebDev #dev #development #html #webtools #programming

(If you find this helpful please boost this! (no pressure of course ^^))

TIL: Native lazy loading only works when Javascript is enabled.

"Loading is only deferred when JavaScript is enabled. This is an anti-tracking measure, because if a user agent supported lazy loading when scripting is disabled, it would still be possible for a site to track a user's approximate scroll position throughout a session, by strategically placing images in a page's markup such that a server can track how many images are requested and when."

https://www.stefanjudis.com/today-i-learned/disabled-javascript-turns-off-native-lazy-loading/

#html #js

As much as people think of me as a #CSS person, I really don't see a better solution here than going the #JS route of switching the columns & rows depending on the fit of the current number of columns within the current viewport...

So you have an rgb string and want to convert to hex?

Here you go! I personally like this better than the bitwise shift method (which I've used in the past too).

In case anyone is wondering. I'd assume the bitwise shift is faster. But it's not like I could ever *notice* a difference.

#tinyCodingTip #js #JavaScript

So... stupid #JS question: how can I copy a string to clipboard in Safari?

Tried:

navigator.clipboard.writeText(myString)

This works in Chrome & Firefox, but `navigator.clipboard` is undefined in Safari.

`window.clipboardData` is also undefined in Safari.

So... how can I do it?

Thanks!