Styling Counters in #CSS

https://css-tricks.com/styling-counters-in-css/

Ever wanted to get the number of auto-fit columns in CSS?

```
--u: 5em;
grid-template-columns: repeat(auto-fit, minmax(var(--u), 1fr))
```

It's now possible! Using registered #CSS vars, the tan division hack and container query units! Here's a little test on @codepen:
https://codepen.io/thebabydino/pen/JojpBJr

#CSS wish: for browsers to implement the `src()` (https://drafts.csswg.org/css-values/#funcdef-src) and `filter()` (https://github.com/web-platform-tests/interop/issues/717) functions.

Combined with the improved `attr()`, this would allow us to give images borders that are gradient versions of themselves using a `border-image` CSS declaration.

Front End North is GO!

A welcoming one-track, one-day conference returns to Sheffield – for developers and designers who build for the web.

When: 10th July, 2025
Tickets: Just £75!

We’ve got some fantastic speakers lined up, including Andy Bell, Amy Hupe, and @craigabbott – more details to be announced soon!

Bagsy your ticket now:
https://frontendnorth.com/

After 5 and a half years, I’m in the market for a new job. I’m looking for tech lead and/or principal roles in the #frontend or #Drupal spaces and I bring 19 years of professional experience to the table. Remote only, please! #FediHire

Can you help me out, mastodon?

Do you see the same result as below for this test, especially in Chrome/ Safari?
https://cdpn.io/pen/debug/KwKvRKr

Or finding red in rgb(0, 100%, 0%)?

Are you on a wide gamut display? You can check here https://wide-gamut.com/test

Retoots appreciated. Thank you!

#Development #Guides
CSS relative colors · A new way to generate colors dynamically https://ilo.im/162q4h

_____
#Colors #ColorSpace #ColorFormat #Themes #Browser #WebDev #Frontend #CSS #Sass

#SVG gotcha:

drop-shadow(2px 2px 5px var(--c))

has the SVG equivalent

<feDropShadow dx='2' dy='2' stdDeviation='5' flood-color='var(--c)'/>

But changing `--c` on one of the elements the SVG #filter is applied on doesn't change the filter result!

Todoist is looking for a front end dev!

https://apply.workable.com/doist/j/9B4559F899/

Alguien que use Platzi o lo haya usado recurrentemente me puede contar qué tal y si renta?
Muchas gracias.

“You want ‘100% AI accessibility’? Try the Accessibility Intelligence of actual disabled people.” — Eric Eggert

_____
#Design #Accessibility #AI #UiDesign #WebDesign #Development #WebDev #Frontend #Quotes

I'm looking for a #frontend developer #job (React, but I have some experience with Angular and I'm open to any other framework). I have dabbled a bit with GraphQL, Python and Django. If you want to throw at me something else then go on - I will be happy to learn something else whether it is a new framework or new language, even functional one. I have recently picked up interest in Lisp-family languages.

I also know thing or two about UI/UX, I'm good at talking with clients and in roles requiring some leadership skills. I don't mind working alone if that's the requirement. I'm used to work in small agile teams.

I'm eligible to work in EU, but I'm looking for a remote position only which is not involved in military, AI and ads. I can either work on employment agreement or as a contractor, but the length of the contract must be at least 6 months.

I added text message style speech bubbles for my website today using css and html on my eleventy site. Check it out, https://theonlyblogever.com/about #oldweb
#blog
#frontend

Any Mid/Senior front-end Dev (Vanilla JS) want to do a skill share with me ?

I can do all sort of infra/devOps/sysadmin stuff.
I also keep track of a lot of useful open source project.

Gibt es irgendwo eine Anlaufstelle, die "vertrauensvolle Web-Barrierefreiheits-Tester in deiner Umgebung" auflistet? Es kommen gerade (wenig überraschend) einige Anfragen rein. Aber weder habe ich die Zeit noch die Expertise, um Maßnahmenkataloge für konkrete Websites zu verfassen. #accessibility #a11y #frontend

Hello fellow clojurists.

Today I released 2 open source Clojurescript libraries:
- Siagent, a subset of Reagent using Signaali, and
- Si-frame, a fork of Re-frame which is based on Siagent & Signaali.

I am looking for testers willing provide feedback.

Thank you

https://github.com/metosin/signaali
https://github.com/metosin/siagent
https://github.com/metosin/si-frame

Want inline semitransparent text background with no overlap?

Here's how on @codepen
https://codepen.io/thebabydino/pen/gbOwxGL?editors=1100
(you can see the overlap problem and the desired result below)

The `filter` combines 2 `feColorMatrix` techniques:

using a channel as an alpha mask

solid fill

#introduction

My name is Matilda, I am a member of Greenheart Co-op. Interested in #interactiondesign, #systemsdesign and #servicedesign. Specifically in the spirit of e.g #VictorPapanek, #DonellaMeadows. Also in interested in #economics in the spirit of #KateRaworth (#DoghnutEconomics ). Furthermore interested in #tech #frontend #GrowOwnFood #mushroomfarming #TechCooperatives #neuroscience #cognitivescience