with-heart
with-heart.bsky.social
with-heart
@with-heart.bsky.social
I love open source
Reposted by with-heart
:has() in CSS is so incredible. I was just writing a complicated thing to have an element try to mimic its container's size, etc. so I could mess with the layout for a specific configuration and then BAM :has(div) let me solve the whole problem by actually adjusting the container styles

love it
May 31, 2025 at 12:23 AM
Reposted by with-heart
🛠️ New Interactive Article: Balancing Text In CSS

I explored text balancing in CSS — what it is, the problems it solves, how it works, and included plenty of examples and use cases. Happy balancing! ⚖️

ishadeed.com/article/bala...
January 5, 2025 at 6:41 PM
Reposted by with-heart
This is a fun little trio:

```css
text-wrap: balance;
hyphens: auto;
hyphenate-limit-chars: 10;
```

Allowing hyphenation can help when balancing text. The last property sets the minimum length of hyphenated words to 10 characters which helps avoid undesirable hyphenation of smaller words.
December 23, 2024 at 6:57 PM
Ticket To Ride is a great game but the process can be kinda annoying:

- managing player route scores by moving pieces around the edge of a 31” x 20.75” board
- figuring out who gets the longest train bonus card (+10 points)
- adding/subtracting destination ticket card points
December 21, 2024 at 7:14 AM
Introduce yourself with some jobs you've done apart from what you do

- vending machine attendant
- transitory location enumerator (US Census)
- dishwasher
- office coffee specialist
- Kroger store systems support
Introduce yourself with some jobs you’ve done apart from what you do

- childcare worker (group home, boys 11-18)
- summer school teacher
- retail computer salesman
- wedding bartender
- office assistant
- soccer coach
- IT technician
- high school math tutor
- in-home computer consultant
Introduce yourself with some jobs you have done apart from what you do

- theatre camp intern
- ceramics instructor
- hair product sales rep
- soccer referee
- pizza place manager
- food runner
- shampoo bottle filler
November 10, 2024 at 9:31 PM
Reposted by with-heart
Have you ever needed the CSS paint-order property?

Really handy when working with text-strokes!
November 7, 2024 at 7:32 PM