symfonystation, to javascript
@symfonystation@newsletter.mobileatom.net avatar
geoffrich, to svelte
@geoffrich@front-end.social avatar

#Svelte 5 is now in the "Release Candidate" phase: https://svelte.dev/blog/svelte-5-release-candidate

"This means that the design of the framework is largely settled, with no anticipated breaking changes between now and the stable release, and that the most egregious bugs have been stomped.

"It doesn't mean that it's ready for production, or that nothing will change between now and 5.0. But if you've held off on dabbling with Svelte 5 during the public beta phase, now is a great time to try it out."

kristin_baumann, to svelte
@kristin_baumann@vis.social avatar

Some D3 canvas and Svelte fun with the Mandelbrot fractal :)

First time trying out @viz_hub: https://vizhub.com/kristinbaumann/mandelbrot_fractal

#d3 #svelte #datavis

mauve, to svelte
@mauve@mastodon.mauve.moe avatar

Brushing up on #Svelte to do code reviews for a project and I gotta say it's pretty magical. :P

https://svelte.dev/docs/svelte-components#script-3-$-marks-a-statement-as-reactive

wiredprairie, to svelte
@wiredprairie@mastodon.social avatar

I'm following the ARIA authoring practices from the W3 for web components I'm writing for a #Svelte app.

I've been experimenting with lots of companies' web sites and component libraries.

It's disappointing how much variation there is in support (even from big companies). Many have wrongly applied anti-patterns and have failed to cover even 25% of the documented patterns.

A lot of component libraries do the minimum and still claim #a11y. 🤬 Trust these after verification.

#WebDev #A11y

happyborg, to rust
@happyborg@fosstodon.org avatar

Major progress on my first Autonomi demo app today. I'm sooo happy 😄

This proves that all the tricky but essential parts work together, so now I can add features and improve the operation knowing that effort won't be wasted.

It also already shows that we can build cross platform apps (desktop and mobile) with a web front end that use the #Autonomi #Rust APIs using #Tauri and your web framework of choice. Which for me is #Svelte

#RustLang #p2p #security #decentralization #dApps

kristin_baumann, to svelte
@kristin_baumann@vis.social avatar

𝗗𝘂 𝗕𝗼𝗶𝘀 𝗗𝗮𝘁𝗮 𝗩𝗶𝘀𝘂𝗮𝗹𝗶𝘇𝗮𝘁𝗶𝗼𝗻 𝗦𝗼𝗰𝗶𝗲𝘁𝘆 𝗖𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲 - 𝗪𝗲𝗲𝗸 𝟵/𝟭𝟬. My re-creation of Du Bois' poster no. 51 implemented with D3 & Svelte. Once more close to the original and responsive.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge9
Github: https://github.com/kristinbaumann/du-bois-challenge-2024

#DuBoisChallenge2024 #d3 #svelte #dataviz #datavisualization

schizanon, to webdev
@schizanon@mastodon.social avatar

I built this POC to demonstrate how I'd use CustomEvents to implement Signals. Please criticize my approach and tell me why I need a native browser API for this.

https://card-calc.surge.sh/

#webDev #javaScript #signals #observable #frontend #customEvents #events #svelte #preact #rxjs

inautilo, to javascript
@inautilo@mastodon.social avatar


Comparing JavaScript frameworks (Part 1) · Let’s compare the template languages of the frameworks https://ilo.im/15yeds


kristin_baumann, to svelte
@kristin_baumann@vis.social avatar

Du Bois Data Visualization Society Challenge - Week 7/10: My recreation of Du Bois' poster no.47, done with D3 & Svelte. Again I tried to recreate it as close to the original as possible, make it responsive and added a pattern fill to match the hand-painted look.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge7
Github: https://github.com/kristinbaumann/du-bois-challenge-2024

#DuBoisChallenge2024 #d3 #svelte #datavis

symfonystation, to javascript
@symfonystation@newsletter.mobileatom.net avatar

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend?

https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend

#javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs #SPAs

https://newsletter.mobileatom.net/frontend-madness/

#SPAs

kristin_baumann, to svelte
@kristin_baumann@vis.social avatar

Du Bois Data Visualization Society Challenge - Week 6/10: My recreation of Du Bois' poster no. 54, done with D3, Svelte. Again I tried to recreate it as close to the original as possible and make it responsive.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge6

Github: https://github.com/kristinbaumann/du-bois-challenge-2024

#DuBoisChallenge2024 #d3 #svelte #datavis

alephoto85, (edited ) to programming Italian
@alephoto85@livellosegreto.it avatar

[Tutorial] Introduzione/Benvenutə in Svelte

@programmazione

Svelte è uno strumento per la costruzione di applicazioni web. Come altri framework per interfacce utente, consente di costruire l'applicazione in modo dichiarativo con componenti che combinano markup, stili e comportamenti.
Questi componenti sono compilati in piccoli ed efficienti moduli JS che eliminano il sovraccarico tradizionalmente associato ai framework UI.

