As Mozilla fumbles #Firefox, let's reflect on what we'd lose if this unique browser + engine dies.

How can I get a list of #HTTP, #HTML and #CSS features that are only supported by Firefox / #Gecko? Does caniuse.com or MDN have this? Wikipedia?

Only Firefox supports assigning #stylesheets through HTTP headers:
https://meiert.com/blog/prefer-http-headers/

Only Firefox supports alternate stylesheets: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel/alternate_stylesheet

Put these facts together, and you can make a secret stylesheet only for Firefox users.

@blag personally i've abandoned italics, even for short phrases (because readability), treating inline passages with some form of quotation marks instead #StyleSheets

#Editors, download my example #StyleSheets for #academic #editing, #medical editing, and #fiction editing. If you create similar style sheets for each of your #editing projects, you’ll find it easier to maintain #consistency throughout each #manuscript. https://www.kokedit.com/library_stylesheets.php #QuadEditors

#Libadwaita now (actually 2 months ago) features a new stylesheet for light/dark mode.
It becomes more "cold", and now have a sort of "blue gray" rather than a sort of "yellow" (according to my eyes) in dark mode.

https://gitlab.gnome.org/GNOME/libadwaita/-/merge_requests/1317

But, a week ago, it was merged on the #GNOME Shell, and now on GNOME 48.alpha it features the new stylesheet. (also applies to GDM)

https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3552

What do you think? Personally, "cold" looks good, much more pleasing to the eye.

#linux #foss #design #stylesheets

#Development #Insights
CSS wants to be a system · It doesn’t come with one out of the box https://ilo.im/161ork

_____
#Programming #CSS #StyleSheets #ProgressiveEnhancement #Browser #WebDev #Frontend

#Development #Approaches
CSS @import is cool, actually · It delivers some useful features a ‘link’ doesn’t offer https://ilo.im/161egj

_____
#Stylesheets #Browser #WebPerf #WebDev #Frontend #CSS #FeatureQuery #MediaQuery

A quick #tip on how to use global #CSS #StyleSheets within #webComponent with a #shadowDom: https://southleft.com/insights/development/adopted-stylesheets

Basically, use CSSStyleSheet and add the components custom code.

CSS

This page lists some CSS resources I find of interest, most notably minimalist layout frameworks.(...)

#css #design #html #minimalism #stylesheets #web

https://taoofmac.com/space/dev/css

Recently there was an article on HackerNews about CSS Print styles. Here's mine; included in the page with `<link rel="stylesheet" href="/print.css" media="print" />` so it won't slow down the page when not printing.

#css #webDev #web #style #stylesheets #frontend #html

Feels like we need a few years for the latest CSS to settle in and become part of regular usage. Even if you *know* about the stuff, it takes time to build the muscle memory around it.

Thinking of :has, scope, layer, colors, scrolling stuff, popovers, container units, etc.

#css #webDev #stylesheets #frontend #webDevelopment #web

Seeing a few folks say "FOUC" when they mean "layout shift".

FOUC: When content paints before its CSS has loaded.

It results in a layout shift, but not all layout shifts are because of FOUC (in fact, FOUC is pretty rare these days).

#webDev #javaScript #styles #css #stylesheets #fouc #lcp #webvitals #webDevelopment

Coming on 30 years writing CSS and I still don't know why or when margin/padding collapses.

#webDev #css #frontend #styles #stylesheets #web

Using #CSS class/id selectors is a code-smell.

Your #stylesheets should be mainly element selectors scoped to #shadowDOM.

#webDev #javaScript #webComponents #style #tech #web

#Development #Templates
A (more) modern CSS reset · Up-to-date CSS rules for consistent cross-browser styling https://ilo.im/158zs3

_____
#WebDev #Browsers #Compatibility #Frontend #CSS #StyleSheets #CssReset

Eh? Did I miss something? Or did I just forget that #Safari still has User #StyleSheets?

It is a delight creating and updating #StyleSheets for #books and other projects I #edit. Style sheets help ensure consistency. We #editors want #readers focusing on #authors' messages, not being distracted by inconsistent use of words and names. http://www.kokedit.com/library_stylesheets.php #Bookstodon

Explaining concept of #website #stylesheets to 95-year old.
"You write a letter and make headings red, and bold text brown. In letter nr. 2 you want the same, in a 3rd one too. Finding the exact same colours is tricky. What if you have a notebook where letters could find the colours? Useful, right? That notebook is your stylesheet."
They didn't understand.
"Okay, suppose you're baking cakes. Each cake, no matter the ingredients, should be the same shape. The mould is your stylesheet."
All clear!

Experimenting with loading all the main styles as adopted #stylesheets. This works rather well for my basic #webcomponents setup; I don't perceive any performance loss. And as I use these styles in the web components, I can reuse the stylesheets and benefit from the #browsers cashing across light and shadow dom.
This is so effective I'm considering this in other projects. But, seriously, why haven't I seen this before? I must be missing something.

Guidelines announced by "Nature" for the use of Large-Language Models in scholarship. #111Words #Nature #Scholarship #LargeLanguageModels #ChatGPT #Guidelines #StyleSheets https://andrewjshields.blogspot.com/2023/01/guidelines-announced-by-nature-for-use.html

As a long-time Stylus user feeling pressured into using Sass because VSCode doesn't support Stylus in Astro/Vue components properly and Atom is dead, I feel astonishment at how overly complex Sass seems to a new user. 😳 Now you can't even write divisions with “/” anymore. #DX #development #stylesheets