Profile avatar
havardbrynjulfsen.design
Designer who codes (or vice-versa)šŸ¦„
76 posts 45 followers 112 following
Regular Contributor
Active Commenter

YES

Is CSS nesting an exciting new feature or a potential disaster waiting to happen? I note down my worries and prior experience with one of it predecessors: Sass nesting, along with some gotchas native CSS brings with it.

Ā«FromĀ» is absolutely bonkers

Iā€™ve never been prouder šŸ„¹

codepen.io/havardob/pen...

First post of the year šŸŽ‰ A quick tip about the <dl> element www.havardbrynjulfsen.design/writing/tips...

Recently released mystreak.is Itā€™s a simple PWA that letā€™s you add and track habits daily If you want to try it: be sure to add this to your Home Screen on your device, as it only stores the information using localStorage. Built this for myself, and Iā€™ve been using it daily since New Yearā€™s āœ…šŸ‘Œ

Working on something for New Yearā€™s resolutions (and other habits)

Progressive enhancements! Here are some newer and experimental CSS properties and selectors that's super safe to use without you having to worry about the fallbacks. www.havardbrynjulfsen.design/writing/tips...

HTML documents are responsive by default. Itā€™s up to us to decide how much of this native behavior we want to destroy with CSS. Work with the browser, not against it

I like Ciri, both in TW3 and in the books Gonna be great to play her, doesnā€™t matter how sheā€™s Ā«lost her powersĀ». In Assassinā€™s Creed Brotherhood somebody steals all the gear youā€™ve acquired in ACII, so you have to start over. Her having taken the trial is an easy lore ā€œfixā€ for a game

I donā€™t hate Tailwind or CSS-in-JS. I actually have little experience with both. But I see an emerging trend in my work environment where people opt for Tailwind or styled-components because Ā«CSS is hardĀ». Sorry to say, TW or CSS-in-JS wonā€™t fix that

Stuck 4+ hours on a challenging CSS problem today, ending up with a less-than-ideal compromisešŸ˜¶ā€šŸŒ«ļø CSS is hard, I understand that some finds it hard to fall in love with Hopefully going to be a while until I have to do a horizontal-full-bleed-auto-scroll-and-adjustable-step-visualizer-component again

Glad you liked itšŸ‘Œ Itā€™s important to note that I donā€™t hate shorthands, but theyā€™re surely a hurdle for people new to CSS

Issue #107 of the UI Dev Newsletter is out! In this issue: character-based alignment, performance scores, and issues with shorthand properties. www.silvestar.codes/side-project...

Finally got around to implementing a theme switcher for my website (www.havardbrynjulfsen.design) and refactor some theme colors šŸŽ‰ Pretty happy with the result! It also honors user's preferred color schemešŸ‘

Striking the right balance can be tough. We donā€™t want cool mama bear's porridge or hot papa's bear porridge, but something right in the middle, like baby bearā€™s porridge. css-tricks.com/the-law-of-d...

ngl the new Jaguar looks amazing

This article is so thoroughšŸ™ŒšŸ» Great read! Glad to see that fixed or sticky headers got some heat (I have a vendetta against this design pattern) and that NRK was not the worst

Implemented the Baseline Status component from Astro Embed (astro-embed.netlify.app/components/b...) on my website today. Worked like a charm! šŸš€ See it in action: www.havardbrynjulfsen.design/writing/tips...

Did some reading this yearšŸ“š Wrote a quick summary of my favorite #books, allowing me to try out a review component I made for my website. www.havardbrynjulfsen.design/writing/post...

It's December 1st, and you know what that means: For the next 24 days, we'll publish articles about HTML by 24 authors. You can read them on the website or subscribe to the RSS channel. Enjoy! htmhell.dev/adventcalend...

New tip: Use the <dialog> element! www.havardbrynjulfsen.design/writing/tips...