Agaric Tech Collective
Michał "rysiek" Woźniak · 🇺🇦
Agaric Tech Collective and 1 other boosted

Drupal.community is a Mastodon server focused on Drupal, free open source software and web development, but any content is welcome as long as it adheres to the code of conduct:

Fediversehttps://drupal.community

You can find out more at https://drupal.community/about or contact the admin @pcambra

cc @drupal

#FeaturedServer#Drupal#WebDevelopment#WebDev#FOSS#Mastodon #Fediverse#FreeFediverse

Drupal.community is a Mastodon server focused on Drupal, free open source software and web development, but any content is welcome as long as it adheres to the code of conduct:

Fediversehttps://drupal.community

You can find out more at https://drupal.community/about or contact the admin @pcambra

cc @drupal

#FeaturedServer#Drupal#WebDevelopment#WebDev#FOSS#Mastodon #Fediverse#FreeFediverse

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

Demo illustrating the feColorMatrix used to swap two individual RGB channels. Offers multiple comparison and test image options. Viewport adaptive.
Demo illustrating the feColorMatrix used to swap two individual RGB channels. Offers multiple comparison and test image options. Viewport adaptive.

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

Demo illustrating the feColorMatrix used to swap two individual RGB channels. Offers multiple comparison and test image options. Viewport adaptive.
Demo illustrating the feColorMatrix used to swap two individual RGB channels. Offers multiple comparison and test image options. Viewport adaptive.

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