Search
Items tagged with: Javascript
Today @ 18:30 in Dublin: Come hear me talk about the Small Web and watch me demonstrate the current state of Kitten, Domain, and Place.
https://meetu.ps/e/Ny9vK/H1WXJ/i
#ireland #dublin #SmallWeb #talk #presentation #web #dev #JavaScript #NodeJS #htmx #WebSockets #StreamingHTML #selfHosting #decentralisation #p2p #cryptography #dubSec #Kitten #Domain #Place #SmallTech
Dub|Sec October Meetup
October's Dub\|Sec social will take place in the [Camden Court Hotel](https://www.camdencourthotel.com/en/) on October 30th. We'll be there from 6.30pm. *Meetup
I’m going to present a talk on Small Web at the Dub|Sec meetup this Wednesday (October 30th at 6:30PM). The event takes place at The Camden Court Hotel in Dublin.
Pop by and say hi if you’re around.
https://www.meetup.com/dub-sec/events/303879614
#SmalWeb #peerToPeerWeb #Ireland #meetup #dublin #dubsec #Kitten #Domain #Place #NodeJS #HTML #CSS #JavaScript #htmx #WebSockets #web #dev
Dub|Sec October Meetup
October's Dub\|Sec social will take place in the [Camden Court Hotel](https://www.camdencourthotel.com/en/) on October 30th. We'll be there from 6.30pm. *Meetup
"RIP vanilla #JavaScript"
"A #Google engineer presented a proposal to the official standardization committee that would split JavaScript into two languages".
Should JavaScript be split into two languages? New Google-driven proposal divides opinion • DEVCLASS
A Google engineer presented a proposal to the official standardization committee that would split JavaScript into two languages, […]Tim Anderson (DEVCLASS)
![2 typeof NaN 2 true==1 "number"” true
> 9999999999999999 2 true===1 10000000000000000 false
> 0.5+0.1==0.6 > (!+[]+[1+![1).1length true 9
2 9.1+0.2==0.3 > 9+M1" false "o1"
> Math.max() 2 91-"1" -Infinity 90
> Math.min() > []==0 Infinity true
> [1+01 :
2 [1+{} 2 "[object Object]" - 4
2 {31 2 b
> true+true+true===3 S . true -
> true-true e](https://friendica.hellquist.eu/photo/preview/640/3313140 "2 typeof NaN 2 true==1 \"number\"” true
> 9999999999999999 2 true===1 10000000000000000 false
> 0.5+0.1==0.6 > (!+[]+[1+![1).1length true 9
2 9.1+0.2==0.3 > 9+M1\" false \"o1\"
> Math.max() 2 91-\"1\" -Infinity 90
> Math.min() > []==0 Infinity true
> [1+01 :
2 [1+{} 2 \"[object Object]\" - 4
2 {31 2 b
> true+true+true===3 S . true -
> true-true e")
📝 Dynamic pages with 11ty and Cloudflare workers #Eleventy #Development #Webdev #Javascript
I was rendering about 3300 pages every time my 11ty site built — probably overkill. About 615 artist pages, 1200+ movie pages, 500 show pages, 500 for books and ~35 for genres. Whew. Build times hovered at about a minute (still very impressive!) but would only ever increase.
https://coryd.dev/posts/2024/dynamic-pages-with-11ty-and-cloudflare-workers
Erin is a simple and #selfhost service that enables you to view your own #video clips "using #TikTok well-known vertical swipe feed".
https://github.com/will-moss/erin
#JavaScript #opensource #React
GitHub - will-moss/erin: Self-hostable TikTok feed for your clips. Make a TikTok feed with your own videos
Self-hostable TikTok feed for your clips. Make a TikTok feed with your own videos - will-moss/erinGitHub
How to convert CommonJS to ESM
@deno_land
https://deno.com/blog/convert-cjs-to-esm
How to convert CommonJS to ESM
Here’s a thorough guide that covers everything you need to know to migrate your CommonJS project to ESM.Deno Blog
#tinyJStip Got some buttons and only one can be pressed? Here's a simple way to swap their values!
Same applies to swapping which tab is selected and other similar situations.
(doesn't seem to work for tabIndex through 😵)
#HTML #a11y #JS #JavaScript #code #web #coding #frontend #dev #webDev #webDevelopment
![addEventListener('click', e => {
let b = e.target;
if(b.classList.contains('t') && b.ariaPressed !== 'true') {
let a = document.querySelector('.t[aria-pressed=true]');
[b.ariaPressed, a.ariaPressed] =
[a.ariaPressed, b.ariaPressed]
}
})](https://friendica.hellquist.eu/photo/preview/640/3292148 "addEventListener('click', e => {
let b = e.target;
if(b.classList.contains('t') && b.ariaPressed !== 'true') {
let a = document.querySelector('.t[aria-pressed=true]');
[b.ariaPressed, a.ariaPressed] =
[a.ariaPressed, b.ariaPressed]
}
})")
Here's an example where I'm using something like this: switching between tabs.
Originally made this on @codepen after someone asked how to create tabs with rounded corners *and* borders.
https://codepen.io/thebabydino/pen/oNKLLbv
Then finally polished it this weekend.
Vanilla #CSS + #JS + a bit of #SVG #filter magic.🪄
Works with an image behind the tabs, the tabs may also have an image background.
#svgFilter #tabs #tabbed #JavaScript #web #webDev #webDevelopment #dev #code #coding #frontend #a11y
