#Tag
»uBlockOrigin-AI-Blocklist«: Eine manuell gepflegte Filterliste für uBlock Origin, die KI-Content/AI-Slop aus Suchergebnissen rausfiltert (Google, DDG, Bing, Startpage, Brave). Läuft auch mobil (uBlacklist) bzw. als Hosts-Datei für Pi-hole/AdGuard. 👇
»uBlockOrigin-AI-Blocklist«: Eine manuell gepflegte Filterliste für uBlock Origin, die KI-Content/AI-Slop aus Suchergebnissen rausfiltert (Google, DDG, Bing, Startpage, Brave). Läuft auch mobil (uBlacklist) bzw. als Hosts-Datei für Pi-hole/AdGuard. 👇
A thing I've been working on to add to my shop https://ko-fi.com/anatudor/shop
You may have seen sliced & offset text before, but this also has its selection not only inverting the text, punching a hole through to the backdrop, but the selection is also sliced & offset. This you won't find elsewhere.
A thing I've been working on to add to my shop https://ko-fi.com/anatudor/shop
You may have seen sliced & offset text before, but this also has its selection not only inverting the text, punching a hole through to the backdrop, but the selection is also sliced & offset. This you won't find elsewhere.
There are currently videos circulating that may disturb some people. Unfortunately, some of them do not come with a warning or find their way onto your timeline in other ways.
You would probably prefer not to see such videos when scrolling through your timeline again. Or other posts, for that matter.
In the attached video, I show you how to hide these posts from your timeline.
First, you need to define a filter that hides something completely.
Then you can go to the post and apply this filter to it. This hides the post without you having to mute or block the sender.
Think about your mental health.
#Fediverse #Forkiverse #Mastodon #Filter #MentalHealth #Tutorial
There are currently videos circulating that may disturb some people. Unfortunately, some of them do not come with a warning or find their way onto your timeline in other ways.
You would probably prefer not to see such videos when scrolling through your timeline again. Or other posts, for that matter.
In the attached video, I show you how to hide these posts from your timeline.
First, you need to define a filter that hides something completely.
Then you can go to the post and apply this filter to it. This hides the post without you having to mute or block the sender.
Think about your mental health.
#Fediverse #Forkiverse #Mastodon #Filter #MentalHealth #Tutorial
fzf is a general-purpose command-line fuzzy finder.
It’s an interactive filter program for any kind of list; files, command history, processes, hostnames, bookmarks, git commits, etc. With its novel “fuzzy” matching algorithm, you can quickly type in patterns with omitted characters and still get the results you want.
🧑💻 https://github.com/junegunn/fzf
#fzf #FuzzyFinder #Findfiles #terminal #cli #linux #filter #fuzzy #match #linux #opensource #type #git #commandline
fzf is a general-purpose command-line fuzzy finder.
It’s an interactive filter program for any kind of list; files, command history, processes, hostnames, bookmarks, git commits, etc. With its novel “fuzzy” matching algorithm, you can quickly type in patterns with omitted characters and still get the results you want.
🧑💻 https://github.com/junegunn/fzf
#fzf #FuzzyFinder #Findfiles #terminal #cli #linux #filter #fuzzy #match #linux #opensource #type #git #commandline
2️⃣ feColorMatrix: swap channels ☆ interactive demo, adaptive layout - check it out on @codepenhttps://codepen.io/thebabydino/full/QWopRMK
An interactive, responsive demo illustrating how feColorMatrix can be used to swap channels. Another very special one.
#SVG #filter #svgFilter#JS #interactive #javascript #code #coding #frontend#CSS #web #dev #webDevelopment #webDev #cssGrid #cssLayout
Behind the demo https://mastodon.social/@anatudor/112242678457752295
2️⃣ feColorMatrix: swap channels ☆ interactive demo, adaptive layout - check it out on @codepenhttps://codepen.io/thebabydino/full/QWopRMK
An interactive, responsive demo illustrating how feColorMatrix can be used to swap channels. Another very special one.
#SVG #filter #svgFilter#JS #interactive #javascript #code #coding #frontend#CSS #web #dev #webDevelopment #webDev #cssGrid #cssLayout
Behind the demo https://mastodon.social/@anatudor/112242678457752295
I wrote a new article for Frontend Masters: Step Gradients with a Given Number of Steps!
Consider this problem: you are given 2 hex codes + a number of steps. How would you code a step gradient? Think about it, then see my solution https://frontendmasters.com/blog/step-gradients-with-a-given-number-of-steps/
Hope you enjoy, a lot of work went into it.
#CSS#SVG #filter #svgFilter #code #coding #web #dev #webDev #webDevelopment #frontend #cssGradient
I wrote a new article for Frontend Masters: Step Gradients with a Given Number of Steps!
Consider this problem: you are given 2 hex codes + a number of steps. How would you code a step gradient? Think about it, then see my solution https://frontendmasters.com/blog/step-gradients-with-a-given-number-of-steps/
Hope you enjoy, a lot of work went into it.
#CSS#SVG #filter #svgFilter #code #coding #web #dev #webDev #webDevelopment #frontend #cssGradient
I turn 13 on @codepen today, so after my most hearted demos (https://mastodon.social/@anatudor/114499264888606204)... here are 13 of MY personal faves!
1️⃣ Pure CSS music toy - this one's a really special one for me https://codepen.io/thebabydino/pen/WNGPjLx
#CSS transforms for the #3D, CSS variables for the dynamic shading.
The how 😼 https://www.youtube.com/watch?v=_CV364uqP3U
#css3d #transform #cssTransform #filter #cssFilter #frontend #code #coding #web #dev #webDev #webDevelopment
So what else could we do? Use an SVG filter!✨
Set the #CSS gradient as one with two end stops and no steps and apply a super simple #SVG #filter (same idea as here https://mastodon.social/@anatudor/114703583973454917 ) that makes it stepped.
Works for all gradient types - see this @codepen demo https://codepen.io/thebabydino/pen/raVrZQN 😼
#cssGradient #code #coding #frontend #web #dev #webDevelopment #webDev #svgFilter #cssVariables
So what else could we do? Use an SVG filter!✨
Set the #CSS gradient as one with two end stops and no steps and apply a super simple #SVG #filter (same idea as here https://mastodon.social/@anatudor/114703583973454917 ) that makes it stepped.
Works for all gradient types - see this @codepen demo https://codepen.io/thebabydino/pen/raVrZQN 😼
#cssGradient #code #coding #frontend #web #dev #webDevelopment #webDev #svgFilter #cssVariables
