Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
med-mastodon.com is one of the many independent Mastodon servers you can use to participate in the fediverse.
Medical community on Mastodon

Administered by:

Server stats:

360
active users

med-mastodon.com: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.8

#css

38 posts34 participants2 posts today
Public
Roel Nieskens

Would you rather pay 💰💰💰💰💰 up front for a webfont and be done with it?

Or pay 💰 monthly/annually?

And would you like to receive the relevant CSS for your webfont, or would you like to figure it out yourself?

Please fill in fontstand.com/survey and help make (web)font (licensing) better!

fontstand.comThe Font User Survey (14 min) by FontstandWe are interested in learning more about the use of typography in the graphic design industry. How do you use type? How do you license it? And what do you value about it? Help us answer these questions and get a Fontstand font pack!
#typography#webdev#CSS
Public
Sara Soueidan

Seeing #CSS carousels being promoted as accessible again, so here is a periodic reminder:

#CSS carousels are not "accessible by default" sarasoueidan.com/blog/css-caro

They are still highly experimental and there are still many open #accessibility questions & issues being discussed.

+The browser will not do everything for you—you'll still have work to do, too.

www.sarasoueidan.comAre 'CSS Carousels' accessible?— The personal website of Sara Soueidan, inclusive Web UI engineer
Public
Ana Tudor 🐯

I have a new article out frontendmasters.com/blog/grain

It's about a better technique to create grainy gradients, without the big problem that layering a noise layer brings: altering the original gradient palette (to a greater or lesser extent, depending on the approach used).

frontendmasters.comGrainy Gradients – Frontend Masters BlogThis is about reducing banding effects in gradients by introducing noise. A nice approach is a displacement map using SVG filters.
#CSS#SVG#filter
Public
Ana Tudor 🐯

Chrome #SVG #filter 🪲 #bug: jagged edges when using discrete feComponentTransfer.

issues.chromium.org/issues/425

In theory, any line perpendicular onto the gradient line should have the same intermediate value¹. But the Chrome result makes it seem like that's not the case²? 🤔

¹see this detailed `linear-gradient()` explainer by @patrickbrosset patrickbrosset.com/articles/20

²filed as an SVG bug, but I really do wonder if it's not a #CSS #gradient issue (Chrome gradient rendering has long been a sore point)

Chrome result. Jagged edges.
Expected result (Firefox, Safari). Clean sharp edges.
Public
Christopher Kirk-Nielsen

I wasn't happy with 8 different themes on my website, so there's now a 9th one, which lets you customise the main settings. It's driven by about a dozen #CSS custom properties (I love theming in CSS holy heck…I should write about it). It was a good… distraction, to build this.

Anyway, maybe you want some "Matrix" or bubble gum style instead of my painstakingly and lovingly crafted themes? That's fine, express yourself everywhere! Even on my personal website!

Have a go: chriskirknielsen.com/

My personal website with a popup named "Theme Customisation" listing a bunch of options of colour and fonts.
A customised version of my site which is dark blue with bright green text, using a monospace font throughout. It's not the Matrix, but as close as you can get.
A customised version of my site which is uses a light pink background and saturated pink as a text colour. It uses Comic Sans for headings, making it feel like a bubble gum universe of sorts.
Public *
Matt Wilcox

`column-gap` and `row-gap`. I never remember you. I never remember which of you is first in the `gap` shorthand either.

Where is my `gap-block` and `gap-inline` properties? Those make far more sense than... what we have.

#CSS

Honestly, my biggest continued gripes with CSS over the last 15yrs+ remain the inconsistent naming of properties and values.

Continued thread
Public
Caleb Hailey

The first major component of the @makehypertext movement is HyperTemplates – a pure-HTML templating engine and blazing fast static site generator. 🚀

hypertemplates.net/blog/introd

You can build incredible modern websites with pure #HTML, #CSS, and #Javascript! No frameworks, no build tools, no sacrifices, and no nonsense (unless you're into those sorts of things). 😊

We hope you will give HyperTemplates a try, and we can't wait to see what you make with it! 📐

hypertemplates.netIntroducing HyperTemplatesThe pure-HTML templating system for the modern web.
#MakeHyperText
Public
Patrick Prémartin

Puisqu'il est question d'accessibilité dans cet article pourrait-on en finir avec les blocs qui s'ouvrent et se ferment sur les pages en déplaçant le texte par rapport à l'endroit où on a cliqué ?

Dans le temps on a inventé l'hyper lien et ça marche aussi à l'intérieur d'une page, vous pourriez mettre les 4 rubriques et faire une sorte de menu, ça serait moins chiant à lire.

economie.gouv.fr/dgccrf/les-fi

#WebDev#Accessibilite#BadUX
ExploreLive feeds
About