#blending — Public Fediverse posts

“Companies have started incorporating “adversarial patterns” in their garments – carefully designed arrangements of shapes, colours and repeated motifs said to exploit weaknesses in some #ComputerVision systems.

The designers say advances in #computing have made it easier to incorporate such patterns into commercially viable garments. Experts caution that the effectiveness of the patterns depends on the #surveillance system and the conditions in which it is used, but #NickTidball, the co-founder of the clothing brand Vollebak, thinks “adversarial clothing” could be on the cusp of going mainstream.

“ #AntiSurveillance feelings are so widespread that all it would take is for a single celebrity to wear one of these garments, currently popular in the #countercultural fashion world, to a high-profile event for it to take off,” he said.”

#Textiles / #clothing / #blending / #camouflage <https://www.theguardian.com/fashion/2026/jul/17/adversarial-clothing-are-garments-designed-to-confuse-facial-recognition-systems-about-to-go-mainstream>

### 🌌 #TripHop version
A #hypnotic Trip-Hop #interpretation #blending #haunting #electronic #textures, #introspective #rhythms and #atmospheric #depth

#Music #flooded #head – TripHop Song | #My #Original #Lyrics, My #Voice ( #Suno)

https://www.youtube.com/watch?v=AFVU7Z4Np84

### 🌌 #TripHop version
A #hypnotic Trip-Hop #interpretation #blending #haunting #electronic #textures, #introspective #rhythms and #atmospheric #depth

#Trinity #now #formed –Trip-Hop Song | #My #Original #Lyrics, My #Voice ( #Suno)

https://www.youtube.com/watch?v=XRISArJPpwE

The Lockdown Letterheads demonstrations included these three, among others:

1. Sketching with Noel B. Weber, which followed his home studio tour: https://bl.ag/lockdown/#noel-b-weber-home-studio-tour-and-sketch-demo

2. Blending with Liane Barker: https://bl.ag/lockdown/#blending-demonstration

3. Drawn Terminals in Calligraphy with Carl Rohrs: https://bl.ag/lockdown/#drawn-terminals-in-calligraphy
(Carl also included some downloadable resources based on his analysis of the calligraphic work of Alfred Linz and its applications to sign painting.)

3/X

#Sketching #Blending #Calligraphy #SignPainting #Lettering

### 🌌 #Noir #Trip-Hop version
A #hypnotic Trip-Hop #interpretation #blending #haunting #textures, #introspective #rhythms and #atmospheric #depth

#Every #Magic #word – AI Noir Trip-Hop #Song | #My #Original #Lyrics, My #Voice ( #Suno #AI)

https://www.youtube.com/watch?v=3H9Q3ePcglg

### 🌌 #TripHop version
A #hypnotic Trip-Hop #interpretation #blending #haunting #textures, #introspective #rhythms and #atmospheric #depth

#Memory #lane – AI Trip-Hop #Song | #My #Original #Lyrics, My #Voice ( #Suno #AI)

https://www.youtube.com/watch?v=eQyaG1mXYvc

Style DEMs with Color Hillshade in QGIS

https://videos.qwast-gis.com/w/tG6hUzaZRd8YcSJ13FJaSV

Derek Hough Launches New Series Blending Cooking and Fitness on ‘DWTS’

Derek Hough, renowned judge from Dancing With the Stars (DWTS), is merging his culinary and fitness expertise with a new initiative. He has partnered with Barilla to launch the Protein+ Training Timers campaign…
#dining #cooking #diet #food #Cooking ##DWTS #And #Blending #derek #fitness #Hough #launches #new #series
https://www.diningandcooking.com/2468268/derek-hough-launches-new-series-blending-cooking-and-fitness-on-dwts/

A Talk With Menagerie’s Ricky & Lisa Novak • James Lane Post • Hamptons Culture & Lifestyle Magazine

Menagerie Wine, created in Napa Valley, was founded by a group of friends united by their love for elegant, refined wine and a shared commitment to protectin…
#dining #cooking #diet #food #Wine #Blending #conservation #featured #menagerie’s #Novak #ricky #wildlife
https://www.diningandcooking.com/2466792/a-talk-with-menageries-ricky-lisa-novak-james-lane-post-hamptons-culture-lifestyle-magazine/

Noticed this got featured on @codepen: an animated XOR background - enjoy!

https://codepen.io/thebabydino/pen/JoKYVeB

Made this to answer a question from reddit https://www.reddit.com/r/css/comments/1q242on/comment/nxag5vj/?context=3

#CSS #gradient #blending #cssGradient #blendMode #xor #difference #coding #cssPattern #cssAnimation #frontend #web #dev #webDev #webDevelopment #code

