Search
Items tagged with: web
BlueSky is to the ATmosphere what Goggle is to the modern web. Discuss.
Keen to read arguments both for and against, including within the same post. Reasoned arguments I disagree with get more points than knee-jerk hot takes I agree with. Go!
#BlueSky #ATmosphere #Google #web
By the way, this is my second article for Frontend Masters.
My first was a few months ago and it was about creating dynamic split effects (image, text, page) without any content duplication whatsoever frontendmasters.com/blog/split…
#CSS #SVG #filter #blending #code #web #webDev #frontend #coding #dev #webDevelopment #blendMode #svgFilter #cssGradient
Split Effects with no Content Duplication – Frontend Masters Boost
The `clip-path` property with the `inset()` shape makes for some cool design opportunities. Here we'll expand on some existing ideas, improving them by not requiring any content duplication.frontendmasters.com
I have a new article out: 🎇 Pure CSS Halftone Effect in Only 3 Declarations 🎇 frontendmasters.com/blog/pure-…
This goes through the how behind the 3 declarations and then explores a lot of variations that help us produce 🌟 cooler, more interesting 🌟 patterns.
#CSS #pattern #gradient #halftone #cssPattern #cssGradient #filter #blending #blendMode #code #coding #frontend #web #dev #webDev #webDevelopment
Pure CSS Halftone Effect in 3 Declarations – Frontend Masters Boost
A halftone is a pattern of dots that vary in size and spacing. It's a printing technique that you normally don't see, but blown up in size, is a cool aesthetic. This is a deep dive on how it can be done in CSS alone, starting quite simply!frontendmasters.com
Looking for a new #blog to follow ?
Check blogofthe.day !
#blogging #web #indieweb #mastodon #fediverse
Blog of the .Day: Explore the (indie) web, one blog at a time.
Explore the IndieWeb, the slow web, the independent web, one blog per dayblogofthe.day
French #court blocks popular #porn site… #subdomain
Source: techcrunch.com/2024/11/28/fren…
As a result, the court ordered blocking of “fr.xhamster.com,” including the “fr.” prefix. This means internet service providers have complied with the order and blocked xHamster at the DNS level but only with the “fr.” prefix. So #xHamster remains accessible in France — until regulator, Arcom, finds a way to close this embarrassing loophole.
#news #internet #knowlege #Knowhow #justice #technology #dns #block #web #www #uri #access #provider #fr #France #fail #omg #wtf
French court blocks popular porn site... subdomain | TechCrunch
When the Paris Court of Appeal recently blocked four porn sites in France for not having a proper age verification system, the two online child protectionRomain Dillet (TechCrunch)
New Kitten release
• Improves macOS post-install instructions
• Node runtime upgraded to 22.11.0
• New well-known /💕/ok route for testing new deployments (return 200 success, guaranteed to work even if your app doesn’t)
• Interpolated numbers/bare content fix in kitten.html parser.
• Now with many more tests :)
Within this assessment, the red team (also referred to as ‘the team’) gained initial access through a web shell left from a third party’s previous security #assessment.
Source: cisa.gov/news-events/cybersecu…
Today's #security measures therefore tend to reduce security rather than increase it. 🤔😖
#news #Software #vulnerability #bug #fail #cybersecurity #Problem #omg #wtf #web #webshell #internet
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
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
