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 […]
Category Archives: webdev
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! […]
Routify + Roxi news
- Posted in development open-source svelte webdev
Last week the new website for Routify was published, which now has a blog. You can read the announcement about the 1.5 release here. Within the Routify project, I am taking on various roles that don’t have too much to do with the coding of the project itself: design for the documentation website, promoting Routify […]
How to add SCSS to a Svelte project using Routify
- Posted in development routify webdev
Note: this post is out of date since the 1.5 release of Routify. Here’s the code you will need. For package.json: For rollup.config.js For __dynamic.html and __bundle.html: Make sure to add an SCSS folder to the root of your project, with in this case a file called global.scss.