Search
Items tagged with: web
Streamiverse is written in Kitten and you can follow the “htmx, the htmx WebSocket extension, and socket routes” tutorial to create a Kitten app that consumes the API:
kitten.small-web.org/tutorials…
To get started with Kitten, see:
(Could be a fun little thing to play with this weekend.)
💕
#Kitten #SmallWeb #htmx #WebSocket #streaming #fediverse #Mastodon #API #SmallTech #web #dev
PS. Did I mention Kitten has built-in support for evergreen web?
kitten.small-web.org/reference…
#everygreenWeb #Kitten #SmallWeb #web #dev
Hey web devs, not breaking links doesn’t have to be hard…
Heard of the 404 → 307 technique? (Well, now you have!)
🌲
#evergreenWeb #web #dev
How to set up a mimimal/blank new tab page on Ungoogled Chromium that conforms to your system’s dark mode setting:
github.com/ungoogled-software/…
PS. You can install Ungoogled Chromium easily on macOS using Homebrew:
```shell
brew install --cask eloston-chromium
```
For more macOS setup/configuration tips see my quick gist:
codeberg.org/aral/gists/src/br…
#ungoogledChromium #chromium #chrome #minimal #newTabPage #aesthetics #accessibility #privacy #configuration #web
gists/mac-setup.md at main
gists - A place for me to post and share small, self-contained code snippets.Codeberg.org
Someone hearted a Pen I made over a year ago, a no library, minimal JS version of another I found on @codepen.
At the time, it didn't work in Firefox as it was transitioning custom properties and support for :has() there was spotty.
Now it's cross-browser codepen.io/thebabydino/pen/gOqYdJd
#CSS #cssTransition #mask #cssMask #revealEffect #textEffects #textEffect #code #coding #frontend #webDevelopment #web #dev #webDev
Someone asked how to get such a card with text content, transparent background, rounded corners and a rotating inner edge rainbow gradient glow, so here's my take on it reddit.com/r/css/comments/1gpz…
Live demo on @codepen
codepen.io/thebabydino/pen/WNV… (single div, heavily commented)
#CSS #gradient #gradients #cssGradient #glow #gradientGlow #code #coding #web #dev #webDev #webDevelopment #frontend
This little thing made this week's @codepen Spark!
#CSS #code #coding #frontend #web #dev #cssGradient #webDevelopment #webDev #glow #cssAnimation #rainbow
Why do so many web pages use something like this as their opening paragraph? Is this taught in SEO school or something?
"Hello, everyone! Today I’m going to talk about (SUBJECT), and whether or not you should (SUBJECT). It seems like a simple enough question, but the answer might not be as straightforward as you think. In this blog post, I’m going to explore the benefits and drawbacks of (SUBJECT), and provide some tips for deciding whether or not it’s the right choice for you."
It sounds like a desperate student trying to pad out their essay when they have no idea what they're talking about. 😆
#Web
Funny how, a decade ago, they called us “tin-foil hat conspiracy theorists” for suggesting such things and we were shunned by “respectable” folks in the web community afraid to lose their favoured status as Big Tech’s bottom feeders.
#BigTech #SiliconValley #ventureCapital #capitalism #surveillance #BigWeb #web #SmallTech #ethicalTech #privacy #humanRights mstdn.ca/@teledyn/113489107039…
Aral Balkan - Free is a Lie - Thinking Digital 2014
At Thinking Digital 2013, Aral Balkan delivered the most watched and favourited Thinking Digital talk of all time. In 2014, Aral returned to Thinking Digital…Vimeo
@bjb @jrredhoIt is called Active Listening, and Alexa has a patent on it.
buttondown.com/creativegood/ar…
Surveillance never sits still
To mark the seventh anniversary of my WFMU show Techtonic, I built this week’s episode around a simple reminder: Even more devices are spying on you. I say...Creative Good
Gosh I do love how elegant Playwright + my little Kitten¹ process helper makes it to write end-to-end tests.
Check out the tests for the peer-to-peer web (Small Web) end-to-end encrypted chat example²:
codeberg.org/kitten/app/src/br…
That handles the setting up of two instances (place1.localhost:498 and place2.localhost:499) and tests the sending of end-to-end encrypted messages between them.
💕
Just updated the Kitten reference section on testing Kitten to include instructions on running the new regression and end-to-end tests.
Will only be of interest if you’re hacking on Kitten itself.
Here's a fun #3D layered text effect on @codepen codepen.io/thebabydino/pen/vYM…
No text duplication whatsoever, no text-shadow, no JS, no images save for CSS gradients.
All done with #CSS gradients, transforms & #SVG #filter magic! 🪄
Also an entry for this week's
#CodePenChallenge.
#svgFilter #textEffects #code #textEffect #web #dev #webDev #webDevelopment #coding #frontend
I’m writing a #newsletter called Own Your Web about designing, building, creating, and publishing for and on the #Web. It took a little work-induced break but the next issue is ready and will go out this Sunday.
If that sounds interesting, sign up here:
Own Your Web
Own Your Web is a newsletter by Matthias Ott about designing, building, creating, and publishing for and on the Web.ownyourweb.site
W3C Sustainable Web Interest Group, nice!
w3.org/blog/2024/sustainable-w…
#ClimateChange #Sustainability #ClimateCrisis #Energy #WebDevelopment #Software #Web #W3C
Sustainable Web Interest Group is Formed
Announcement of the formation of the W3C Sustainable Web Interest Group.W3C
Come as you are¹ on @codepen codepen.io/thebabydino/pen/yLw…
No text duplication whatsoever, no text-shadow, no images save for #CSS gradients, no JS, just #SVG #filter magic.
Also an entry for this week's #CodePenChallenge.
¹but fully clothed
#svgFilter #textEffects #code #textEffect #web #dev #webDev #webDevelopment #coding #frontend
Really enjoying adding end-to-end tests to Kitten¹ using Playwright² and my own little Kitten controller class for starting/stopping/otherwise interacting with the Kitten server.
Just wrote some that comprehensively test identity creation and authentication for Small Web places:
codeberg.org/kitten/app/src/br…
Lots more to write but I think I’ve found a good flow :)
💕
¹ kitten.small-web.org
² playwright.dev
#Kitten #SmallWeb #Playwright #testing #NodeJS #JavaScript #web #dev
app/tests/end-to-end/examples.spec.js at regression-tests
app - A web development kit that’s small, purrs, and loves you.Codeberg.org
Today @ 18:30 in Dublin: Come hear me talk about the Small Web and watch me demonstrate the current state of Kitten, Domain, and Place.
#ireland #dublin #SmallWeb #talk #presentation #web #dev #JavaScript #NodeJS #htmx #WebSockets #StreamingHTML #selfHosting #decentralisation #p2p #cryptography #dubSec #Kitten #Domain #Place #SmallTech
Dub|Sec October Meetup
October's Dub\|Sec social will take place in the [Camden Court Hotel](https://www.camdencourthotel.com/en/) on October 30th. We'll be there from 6.30pm. *Meetup
If you’re looking for a browser extension like Stylus (which lets you override browser styles, scoped to specific sites) for Safari on macOS, check out Cascadea. It’s by an independent developer (Mike Freuden), doesn’t farm you for your data, and seems to do what it says on the tin (in my limited few minutes of testing right now¹) :)
¹ I’m using it to hide the controls on the local export of my slides.com presentation.
#macOS #safari #stylus #cascadea #css #web #dev
Cascadea - Remix the web.
Cascadea is a custom style extension built from the ground up for macOS and Safari.Cascadea - Remix the web.
I’m going to present a talk on Small Web at the Dub|Sec meetup this Wednesday (October 30th at 6:30PM). The event takes place at The Camden Court Hotel in Dublin.
Pop by and say hi if you’re around.
meetup.com/dub-sec/events/3038…
#SmalWeb #peerToPeerWeb #Ireland #meetup #dublin #dubsec #Kitten #Domain #Place #NodeJS #HTML #CSS #JavaScript #htmx #WebSockets #web #dev
Dub|Sec October Meetup
October's Dub\|Sec social will take place in the [Camden Court Hotel](https://www.camdencourthotel.com/en/) on October 30th. We'll be there from 6.30pm. *Meetup
