Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
nerdculture.de is one of the many independent Mastodon servers you can use to participate in the fediverse.
Be excellent to each other, live humanism, no nazis, no hate speech. Not only for nerds, but the domain is somewhat cool. ;) No bots in general. Languages: DE, EN, FR, NL, ES, IT

Administered by:

Server stats:

1.2K
active users

nerdculture.de: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.6

#webdevelopment

52 posts34 participants1 post today
Public
pipTrends

Hot-reloading in Python can be slow since the entire server process must be restarted from scratch. The Tach package speeds this up by building a dependency map. Evan Doyle explained how it works with an interesting example.

gauge.sh/blog/how-to-build-hot

www.gauge.shHow to build Hot Module Replacement in Python - Gauge - Solving the monolith/microservices dilemmaDependency Maps enable HMR in Python Gauge is solving the monolith/microservices dilemma. We’re building tools to untangle codebases through incremental modularization. Our open-source toolkit supports defining and enforcing rules for interfaces and dependencies. By focusing on high cohesion and loose coupling, you can unlock a codebase that your engineers and AI love to work in. Improve quality and developer velocity at the same time.
#python#Programming#PythonProgramming
Continued thread
Public
Ana Tudor 🐯

To fix this, we give the assembly a tiny blur.

We don't want blurry edges👇 either, so we push some of the semitransparent edge pixels to either 0 or 1, whichever is closer. To do so, we use another `feComponentTransfer` and map the [0, 1] alpha interval to [-2, 3]. Basically we're stretching the alpha interval to be 5 times bigger, keeping same midpoint (.5), then it's clamped to [0, 1].

GIF
#SVG#filter#CSS
Continued thread
Public
Ana Tudor 🐯

How the assembly alpha is computed is something I've detailed in 👉 css-tricks.com/adventures-in-c

Keep in mind that where we have overlap, two corresponding pixels from the two layers may both have an alpha below .5, but their overlap can still give the assembly an alpha above .5!

For example:

.4 + .3 - .4*.3 = .7 - .12 = .58

Both .4 and .3 are smaller than .5, but the overlap alpha .58 is bigger than .5!

Adventures in CSS Semi-Transparency Land
CSS-Tricks · Adventures in CSS Semi-Transparency Land | CSS-TricksRecently, I was asked to make some tweaks to a landing page and, among the things I found in the code, there were two semitransparent overlays — both with the
#css#cssFilter#filter
Continued thread
Public
Ana Tudor 🐯

As you can see in the recording 👆 blurring makes the pixels around the edges semitransparent. The bigger the blur radius, the more pixels become transparent.

When the particles get closer, their semitransparent areas overlap. This increases the assembly alpha there.

GIF
#CSS#filter#cssFilter
Continued thread
Public
Ana Tudor 🐯

What's going on here?

We have particles moving around inside a `.goo` assembly. How we do that (layout, animation) doesn't matter.

We blur these particles with a #CSS #filter (same blur radius or not). CSS allows us to use whatever unit we need for the blur radius. rem, cqi, lh.

GIF
#cssFilter#code#coding
Public
benjamin melançon

At @agaric team meeting today we talked a little about the future of #Drupal and #WebDevelopment more generally and talked about trying to help get us into the best of both worlds where a design-on-the-fly "page builder" can easily have elements that tie back into true structured content. Heartened to pick up Greg Dunlap's new book Designing Content Authoring Experiences and see this (underline added, heh):

Photograph of the last paragraph of a chapter in a book with the central sentence underlined: "The balance between content structure and presentational flexibility is one of the defining forces that drives the authoring experience."
ExploreLive feeds
About