Single element, minimal #CSS (20 declarations and only that many to even out browser inconsistencies), minimal #JS (just updates a custom property value), comparison slider (original image vs. desaturated one) on @codepen https://codepen.io/thebabydino/pen/MWMvxxX

#code #coding #frontend #blending
#web #dev #webDev #webDevelopment
#blendMode

🔴 LIVE: @NorthWestWind is streaming on PeerTube! 🔥
Tune in: https://peertube.wtf/videos/watch/454220

#BlenderTutorials #Blending #BlenderNoob #peertube #livestream #stream

Because this @codepen demo just got hearted and I've never shared it here before https://codepen.io/thebabydino/pen/VwmQQwJ

The concept behind the XOR is something I explained in this
@csstricks article https://css-tricks.com/taming-blend-modes-difference-and-exclusion/

(should probably redo it with view transitions)

#CSS #blending #blendMode #coding #web #dev #webDev #webDevelopment #code #frontend

You can find a very detailed explanation about the how behind in my Taming Blend Modes: `difference` and `exclusion` article on @csstricks https://css-tricks.com/taming-blend-modes-difference-and-exclusion/

#CSS #blending #blendMode #cssGradient #code #web #webDev #webDevelopment #dev #coding #frontend

And here are cards with gradual left to right inversion: from no inversion at all on the left, to full inversion on the right. Again, minimal code, single div, no pseudos necessary, 2 #CSS declarations.

Live demos on @codepen

✳️ https://codepen.io/thebabydino/pen/mdOzLxE

✳️ https://codepen.io/thebabydino/pen/dyOVgeR

#blending #blendMode #cssGradient #code #web #webDev #webDevelopment #dev #coding #frontend

Here's another set of cards with varying patterns, all created with the exact same 4 blended CSS gradients, it's just the stops list `--c` that changes for each card.

So basically, it's again just one `background` + one `background-blend-mode` property.

Live demo on @codepen
https://codepen.io/thebabydino/pen/vYyNyER

#CSS #blending #blendMode #pattern #cssGradient #coding #frontend #code #web #dev #webDev #webDevelopment #cssPattern #cssPatterns #patterns

And here's a cards demo with a cool, yet very simple trick: these left to right gradients are vibrant at the top, but then progressively get more and more desaturated going down, until fully grey.

Live on @codepen https://codepen.io/thebabydino/pen/xxzjJXL - only 2 CSS declarations necessary!

#CSS #tinyCSStip #blending #blendMode #cssGradient #code #coding #frontend #web #dev #webDev #webDevelopment

By the way, the code is heavily commented https://codepen.io/thebabydino/pen/MYWxeew

So you can see how it works without JS, without wrapping individual elements into spans, just letting it wrap naturally. And without covers that wouldn't allow for an image backdrop behind the text.

#CSS #SVG #filter #svgFilter #blendMode #blending #code #coding #frontend #web #dev #webDevelopment #webDev

If we have an inline `span` inside a `p` & we give it a semi-transparent `background` + a `padding`, we get an alpha increase where backgrounds of adjacent lines overlap.

How would you solve this problem without text duplication, without stacking 2 identical `p` elements, one for background (opaque background + transparent text + opacity) and one for text (transparent background)?

#CSS #SVG #filter #svgFilter #code #web #dev #webDev #webDevelopment #coding #frontend #blendMode #blending

Hi, mastodon 🦣 I have a new article out!

A Deep Dive into the Inline Background Overlap Problem: https://frontendmasters.com/blog/overlapping-inline-backgrounds/

How do you get the below result (semi-transparent background on inline span) with large padding & no overlap?

Answer in article, but think a bit about it first. 😼

#CSS #SVG #filter #svgFilter #code #web #dev #webDev #webDevelopment #coding #frontend #blendMode #blending

Oh, Firefox, why are you doing this? 😭 🪲

https://bugzilla.mozilla.org/show_bug.cgi?id=1951653

#CSS #blending #blendMode #bug

Pure #CSS 1 div halftone-masked background card https://codepen.io/thebabydino/pen/GRNKqRv on @codepen.

Made this 4 years ago - can you guess how before checking the code?

Doesn't work in Firefox due to an old bug 🪲 https://bugzilla.mozilla.org/show_bug.cgi?id=1481498 not even related to the halftone mask, but caused by the duo text on the right.

#filter #code #coding #frontend #cssfFilter #web #dev #webDev #webDevelopment #blendMode #blending

Really cool to see people linking my Frontend Masters article as a resource https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/

#CSS #code #coding #frontend #pattern #cssPattern #cssGradient #halftone #web #dev #webDev #webDevelopment #filter #cssFilter #blendMode #blending

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 https://frontendmasters.com/blog/split-effects-with-no-content-duplication/

#CSS #SVG #filter #blending #code #web #webDev #frontend #coding #dev #webDevelopment #blendMode #svgFilter #cssGradient