#programmazione #js #svelte #dev @vikkio 🙏

https://learn.svelte.dev/tutorial/welcome-to-svelte

kristin_baumann, to svelte
@kristin_baumann@vis.social avatar

Du Bois Data Visualization Society Challenge - Week 5/10: My recreation of Du Bois' poster no. 13, done with D3, Svelte. Added a pattern fill to match the hand-painted look & transitions on load.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge5

Github: https://github.com/kristinbaumann/du-bois-challenge-2024

#DuBoisChallenge2024 #d3 #svelte #dataviz

mandrasch, to svelte
@mandrasch@social.tchncs.de avatar

Discussed my current painpoints with a bit in Craft Discord. Coming from a Components perspective, the Developer Experience is just not as good currently. Things take much more effort to set up, you need to understand Includes vs. Embeds vs. Macros. This is a general PHP CMS challenge of course. 🤷 On the other hand: You get SSR easily without wild cloud setups in PHP 😉 🤓

Posted about components here if: https://github.com/twigphp/Twig/issues/3951#issuecomment-1970764587

andre, to svelte
@andre@fedi.jaenis.ch avatar

Thanks to the amazing effort by @laxla we can now inspect #Anvil in proper Hebrew:

https://anvil.codeberg.page/anvil/?path=/story/organisms-loginform--plain&globals=locale:he

I broke a little with #SvelteKit idioms here insofar as I have Pages merely pass a context object into a #Svelte component.

This in turn allows me to utilise #Storybook to describe the interface in different configurations (I have tests in place as well).

It's still early days but we tackle one page at a time to build up this #Federated #Forge (F2 for short).

In case you are interested in translating, hit me up. Be warned that things might move around or get dropped. I prefer early feedback to easily correct course if needed.

pascal, to CSS
@pascal@moth.social avatar

I have blogged again, this time about animating SVG stroke properties with CSS to create fireworks. https://www.pascal.com/diary/2024-02-23-animating-svg

29decibel, to svelte
@29decibel@mastodon.social avatar

Working on Svelte is so rewarding as a long time vanilla JS developer. All the accumulated web knowledge over the years just instantly available to you, while enjoying the augmented DX.

I have to say that's the best thing happened to the web. Imagine you don't need to throw away everything in order to progress, instead just enjoy the compounding benefits of your existing web knowledge.

Thank you Svelte team!

#svelte #sveltekit #web #webdev

oleksify, to svelte
@oleksify@mastodon.social avatar

I’m starting to fall in love with #svelte @sveltejs I finally have a change to work with Svelte within real production codebase and it's nothing but a pleasure. For a newbie with long React background this feels like - «OMG, it actually could be just that simple!»

It's still early days, and I'm only scratching the surface but so far it feels really good.

kristin_baumann, to svelte
@kristin_baumann@vis.social avatar

Du Bois Data Visualization Society Challenge - Week 3 of 10:

My recreation of Du Bois' poster no. 19, again implemented with D3 and Svelte, with transitions on load and hover interactions.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge3

Github: https://github.com/kristinbaumann/du-bois-challenge-2024

video/mp4

marcoow, to svelte
@marcoow@mastodon.social avatar

If you're in Munich, join @paoloricciuti and myself this Friday for @mainmatter's free workshop.

We'll be building a fully functional, progressively-enhanced app throughout the day.

The workshop will be hosted by our friends at Experteer in their office in the center of Munich.

Sign up here: https://ti.to/mainmatter/intro-to-svelte-sveltekit

kristin_baumann, to svelte
@kristin_baumann@vis.social avatar

The 2024 Du Bois Data Visualization Society Challenge has started!

Here is my re-creation of Du Bois Poster Nr. 6 for week 1, implemented with D3 and Svelte.

Live: https://du-bois-challenge-2024.kristin-baumann.com/#challenge1
Github: https://github.com/kristinbaumann/du-bois-challenge-2024

#DuBoisChallenge2024 #d3 #svelte #dataviz

schizanon, to webdev
@schizanon@mas.to avatar
schizanon, to webdev
@schizanon@mas.to avatar

HTMX is just the "back to the land" movement, but for web hippies.

andre, to svelte
@andre@fedi.jaenis.ch avatar

Slightly (ahem) frustrated that my component behaves differently than the example component in .

Couldn't figure out why the docstring and type wasn't extracted. The args aren't even shown as properties!

I'm sure it's something stupidly simple.
But I don't see it 🙈

Help appreciated. Boost okay.

Code: https://codeberg.org/Ryuno-Ki/Anvil/src/branch/storybook/stories/atoms/Avatar.stories.ts

Storybook: https://anvil.codeberg.page/anvil/?path=/docs/atoms-avatar--docs

  • 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