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