A demo I made of my “skilliverse” app that I made with Svelte.
Skilliverse demo
- Posted in data-visualisation development svelte
Category Archives: development
Improving my programming skills
- Posted in computers development interface javascript side-projects svelte
Somewhere this year I started a journey to learn some more Javascript, mostly triggered by wanting to reach a next level in terms of user interface. In August the learning suddenly accelerated fast, mostly by getting excited about Svelte and finding myself with some extra time on my hands for the first time in a […]
Svelte screencasts
- Posted in development javascript svelte
I made some screencasts showing how to implement components in Svelte. Implement a Card component with Svelte 3 Implement a Table view with Svelte 3 I am working on a UI framework/method to rapidly prototype interfaces. As I build it I thought I would strategically record certain parts so our team and others can learn […]
Overengineered packages?
- Posted in css development javascript npm react - 1 comment
Is a package like classnames “overengineered”? I stated on Twitter that a package called classnames felt overengineered to me. I based myself on the npm page where this code example is given: var btnClass = classNames(‘btn’, this.props.className, { ‘btn-pressed’: this.state.isPressed, ‘btn-over’: !this.state.isPressed && this.state.isHovered}); The first reason I felt this was overengineered was because this kind of code actually belongs in […]
The Figma API (for the rest of us)
- Posted in development
As a personal challenge, I tried to do do a few things with the Figma API. There were 3 main reasons to do so: I am interested in design automation. I feel like we are sometimes doing a lot of non-work in design. How can we automate repeat tasks so we can work on the actual work? […]
Multi line regular expressions in Textmate
- Posted in development
I am mostly writing this for my own reference. Because of the Sketch mask trick, when trying to export icons they had a mask in them that I did not want. Basically I had to remove all masks across 75 icons. Since SVGs are just text files, you can do some regex processing to find all […]
macOS programming (3)
- Posted in development
Yay! I built a working calculator for the iPhone. I followed this Lynda tutorial. In the process I learned about enum, guard, optionals, autolayout & constraints etc. I figured there wouldn’t be any modern macOS programming resources so I’d have to sidestep to iOS to eventually get back to macOS, because the principles would be […]
macOS programming (2)
- Posted in development
I am going to use this blog as a bit of a reference point as I learn about macOS programming. View Life Cycle There is something called the view life cycle. It is basically the event chain of your application. I saved this helpful image: Logging (akin to console.log on the web) You can print […]
Resources for macOS programming
- Posted in development
Yesterday evening I took a stab at understanding macOS programming. I got as far as making this with storyboards: Now I want to learn more about actually coding something useful. The problem is that I can’t find good resources to start doing this. The main cause being the transition to Swift and the fact that seemingly everyone […]