To draw a line, use the line tool. Sounds logical, doesn’t it? However, since year and day, I’ve avoided using the line tool and I don’t think I am the only designer to do so. If you’re using a line for a border, do yourself a favor, and just draw a rectangle instead. What you’ll […]
Category Archives: workflow
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 […]
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 […]
Avoiding Figma file complexity
The advanced features in Figma can be tricky; they should be used in moderation, or you run the risk of creating poor design files. There really is no reason to nest autolayouts that go 3 levels deep or to have 1244 variations of your button component. Some of the advice that is being perpetuated in […]
Cloudbestanden
iCloud was in het begin een beetje brak, maar nu werkt het prima. Op dit moment zorgt het ervoor dat ik praktisch zonder nadenken op 3 verschillende computers kan werken. Mijn notities blijven in sync; mijn desktop blijft in sync. Voor design werk is er Figma. Het enige dat niet gesynced is, zijn mijn front-end […]
Anki & spaced repetition
- Posted in blijvend-leren francais persoonlijk workflow
Ik ben terug begonnen aan een taal leren, het is te zeggen, een taal die ik eigenlijk al moest kennen: Frans. De aandachtige lezer van mijn blog zal wel gemerkt hebben dat ik al een tijd interesse heb om mijn Frans bij te schaven. Daar zijn velerlei redenen voor: voor zaken, voor de politiek, omdat […]
Getting better with VS Code
- Posted in computers development javascript workflow
I spent part of the past “long weekend” learning about MongoDB and Firebase. In the process I used VSCode (instead of my old buddy TextMate) and wrote what’s below as reference for myself. It might be useful to some. Formatting code Add an .editorconfig file to the root of your project: Add a .prettierrc file […]
Skip a word in the terminal on Mac OS
- Posted in development workflow
This is about terminal text navigation on Mac OS. I knew I could use Ctrl + A and Ctrl + E to jump to the beginning of a line and the end of a line respectively. Turns out you can also use Esc + B or Esc +F to jump to the beginning or the […]
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! […]
Experimenting with Svelte (2): The doubts
- Posted in development javascript svelte website workflow - 3 comments
So… experiments with Svelte. The 2nd post (read the first one first!) I showed the beta website to a friend. I said it should be fast. He replied: fast is an understatement. It’s instant. That’s the good. Now… the bad. The realization has come that the Svelte community is still growing and many problems are […]