When you declare a variable with SCSS, like so: And you use it somewhere, but you make an error… …the compiler will warn you. In fact the project probably won’t compile. This prevents you from making a wrong reference. This type of bug is a “wrong reference bug” i.e. we are referencing the wrong thing. […]
Category Archives: webdev
Coming to terms with Tailwind
- Posted in css development tailwind webdev workflow - 8 comments
For a while, I blocked the Tailwind keyword on Twitter. I was a bit mad that @tailwindcss and author Adam blocked me on Twitter after I wrote a bit of criticism that got popular. I was also tired of getting dragged in every Tailwind related conversation on the Svelte Discord. Apparently people thought it would […]
SvelteKit-JUI
- Posted in blijvend-leren svelte ui web webdev
Ik ben on and off aan het werken aan een UI framework voor Svelte. Wat mij eigenlijk altijd al gestoord heeft in user interfaces is dat je een laag hebt van gestylede browser UI, en dan een laag custom plugins die helemaal niks van elkaar afweten qua styling en waar je maar in aan het […]
Pug advanced mixins
Some things I learned about Pug this week. Putting them here so I don’t forget. I think by now I know most there is to know about Pug. That only took 7 years of using it… :D! First up – mixin composition, you can use block as an equivalent to <slot> in other template languages […]
Accessible, clickable table rows
- Posted in accessibility javascript webdev
This week a project I was working on a project that needed clickable table rows. In most of my web app designs I like to put icon buttons in my tables that point to the right for going deeper a level. But in the design we were implementing, no such chevrons were in place, and […]
Apple doesn’t care about your PWA (and a little rant about holding back the future of computing)
- Posted in apple development rant webdev - 1 comment
With PWA’s not showing up in the App Library in iOS14, it is once again super clear that Apple has no interest in investing in PWAs. I can make a web app that runs full screen in a week, that can provide valuable information and that can run offline. But Apple has no interest in […]
Hey, your API surface is causing unnecessary complexity
I’ve been “fighting” against Tailwind for a while, and there’s 4 different kinds of reactions: Please stfu, Tailwind is awesome, [insert technical argument] Johan, why do you bore me with these technical things? Can you please tweet about cooking? And where is your new post about sim racing? If you don’t like it, just don’t […]
Using Yalc as an alternative to npm link
- Posted in webdev - 1 comment
This is mostly a reference for myself. For some technical things I tend to use my own blog if I forget something. This is an example of how to use Yalc as an alternative to npm link . I find that npm link doesn’t always do what it should, and I found yalc to work […]
Why you’ll probably regret using Tailwind
- Posted in css development tailwind webdev - 22 comments
I see Tailwind being used by a lot of people. I totally get why it’s so popular. It looks great, the design choices are sensible, and you have copy-pastable code that reliably renders in the same way. It nets you results quickly which feels nice and rewarding. I think Tailwind is a perfect framework for […]
How to add PostCSS to Routify starter
Here’s some step-by-step instructions on how to add a basic CSS setup to a Routify-powered project. Install the postcss plugin: Import it inside rollup.config.js: Reference it as a plugin: Import in main.js: Make sure to create the CSS folder under src And create the CSS file Now reference the correct file in __index.html: That’s it! […]