sonny, to linux
@sonny@floss.social avatar

Playhouse 1.1 is out 🎈

https://flathub.org/apps/re.sonny.Playhouse

A playground for HTML, CSS, and JavaScript .

Like CodePen / JSFiddle but offline and as a desktop application.

No new features in this release, but now that WebKit + GTK4 is stable, I feel more comfortable iterating.

#libadwaita #GNOME #Flatpak #Flathub #WebKitGTK #Linux #Web #JavaScript #CSS #HTML

thomasreggi, to programming

I am a big proponent of a programming paradigm where writing code and building up relationships and connections leads to the emergence of new, unforeseen connections and avenues. Instead of leading you down the wrong paths and requiring rewrites, coding should sculpt and shape connections, offering surprising new connections for free.

rauschma, to javascript
@rauschma@fosstodon.org avatar

npm packages are no longer signed with PGP signatures
https://github.blog/changelog/2023-05-02-npm-packages-are-no-longer-signed-with-pgp-signatures/

rauschma, to javascript
@rauschma@fosstodon.org avatar

ESLint v8.40.0 released
https://eslint.org/blog/2023/05/eslint-v8.40.0-released/

okpierre, to javascript
@okpierre@mastodon.social avatar

ActivityPub-compliant server for distributing transit service alerts. Uses activitypub-express

Github repo here: https://github.com/kona314/transit-fedilerts

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

An interesting JavaScript Database (JSDB) edge case I just encountered:

If you’re persisting custom objects, please do NOT use setter methods (set something () {…}).

Use regular methods instead (setSomething () {…}) for predictable behaviour that likely matches your conceptual model of how things should work.

(This is due to how setters interact with proxies.)

Details: https://codeberg.org/small-tech/jsdb#custom-data-types

lea, to javascript

If you love JSX you don't necessarily need a JS framework like React. You can provide a h() function yourself and use Vanilla JS.

This is how you would do it on the client-side in codepen:

https://codepen.io/learosema/pen/GRYQKOe?editors=0010

Should basically also work on the server-side with jsdom or linkedom.

via @codepen

kpwn, to javascript

Pentesting web applications thoroughly requires you to analyze their .

I've summarized my knowledge from 5 years of pentests into a series of threads.

Part 3: O̸b̸f̵u̷s̸c̶a̵t̶i̶o̸n̵ & Deobfuscation

➡️ Minification, beautification, obfuscation and deobfuscation

odddev, to javascript
@odddev@hachyderm.io avatar

@activenode just published a great video about server actions! Check it out here: https://youtu.be/jsEJsi2FD1U
Great new feature.

jrefior, to javascript
@jrefior@hachyderm.io avatar

Another moment where it's a bit frustrating that PostgreSQL doesn't support unsigned integer types.

MDN recommends checking whether a value is in local storage by truthiness:
https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API#testing_whether_your_storage_has_been_populated

If the value is an ID that could be zero, is that safe?
if (localStorage.getItem("jobID"))

It's easy to skip zero in an unsigned int sequence: you start at 1 and only lose a single value from your range.

If you do that with int you lose half your range.

nathansmith, to gaming
@nathansmith@hachyderm.io avatar

At Microsoft, we are hiring for a front-end developer who is interested in working on web-based games.

https://careers.microsoft.com/us/en/job/1548932/Front-End-Software-Engineer-Casual-Games-Studio

thomasreggi, to webdev

HTMX is trending again on hacker news, it's making me think more and more about the deno / typescript library I created "HTMX Components" and perhaps revisiting it with fresh eyes. I'd love feedback on the approaches in there. I think @deno_land has the potential to be the first-class server to utilize HTMX. It just makes sense to use JSX...

🧑‍💻 https://github.com/reggi/htmx-components

📝 https://news.ycombinator.com/item?id=35829733

neotoy, to php
@neotoy@mastodon.social avatar

So I know there are tons of brilliant on here & I have a question. One of my biggest challenges is ...

I've been using notepad for , & & which I know is really holding me back, but... I don't want an IDE that looks like the inside of a space shuttle cockpit.

Is there an IDE out there that is simple, elegant, & doesn't take up 30GB of disk space while also having essential features like:

Visually shows the relationship between code & output in real-time?

thomasreggi, to programming

I'm bothered that https://www.webcomponents.org/publish uses NPM packages as the main way to publish a web component. I want a better web-component "package manager", something that's simple, uses module imports, can use Tailwind and TypeScript, and just plops out a URL like Deno packages do. It would support LIT and webc. I'd want a storybook-like UI and sample code.

asahi95, to linux

Time for another ANOTHER :verifiedbi:

I'm Asahi 95, the 95 in my name refers to 95 :windows:, cause I love the retro aesthetics of old Windows :ms_heart_eyes:

I'm a person who is a tech enthusiast :ms_computer: and loves and , although I still use some from time to time :linux: :opensource:

I'm currently learning how to do stuff such as , , and maybe even so i could maybe become a web dev in the future!

I joined the :fediverse: mainly because I wanted to get away from centralised services 🔒 and also want to interact with an open and diverse community that respects one another :blobcathug:

