#shoelace — Public Fediverse posts

#Development #Reviews
Web Awesome is finally here · “Now we have the best CSS framework on the market.” https://ilo.im/165bqw

_____
#WebAwesome #Shoelace #OpenSource #CSS #Framework #UiComponents #WebComponents #WebAPIs #WebDev #Frontend

Introducing Unstruction, an open-source web template and Jekyll theme created by @digitalmalayalistudio, designed for quickly setting up a simple 'website under construction' page.

https://github.com/DigitalMalayaliStudio/unstruction-jekyll-theme/

#digitalmalayalistudio #opensource #underconstruction #template #webtemplate #jekylltheme #jekyll #shoelace #html

#Development #Takeaways
A local-first case study · “It’s very possible to build a useful local-first app today.” https://ilo.im/160cj4

_____
#LocalFirst #WebApp #Maps #Svelte #Shoelace #ProseMirror #CRDT #WebDev #Frontend #JavaScript

A znaliście alternatywny front-end do threads?

Nie twierdzę, że jest do czegoś przydatny.

Piszę, po prostu, że jest, i jest open-source 😉

https://lace.projectsegfau.lt/t/DA732lburHV

Źródła: https://git.sr.ht/~nixgoat/shoelace/

#Threads #shoelace

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

I backed the Web Awesome (https://www.kickstarter.com/projects/fontawesome/web-awesome) Kickstarter a month or two ago and they put out v. 3.0.0-alpha.1, last week. I'm glad to see it.

Submenus: https://codepen.io/steinbring/pen/jOoKMyx
Form Inputs: https://codepen.io/steinbring/pen/abrKmWe

#WebAwesome #Shoelace #FontAwesome

Someone emailed me asking if #HTMX 2.0 works with complex #Shoelace #webcomponents. There was a Shadow DOM issue, but it all seems to work now with no additional #JavaScript.

This is pretty good news. Yay! 🥳

I pushed up a working sample to this branch. #aspnetcore #dotnet

https://github.com/khalidabuhakmeh/Shoelace-AspNetCore/tree/shoelace-htmx2

Some days ago I read an article how people wired up #Figma with a physical device: https://edges.ideo.com/posts/figproxy I was fascinated by the concept but found it sad, that it needs a custom browser, only available on macOS.

🎉 I sat down and now I have a working prototype which works in every browser and system:

1. Run native JavaScript. e. g. an alert
2. Trigger JS events to e. g. open a #Shoelace dialog including a YouTube video.

(1/2)

There are 4 hours and $40,000 until the next Web Awesome stretch goal. It would be pretty cool if there was another date picker in the world.

https://www.kickstarter.com/projects/fontawesome/web-awesome

#WebAwesome #Shoelace

There is a day remaining for the Web Awesome / Shoelace Kickstarter campaign and I want to see the Combobox / Typeahead stretch goal happen. It is less than $4k away.

https://www.kickstarter.com/projects/fontawesome/web-awesome

#Shoelace #WebAwesome #WebComponents

Round 2 of making #shoelace components work with #htmx. #javascript #aspnetcore

You need this #JavaScript code snippet to get #htmx and #shoelace to play nice. Guess I have another blog post to write. 😅

I got #Shoelace #webcomponents working with #aspnetcore, but there are some caveats—time to write another #dotnet blog post.

Overall, I could see this being really helpful for folks building #apps.

@astro + Shoelace / Web Components 🤬

Why is this impossible to hook up? 😤

https://stackoverflow.com/questions/77550289/use-third-party-web-component-within-astro

#astrojs #shoelace #webcomponent #webcomponent

@thomasreggi I’m building a web game on #astro using #shoelace and #appwrite that is a strange amalgam of Neopets , Obsidian, and Dreamweaver called Denweaver :)

@thomasreggi I’m building a web game on #astro using #shoelace and #appwrite that is a strange amalgam of Neopets , Obsidian, and Dreamweaver called Denweaver :)

@thomasreggi I’m building a web game on #astro using #shoelace and #appwrite that is a strange amalgam of Neopets , Obsidian, and Dreamweaver called Denweaver :)

@thomasreggi I’m building a web game on #astro using #shoelace and #appwrite that is a strange amalgam of Neopets , Obsidian, and Dreamweaver called Denweaver :)

@thomasreggi I’m building a web game on #astro using #shoelace and #appwrite that is a strange amalgam of Neopets , Obsidian, and Dreamweaver called Denweaver :)

#shoelace is really making it comfy to create the new UI for #WebComponentDevTools

If only I could work on it full time for even a week, would finish to much quicker. So much code to refactor, re-build and improve.

I'll try to ship v0.3 by the end of year!

#webdev #js #javascript #jsdoc #webcomponents

For those interested. My end of year OS roadmap is as follows:

- Deliver WC DevTools UI Rework (with #shoelace )
- Deliver a more reliable WCDT (and v3 for Firefox)
- Look into supporting #solidjs Element Custom Elements in CE Lang Server
- Rewrite & finish JS Crawler

#javascript #devtools #js #solidjs #infosec #webcomponents

I love that #php is still alive and kicking for many devs. The #web is a big place and if you can build something cool with whatever technology you like then do it. Don’t be shamed into constantly learning new frameworks or libraries ( but do so if you like ) because that is just a racket. Use what you know, and learn new things that resonate with you.

For me I’ve been staying with vanilla web tech but also learning #svelte and @astro as well as #appwrite , plus using web components from #shoelace https://shoelace.style/

I encoded text as binary data in my boot laces...

https://johanv.net/blog/binary-boots/

#boot #boots #binary #ascii #fashion #code #shoe #shoes #shoelace

My "tech stack" :
1) #appwrite for back end
2) #astrobuild for node app
3) #replit for IDE
4) #github for storage
5) #shoelace https://shoelace.style for widgets
6) #svelte for any magic
7) #kaboomjs for game views
8) #opengameart for art assets
9) #kennynl https://kenney.nl/ for more assets
10) #nightcafe for some special art

#gamedev #denweaver

Merci à toutes celles et ceux qui sont venus voir ma présentation sur #mastodon, les protocoles et standards sous-jacents, à #DevoxxFR

Les slides :
https://speakerdeck.com/glaforge/from-bird-to-elephant-starting-a-new-journey-on-mastodon

Le code (#micronaut + #java + #vuejs + #shoelace) :
https://github.com/glaforge/stootistics

Created and themed the Docs/Blog site for @kartedrop this morning.

Continue to be impressed with the awesome work @jaredwhite is doing with @bridgetown.

The main #RubyOnRails app uses #TailwindCSS and #Shoelace so getting the look and feel ported over to Bridgetown was very straightforward.

#BuildingInPublic #BuildInPublic #Bootstrapping

@moonglum @stilkov A principle that something like #Shoelace (https://shoelace.style) is at odds with I guess?

the data-shoelace attribute for specifying the shoelace directory for proper asset loading is so good. I love it and will be copying. https://shoelace.style/getting-started/installation?id=setting-the-base-path #shoelace #webcomponents

Check out this project: https://shoelace.style/

It is like bootstrap but uses WebComponents.

Completely framework agnostic 😎

#WebDevelopment #WebComponents #CSS #React #Angular #Vue #Shoelace

What I'm working on.

#scala #scalaJs #laminar #shoelace

Shoelace - A collection of open source, professionally designed UI components built on a framework-agnostic technology. https://shoelace.style/ #Front #UI #Components #Shoelace by @[email protected]