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: workflow
The 11 Figma plugins I immediately installed again on a new account
When you create a new Figma account, all your plugins are gone. This creates an interesting situation where you’ll only install plugins that you actually use. The plugin list on my Mono Figma account is huge from trying things in the past and not cleaning it up. But my new freelance account, it’s clean. Here’s […]
Google Drive for Desktop v50: manual reindexing
With the new Google Drive for desktop update, Alfred stopped working. I rely heavily on Alfred to find files, to move to deep folders quickly etc. For reference here is the version I am using: I think reason it doesn’t work is because Spotlight doesn’t index the drives anymore. You can solve this by running: […]
Designers: please use rectangles for borders, not lines
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 […]
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 […]