Serving sharp images to high density screen // #webdev #webperf #images https://jakearchibald.com/2021/serving-sharp-images-to-high-density-screens/

Introducing Astro: Ship Less JavaScript

#webdev #performance #astro #javascript

Everything you (did not) want to know about how CSS Flexbox affects the drawing order of HTML elements in one single blog post, including a real-world webcompat issue!

"WebCompat Tale: CSS Flexbox and the order of things" - https://overengineer.dev/blog/2021/06/08/webcompat-flex-order.html

#webdev #css

Interview des gens du web : Sven Sauleau - Alsacreations

https://www.alsacreations.com/actu/lire/1830-Interview-des-gens-du-web--Sven-Sauleau.html

#Web #JS #JavaScript #WebAssembly #Dev #DevWeb #WebDev

Diaspora CSS tweaks: Notifications pane height

I've just thrown the following into my Diaspora stylesheet using the Stylus CSS manager extention (Firefox / Chrome / Safari, etc.):

.navbar.navbar-fixed-top .nav-badges .dropdown-menu .notifications {
    max-height: calc(85vh - 4em);
    min-height: 8em;
}

I'd found the previous 350px max height far too short, especially for all the love I've been getting. This will dynamically extend the panel to within 4em of the visible viewpane floor.

It might make a nice feature enhancement for Diaspora core.

#diaspora #css #tips #webDev #googleplus

I've been reminded of just how miserable G+ performance is

I'd been digging through it (mostly removing my posts and comments, some real searching). The amount of client memory it consumes is absolutely prodigious -- 1 - 1.5 GB in Chromium. I constantly have to kill the tab (and associated threads) to recover performance.

Diaspora by contrast is much, much, much lighter. Though I really wish it had search. Sigh.

#googleplus #diaspora #performance #client #webdev #footprint #search