I'm a person who is and is an avid supporter of the + :philly_pride:

I hope I can interact with everybody on the Fediverse and beyond! :blobcat:

khalidabuhakmeh, to random
@khalidabuhakmeh@mastodon.social avatar

Can someone give me some topics to explore? Anything got you excited that I should also know?

khalidabuhakmeh,
@khalidabuhakmeh@mastodon.social avatar

@angelmunoz Neat, I got it working with . libraries have to be ESM module versions though. That's the one caveat. Otherwise, it works! Woot.

A Vue-powered counter button showing the number 7
image/png

thomasreggi, to programming

Who is someone you follow on mastodon that is a programmer and posts regularly about new technologies? Looking for people to follow.

michaelvanlaar, to programming

🚀 Reading tip for German-speaking JavaScript developers: With Qwik 1.0, a new open-source full-stack web framework from Builder.io is available that enables fast interactivity through JavaScript streaming.

Qwik’s goal is to keep initial JS costs constant. It also offers built-in features such as lazy execution and data fetching.

Read more here: https://www.heise.de/news/Full-Stack-Framework-Qwik-1-0-bringt-neuen-Ansatz-fuer-schnellere-Interaktivitaet-8985672.html


Translated with www.DeepL.com/Translator (free version)

shadow_kestrel, to rust

oh yeah it's time :3

I'm Kestrel, it/they pronouns

my gender is yes :blobhaj_flag_genderfluid: and my orientation is yes :blobhaj_flag_pansexual: :blobhaj_flag_polypi: and my neuro is spicy :blobhaj_flag_autism:

I love , I masochistically love and I have no idea what I'm doing apart from having fun learning :blobcat_thisisfine: (maybe a wayland compositor wasn't a great project for someone with limited experience)

itnewsbot, to programming
@itnewsbot@schleuss.online avatar

A practical guide to React Native authentication - Authentication is a crucial aspect of any app or service today, as it allows the app t... - https://www.infoworld.com/article/3695169/a-practical-guide-to-react-native-authentication.html#tk.rss_all

itnewsbot, to programming
@itnewsbot@schleuss.online avatar

Angular 16 previews new reactivity model - Angular 16, the latest iteration of Google’s popular TypeScript-based web development ... - https://www.infoworld.com/article/3695589/angular-16-previews-new-reactivity-model.html#tk.rss_all

kaiserkiwi, (edited ) to programming German
@kaiserkiwi@corteximplant.com avatar

: All of the major browsers include $() and $$() convenience methods. (Like in jQuery back in the days)

$() replaces document.querySelector()
$$() replaces* document.querySelectorAll()

And it has pretty robust browser support:
https://caniuse.com/dom-manip-convenience
If you don’t care about IE or Opera Mini you should be fine. And in nearly no project anyone cares about these two anymore. (But for Opera Mini you should definitely check your target audience!)

  • The $$() method returns an array (not a NodeList like the Element.querySelectorAll() method) of matching items.
kaiserkiwi,
@kaiserkiwi@corteximplant.com avatar

Follow up because I never researched this topic but was always just confused about NodeLists 😅

NodeLists vs. Arrays
https://gomakethings.com/nodelists-vs-arrays/

In Short, aren't a Feature it's an language agnostic Browser API. 🤯 querySelectorAll() and getElementsByTagName() aren’t JavaScript methods either. 🤪

I love how I use JavaScript for about 17 years now and still learn new/old things about it. ^^"

kaiserkiwi,
@kaiserkiwi@corteximplant.com avatar

My whole coding life has been a lie!

» does not have a timer or network feature«

So many things I always thought that are JavaScript. 😅
Does it change my daily coding life? Absolutely not. Is it good to know? Hell yes!

In some situations, this knowledge would definitely have helped me.

https://dillionmegida.com/p/browser-apis-and-javascript/

kepic, to programming
kepic avatar

Functional JavaScript

Hi, as a beginner, I'd appreciate any guidance. Links to in-depth discussion, examples, and summaries would be great. I'm pretty fine with overall, and have used some FP features, but strict FP is new to me.

kepic,
kepic avatar

@ncrav
I'm probably going to do (and ), leveraging and for . Planning still going on. , on the other hand, is as much educational thing for me as it is an attempt to figure out cleaner and more readable code.

and look good, although I'm not looking to start learning yet another (meta)language at this point.

tdarb, to random
@tdarb@fosstodon.org avatar

Dear product designers / web devs:

You should avoid hamburger menus on the mobile web 9/10 times.

  1. No one implements them correctly
  2. Most fail when JavaScript is disabled - leaving site navigation useless
  3. A list of your navigation options works better for screen readers / keyboard movement

Just say “No” to hamburger menus.

fell,
@fell@ma.fellr.net avatar

@tdarb I do agree with you. Hamburger menus - especially those that won't work without - should be eradicated.

However, your proposed solution of puttint the navigation at the bottom of the page doesn't solve one of the problems created by hamburger menus: The navigation options aren't visible after loading the page, so visitors cannot see at a glance what's on offer. I think the navigation should be at the top of the page whenever possible, even if it takes up screen space. 1/2

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