mobileatom, 12 days ago to webdev

Why use Web Components over traditional DOM manipulation? #WebComponents #HTML #JavaScript

https://gomakethings.com/why-use-web-components-over-traditional-dom-manipulation/?utm_source=flipboard&utm_medium=activitypub

Posted into Coding is Living @coding

vanilla, 12 days ago to javascript

It’s easy to get confused about how to work with element properties in #JavaScript vs. how to work with element attributes in #HTML.

@jaffathecake to the rescue!

In this article, Jake talks about value types, serialization, reflection, case sensitivity, and a host of other interesting details. #WebDev

https://thathtml.blog/2024/05/props-v-attributes-go/

toxi, 12 days ago (edited 12 days ago) to typescript

New demo (and last new test case) for the upcoming https://thi.ng/geom release (and related packages): Here parsing a SVG path, converting to an SDF, deforming the SDF and sampling/converting the SDF back into SVG at multiple contour levels... all in just a few lines of code!

Demo:
https://demo.thi.ng/umbrella/geom-sdf-path/

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

(Ps. I will add more comments to the example tomorrow...✌️)

#ThingUmbrella #Geometry #SVG #SDF #Conversion #TypeScript #JavaScript

geoffrich, 13 days ago to javascript

I remember seeing a chart/site somewhere comparing adoption of major framework versions based on npm downloads, e.g. React 16 vs 17 vs 18 or Svelte 3 vs 4 vs 5. Anyone have a link to it?

I don't think it was just frameworks, but other packages like Redux or routers as well. #javascript

khalidabuhakmeh, 13 days ago to javascript

🚩 🚩 🚩 🚩 🚩 🚩 #javascript

alexelcu, 13 days ago to programming

Old news, but I'll never stop laughing about it 😃
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise#thenables

#Programming #JavaScript #FP #Math

joelanman, 13 days ago to javascript

This feels a bit wonky to me. You can't use const like this:

try {  
 const myVar = myFunc(options)  
} catch (error) {   
 console.error(error)  
}

console.log(myVar)  

as myVar doesn't exist outside the try scope. So if you need to do a try catch, you have to use let - even if you actually want to use the variable as a const (not change it later)

let myVar  
try {  
 myVar = myFunc(options)  
} catch (error) {   
 console.error(error)  
}

console.log(myVar)  

#javaScript

khalidabuhakmeh, 13 days ago to javascript

What’s genuinely shocking about #javascript isn't the complexity of the ecosystem but the fact that it's flooded by services that tie building apps to subscription services.

It's hard to find a tutorial that doesn't immediately tell you to sign up for Service X to make things work.

That’s a big red flag for me.

stvfrnzl, 13 days ago (edited 13 days ago) to legal

Currently studying for the #cpacc exam and I found the #legal part surprisingly interesting. This topic was also relevant in a workshop I gave, so here's a couple of law suits that are #accessibility related:

https://stevefrenzel.dev/posts/five-web-accessibility-law-suits/

I'm happy to expand this list if you know other interesting cases. 🤗

#a11y #WebDev #frontend #html #css #JavaScript #WebAccessibility #beyonce #dominos #walmart #BurgerKing #adidas #blind #LowVison #disability

nshki, 13 days ago to webdev

Hi fediverse. My name is Nishiki and I’m a web dev with 15+ years of experience. I’m making myself available as a mentor for one or two motivated individuals looking to land their first junior engineering position. I’m happy to be able to say over the past few years, I’ve mentored 4 wonderful people who have all managed to land their first tech jobs.

Please email me at hello@nshki.com if interested. A boost for reach is much appreciated!

#WebDev #Mentor #Rails #JavaScript #PHP #HTML #CSS

chriskrycho, 13 days ago to typescript

The first of my two #lambdaconf2024 talks—this one, born out of my experiences with versioning and #TypeScript and #JavaScript over the past 7 years. Script and slides now, video once it’s up! https://v5.chriskrycho.com/elsewhere/cutting-edge-of-versioning/

tixie, 14 days ago to CSS

round(), mod(), sign(), abs()CSS functions aren't in Chromium based browsers yet (only on Firefox and Safari) 😭
#WhyWeCan'tHaveNiceThings

https://caniuse.com/mdn-css_types_round
https://caniuse.com/mdn-css_types_mod
https://caniuse.com/mdn-css_types_sign
https://caniuse.com/mdn-css_types_abs

So… do you know if there ways to add some JS "polyfilling" (?) those functions to be able to use them in prototypes/technical demos. To allow everyone to be able to display them correctly no matter their browsers instead of just displaying a "only works on recent Firefox and Safari" banner?

#CSS #CSSPolyfill #JavaScript

haskell, 14 days ago to haskell

Update n°28 from the #Haskell GHC team at IOG:
https://engineering.iog.io/2024-05-02-ghc-update/

Highlights:

• Binary sizes for each backend in GHC's CI and their dependencies are tracked

• Haskell Optimization Handbook has gotten a new chapter on the perf(1) utility

• #JavaScript & #LLVM codegen have gotten some more love

davidbisset, 14 days ago to javascript

#JavaScript Compare Dates: From Chaos to Clarity

https://medium.com/@onlinemsr/javascript-compare-dates-fa4f00a24b34 #WebDev

aral, 14 days ago to javascript

Just published a minor update (version 5.1.1) to JavaScript Database (JSDB) that optimises the custom data type¹ serialisation code by removing a redundant return statement:

https://www.npmjs.com/package/@small-tech/jsdb

This change is backwards compatible and shouldn’t require and updates to your projects, including the ones you have in Kitten (which uses JSDB internally).

¹ https://codeberg.org/small-tech/jsdb#custom-data-types
² https://codeberg.org/kitten/app

#JavaScriptDatabase #JavaScript #database #JSDB #Kitten #SmallWeb #NodeJS #web #dev

ashleycollinge, 14 days ago to python

Anyone have any web frontend recommendations? I've only ever used HTML/JS, but I'd like to use a framework to maybe make things simpler/quicker(?) I come from a Python background if that helps! #python #web #frontend #javascript #development

davidbisset, 14 days ago to microsoft

Why I 🧡 the web:

Flying planes in #Microsoft Flight Simulator with a #JavaScript autopilot

https://pomax.github.io/are-we-flying/

ecmascript_news, 15 days ago to javascript

Vitest 1.6.0: faster “forks” pool, comparing benchmark results, and more
@vitest
https://github.com/vitest-dev/vitest/releases/tag/v1.6.0

#ECMAScript #JavaScript #Vitest

ecmascript_news, 15 days ago to javascript

nrr: minimal, fast npm script runner
https://github.com/ryanccn/nrr

#ECMAScript #JavaScript

ecmascript_news, 15 days ago to javascript

URL.parse(): new URL() without exceptions
https://kilianvalkhof.com/2024/javascript/the-problem-with-new-url-and-how-url-parse-fixes-that/

#ECMAScript #JavaScript

kubikpixel, 26 days ago to webdev

Using the WebComponent API with TypeScript: Building Modular and Readable Systems

🔧 https://dev.to/josunlp/using-the-webcomponent-api-with-typescript-building-modular-and-readable-systems-32l1

—
#webdev #programming #tutorial #ts #api #typescript #develop #webcomponents

andros, 4 months ago to emacs

I publish a new article: «Creating desktop applications using the Emacs core»
https://programadorwebvalencia.com/creating-desktop-applications-using-the-emacs-core/
#emacs #anuncio
In summary, I can use Emacs to create GUIs with an Elisp backend.