¡Abbie!
¡Abbie! boosted
candide.xyz
@candide@vis.social  ·  activity timestamp 3 weeks ago

Here are links to try out live demos of the #PocketPortal example projects:

Simple page: https://pocket-portal.github.io/code/Example%20Projects/2-Pocket_Portal--Simple_Page/data/index.html

Digital colouring page: https://pocket-portal.github.io/code/Example%20Projects/3-Pocket_Portal--Colouring_Page/data/index.html

Music player (NEW): https://pocket-portal.github.io/code/Example%20Projects/4-Pocket_Portal--Music_Player/data/index.html

ELIZA-inspired chatbot (NEW): https://pocket-portal.github.io/code/Example%20Projects/5-Pocket_Portal--Eliza_Chatbot/data/index.html

Code: https://github.com/pocket-portal/code/tree/main

#HTML#CSS #frontend #webdev #esp8266 #wifi

Screen recording of the digital colouring page example. The user is shown selecting a colour, then clicking on a blank area in the line drawing. The illustration is by Chi Nwosu, is part of Flyers For Falastin (used here with the artist's permission), and prints are available at www.littlegaze.com. The illustration features three people surrounded by foliage and watermelons. The text in the illustration reads, "Our liberation is bound together — Lila Watson & Aboriginal Activist Group".
Screen recording of the digital colouring page example. The user is shown selecting a colour, then clicking on a blank area in the line drawing. The illustration is by Chi Nwosu, is part of Flyers For Falastin (used here with the artist's permission), and prints are available at www.littlegaze.com. The illustration features three people surrounded by foliage and watermelons. The text in the illustration reads, "Our liberation is bound together — Lila Watson & Aboriginal Activist Group".
Screen recording showing the pocket portal in action on a cellphone. A wi-fi info page is shown for the network "Come in, grab a seat". When the user goes to sign-in, the user is taken to the pocket portal's page, featuring the simple page example project.
Screen recording showing the pocket portal in action on a cellphone. A wi-fi info page is shown for the network "Come in, grab a seat". When the user goes to sign-in, the user is taken to the pocket portal's page, featuring the simple page example project.
Screenshot of the music player example project. The page showcases snippets of Creative Commons music purchased from Bandcamp, with the song title, artist and audio player shown. Unfortunately, I couldn't manage to get a proper playlist Javascript library working with the captive portal, so audio on a page will have to do for now...
Screenshot of the music player example project. The page showcases snippets of Creative Commons music purchased from Bandcamp, with the song title, artist and audio player shown. Unfortunately, I couldn't manage to get a proper playlist Javascript library working with the captive portal, so audio on a page will have to do for now...
Screenshot of the music player example project. The page showcases snippets of Creative Commons music purchased from Bandcamp, with the song title, artist and audio player shown. Unfortunately, I couldn't manage to get a proper playlist Javascript library working with the captive portal, so audio on a page will have to do for now...
Orhun Parmaksız 👾
@orhun@fosstodon.org  ·  activity timestamp 3 weeks ago

Damn... Rust devs going crazy with these libraries.

⚒️ sledgehammer_bindgen 🦀

💥 Breaking the performance barrier of WASM/JS communication.

⚡ Faster Rust batched bindings for JS code.

⭐ GitHub: https://github.com/ealmloff/sledgehammer_bindgen

#rustlang #webassembly #wasm #javascript #performance #bindings #frontend #bindgen
Orhun Parmaksız 👾
@orhun@fosstodon.org  ·  activity timestamp 3 weeks ago

Damn... Rust devs going crazy with these libraries.

⚒️ sledgehammer_bindgen 🦀

💥 Breaking the performance barrier of WASM/JS communication.

⚡ Faster Rust batched bindings for JS code.

⭐ GitHub: https://github.com/ealmloff/sledgehammer_bindgen

#rustlang #webassembly #wasm #javascript #performance #bindings #frontend #bindgen
candide.xyz
@candide@vis.social  ·  activity timestamp 3 weeks ago

Here are links to try out live demos of the #PocketPortal example projects:

Simple page: https://pocket-portal.github.io/code/Example%20Projects/2-Pocket_Portal--Simple_Page/data/index.html

Digital colouring page: https://pocket-portal.github.io/code/Example%20Projects/3-Pocket_Portal--Colouring_Page/data/index.html

Music player (NEW): https://pocket-portal.github.io/code/Example%20Projects/4-Pocket_Portal--Music_Player/data/index.html

ELIZA-inspired chatbot (NEW): https://pocket-portal.github.io/code/Example%20Projects/5-Pocket_Portal--Eliza_Chatbot/data/index.html

Code: https://github.com/pocket-portal/code/tree/main

#HTML#CSS #frontend #webdev #esp8266 #wifi

Screen recording of the digital colouring page example. The user is shown selecting a colour, then clicking on a blank area in the line drawing. The illustration is by Chi Nwosu, is part of Flyers For Falastin (used here with the artist's permission), and prints are available at www.littlegaze.com. The illustration features three people surrounded by foliage and watermelons. The text in the illustration reads, "Our liberation is bound together — Lila Watson & Aboriginal Activist Group".
Screen recording of the digital colouring page example. The user is shown selecting a colour, then clicking on a blank area in the line drawing. The illustration is by Chi Nwosu, is part of Flyers For Falastin (used here with the artist's permission), and prints are available at www.littlegaze.com. The illustration features three people surrounded by foliage and watermelons. The text in the illustration reads, "Our liberation is bound together — Lila Watson & Aboriginal Activist Group".
Screen recording showing the pocket portal in action on a cellphone. A wi-fi info page is shown for the network "Come in, grab a seat". When the user goes to sign-in, the user is taken to the pocket portal's page, featuring the simple page example project.
Screen recording showing the pocket portal in action on a cellphone. A wi-fi info page is shown for the network "Come in, grab a seat". When the user goes to sign-in, the user is taken to the pocket portal's page, featuring the simple page example project.
Screenshot of the music player example project. The page showcases snippets of Creative Commons music purchased from Bandcamp, with the song title, artist and audio player shown. Unfortunately, I couldn't manage to get a proper playlist Javascript library working with the captive portal, so audio on a page will have to do for now...
Screenshot of the music player example project. The page showcases snippets of Creative Commons music purchased from Bandcamp, with the song title, artist and audio player shown. Unfortunately, I couldn't manage to get a proper playlist Javascript library working with the captive portal, so audio on a page will have to do for now...
Screenshot of the music player example project. The page showcases snippets of Creative Commons music purchased from Bandcamp, with the song title, artist and audio player shown. Unfortunately, I couldn't manage to get a proper playlist Javascript library working with the captive portal, so audio on a page will have to do for now...
alcinnz
alcinnz boosted
Ian K. Rogers ikr?╭ರ_ಠ
@ianrogers@mstdn.social  ·  activity timestamp 4 weeks ago

It's no small thing, CSS can now do carousels natively, with no javascript.

"scroll buttons, scroll markers, scroll driven animation, scroll-state() queries, :has(), grid, anchor and so much more.

Even more impressive is the accessibility story.

Carousel best practices are handled by the browser, thanks to the engineering and accessibility teams working together. It'd be very difficult to make a more accessible carousel than this."

#CSS #frontend#UIUX

https://developer.chrome.com/blog/carousels-with-css
Ian K. Rogers ikr?╭ರ_ಠ
@ianrogers@mstdn.social  ·  activity timestamp 4 weeks ago

It's no small thing, CSS can now do carousels natively, with no javascript.

"scroll buttons, scroll markers, scroll driven animation, scroll-state() queries, :has(), grid, anchor and so much more.

Even more impressive is the accessibility story.

Carousel best practices are handled by the browser, thanks to the engineering and accessibility teams working together. It'd be very difficult to make a more accessible carousel than this."

#CSS #frontend#UIUX

https://developer.chrome.com/blog/carousels-with-css