Bram
@bram.smulders.social
40 followers 110 following 39 posts
Freelance front-end UI developer | Accessibility consultant | Music producer bram.is
Posts Media Videos Starter Packs
Reposted by Bram
I often see the word 'kerning' used incorrectly by CSS heads when the term they're actually looking for to describe letter spacing is 'tracking'. Let me explain using CSS terminology!

Tracking is the same as gap in flex layouts; consistent spacing applied across the entire text.

But what if... 🧵
A graphic featuring repeated square shapes with consistent gaps between them. The text reads "Tracking/Letterspacing = Flex Gap. Consistent spacing applied across the entire text"
Reposted by Bram
It's here. JavaScript for Everyone is now available to…everyone!

The amount of effort and experience packed into this course is unbelievable and we know you're going to love it.

Get yours for £189, down from £249, for 2 weeks and super-charge your career prospects

piccalilli.link/js4e-launch-...
JavaScript for Everyone
A high quality, expansive written course that will elevate your JavaScript skills to a level you never thought was achievable.
piccalilli.link
Reposted by Bram
If you’re generating an image for your article with AI, you didn’t need one in the first place
Reposted by Bram
AT #smashingconf, @tkadlec.bsky.social is reminding us that betting on the browser (rather than JavaScript abstractions) is our best chance of long-term success.
Tim Catnip on stage
Reposted by Bram
Even setting politics aside: I honestly can't name a single reason to use NextJS in 2025, aside from "because everyone else is." It has literally no unique benefit or unbeatable feature.

Apparently our moms misjudged us; it turns out a lot of us *would* jump off a cliff if all our friends did.
Reposted by Bram
❌ mobile first
✅ container first
Build for the web, Build on the web, Build with the web.

An excellent take from @csswizardry.com on progressive enhancement, SPA frameworks and staying as close to the platform as possible.

csswizardry.com/2025/01/buil...
Build for the Web, Build on the Web, Build with the Web – CSS Wizardry
What is the real, long-term cost of adopting a JavaScript framework?
csswizardry.com
👋🏼 from the building a cross the train tracks!
Reposted by Bram
I wrote a short article about the :heading pseudo-class and function.
alvaromontoro.com/tutorial/hea...

It includes a little interactive section where you can play with the values and see how the affect the headings on the side.

#css #webdev
Ran my first half marathon today 🥵
Reposted by Bram
CSS `field-sizing` on a `<textarea>` is obviously awesome.

But the horizontal growth using it on an `<input>` is less clearly useful to me. But check out this design pattern I cooked up. I don't hate it. Keeps the name area compact until you need to see more. Just a bit of flexbox wrapping.
This why I started moving all my repos to @Codeberg@social.anoxinon.de

Currently I’m also pushing to GitHub as a mirror. Contemplating if I just should move off completely.

Original post: front-end.social/@hdv/1150111...
Reposted by Bram
🔎 Digitale toegankelijkheid onderzoeken? Leer het van Jules Ernst (22+ jaar ervaring)!

Hands-on workshop: WCAG, tools, praktijkcases en ruimte voor vragen.

Vrijdag 29 aug, Utrecht – vanaf €150 👉 ti.to/fronteers/in...

#toegankelijkheid #a11y
Portretfoto van Jules Ernst, rechts in beeld, lachend en met een grijze baard. Links staat tekst op een gele achtergrond: “Jules Ernst Introductie onderzoek doen digitale toegankelijkheid Workshop Vrijdag 29 aug. 2025, 10 tot 17 uur.”
I got a 445 points knowledge score on this year's
#StateOfHTML survey! I have used 28 features, and knew 33 more, placing me in the top 100% of all respondents. Can you beat my score?
survey.devographics.com/survey/state...
Reposted by Bram
Onze workshops zijn terug! 🎉 Boost je JavaScript-skills in één middag 🧠💻 met destructuring, async/await, functioneel programmeren en debugging. Online van 13–17 uur, vanaf €69.
👉 Inschrijven: ti.to/fronteers/ja...
Reposted by Bram
Happy "European Accessibility Act goes into effect" week to all who celebrate
Reposted by Bram
TFW you build a site with @getkirby.com and web platform standards (== semantic HTML, modern CSS, a little bit of JavaScript, and a dash of ARIA) and you look at Lighthouse for the first time …

Looks like industry best practices actually work. (Sorry for using my platform to ruin anyone’s day. 🥰) 🍋
A screenshot of Lighthouse showing scores of 97 for Performance, 99 for Accessibility, 100 for Best Practices and 100 for SEO
Vertical = horizontal 🤦🏻‍♂️
Reposted by Bram
We used to build websites.

Now we build pipelines, frameworks, and hydration strategies - just to publish text.

This isn’t progress.
It’s complexity, by design.

We need to escape the JavaScript framework trap.

www.jonoalderson.com/conjecture/j...
JavaScript broke the web (and called it progress)
We replaced simple websites with complex apps nobody asked for. Now it takes a complex build pipeline just to change a headline.
www.jonoalderson.com
I've added them to our MediaTextCard in one of my recent design systems. When the card is rendered at a certain inline-size it switches from stacked to vertical layout(classic media object).
The design system is getting implemented right now by the teams so it will be running in production soon. 🎉
Long time goal of mine to get all these arrows up at the same time 💪🏼
Screenshot of Bram’s Health app. All the arrows are pointing upwards.
Reposted by Bram
Nine out of ten times, ‘$browser is slow’ is code for ‘my own website is a massive memory hog and I’m not about to admit that’.

Browser engines do a ton of work to mitigate that, but we keep coming out with worse performing websites.
Crazy how Chrome was known as slow and a memory hog, and how that's shifted to Firefox now.

It was my favorite browser for a very long time, sucks to see it slowly becoming worse...

www.theregister.com/2025/06/17/o...
Firefox is dead to me
Opinion: Parent company Mozilla's not my fave either
www.theregister.com