Real transparency behind text/ around scrollable image. Shape with both convex and concave roundings changes as the text reflows. No JS, text isn't split into a span per line.

Can you figure out how to do this before checking out my solution? https://www.reddit.com/r/css/comments/1ojp1da/comment/nm589sd/

Live on @codepen https://codepen.io/thebabydino/pen/wBMEdJp

#CSS #concave #cssLayout #cssGrid #web #cssSubGrid #SVG #filter #svgFilter #code #coding #dev #webDevelopment #webDev #frontend

The facade of the Chiesa di S. Giovanni Battista (St John the Baptist), a Roman Catholic church in Viterbo Italy. Processed in black and white.

#viterbo #italy #church #facade #sky #textures #artistic #architecture #historic #ornate #door #concave #blackandwhite #BuyIntoArt #AYearForArt #artforsale #wallartforsale #giftideas @joancarroll

https://joan-carroll.pixels.com/featured/chiesa-di-s-giovanni-battista-viterbo-italy-artistic-bw-joan-carroll.html

The concave facade of the Church of Saint John the Baptist in Viterbo Italy.

#italy #church #facade #stjohnthebaptist #sky #textures #artistic #architecture #historic #ornate #door #concave #BuyIntoArt #AYearForArt #artforsale #wallartforsale #giftideas @joancarroll

https://joan-carroll.pixels.com/featured/chiesa-di-s-giovanni-battista-viterbo-italy-artistic-joan-carroll.html

Saw the header here https://mastodon.social/@sturobson@front-end.social/114279126167674533 and had to make a version that works without JS, works with image backgrounds behind the header, works for any level of page zoom and is fully flexible when it comes to following the text wrapping on resize.

Play with it on @codepen https://codepen.io/thebabydino/pen/MYWxeew

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

Want to give a responsive irregular shape depending on text content/ viewport rounded corners? Here's a super simple pure #CSS + #SVG #filter demo on @codepen doing it https://codepen.io/thebabydino/pen/KwKGrjR

Heavily commented. See also https://mastodon.social/@anatudor/114185324674119212 for details about some of the filter primitives.

#svgFilter #code #coding #frontend #web #dev #webDev #webDevelopment #concave

New world record for terrestrial #LoRa (#LoRaWAN) -
even more remarkable for two reasons:
1/ it s on the #open and #free community #ThingsNetwork. Free resources can be good.
2/ It s at sea level - no mountains here to help. #MaritimeIoT

https://www.thethingsnetwork.org/article/new-lora-world-record-1336-km-830-mi

Also further proof that #EarthIsNotFlat, but in fact #concave.

Wow, what a busy week! 🤯

My first try at using the Bayazit decomposition algorithm didn't go as planned. It worked fine with simple stuff, but couldn't handle the complex shapes in Eggcellent Adventure.

Thread 🧵

So, I had to find a new solution. Luckily, I found this →
https://github.com/wsilva32/poly_decomp.py/tree/master

#eggcellentadventure #v #vlang #gamedevelopment #programming #opensource #gamedev #indiegamedev #2d #polygon #convex #concave #collider #collision #math #mathematics #geometry

After I got the polygon editor up and running, my next mission was to roll out the collision algorithm for 2D polygons. This task was divided into two sections:

1. The implementation of the SAT (Separating Axis Theorem) algorithm.
2. The implementation of the Bayazit polygon decomposition algorithm.

Thread 🧵

#eggcellentadventure #v #vlang #gamedevelopment #programming #opensource #gamedev #indiegamedev #2d #polygon #convex #concave #collider #collision #math #mathematics #geometry

#letsroll

⚁ ⚄ ⚅ ⚅ ⚂→#evergreen
⚅ ⚀ ⚂ ⚁ ⚁→#supremacy
⚃ ⚄ ⚂ ⚄ ⚂→#prison
⚃ ⚁ ⚀ ⚁ ⚀→#neatly
⚀ ⚅ ⚃ ⚄ ⚃→#concave
⚄ ⚃ ⚅ ⚂ ⚅→#sleet

evergreen-supremacy-prison-neatly-concave-sleet

Roll your own @ https://www.eff.org/deeplinks/2016/07/new-wordlists-random-passphrases

#letsroll

⚅ ⚁ ⚄ ⚃ ⚀→#tribunal
⚂ ⚃ ⚄ ⚃ ⚁→#improve
⚀ ⚅ ⚃ ⚄ ⚃→#concave
⚄ ⚁ ⚀ ⚂ ⚂→#reversal
⚂ ⚄ ⚄ ⚁ ⚀→#lake
⚄ ⚃ ⚂ ⚄ ⚁→#silk

tribunal-improve-concave-reversal-lake-silk

Roll your own @ https://www.eff.org/deeplinks/2016/07/new-wordlists-random-passphrases