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 […]
Category Archives: webdev
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.