Home Writing Reading

Rickard Natt och Dag

Hej! I'm a developer from Sweden. I enjoy making user-friendly websites and creating tools that make life easier for other developers. I currently love working with htmx and Go (The programming langauge).

GitHub Bluesky
Latest TIL

Today I Learned (TIL) are interesting things I've found on the web, ideas, thoughts, and reminders regarding software development. I see it as a second brain for all things related to development and a way for me to practice Learning in public.

This is heavily inspired by Lee Byron's TIL and builds on top of my initial attempt with my Devlog.

  1. The semantic keyboard input element
  2. Solving PhaseScriptExecution errors in Xcode
  3. Pick with keyof typeof in TypeScript
  4. Returning values from Native Modules
  5. Native Module in React Native using Swift
Stats Feed
Currently reading
Oathbringer
The Stormlight Archive #3
Brandon Sanderson
All books
Work
SEB Senior Fullstack Developer -  

SEB is one of the largest Swedish banks.

Arizon Developer Consultant -

Arizon is a IT consultancy and startup incubator.

Hemnet Frontend Developer -

With 2.8 miljon unique vistors each week, Hemnet is Sweden"s biggest website when you"re looking to buy or sell your appartment or house.

I was part of the Seller's Experience team. This team handles the "behind the scenes" of a sale. Everything from the broker adding your listing, you purchasing additional packages for better exposure of your listing to a dashboard where you can follow statistics on the sale.

Iteam Developer / Head of Tech -

Iteam is a development consultancy working mostly in-house.

My work focused on front-end, but also backend (Node) whenever there's a need. We use React and React Native with TypeScript, but recently we've also started using ReasonML. We write all code using TDD and Jest. API integrations are made using GraphQL, with some REST.

Here's a list of all the projects I've a been a part of at Iteam
MatHem Interaction designer -

MatHem delivers groceries directly to your door, either as a prepackaged concept with recipes or as individual products of your choosing. MatHem has been selected as one of the best Swedish online stores two years running by Internetworld.

My job was mostly front-end development. I made mockups in Photoshop and then implemented the HTML, CSS and some jQuery on the website. I also made flash banners for advertising campaigns.

Projects
My Movies
go
htmx
tailwind
hyperscript

I've been keeping track of the movies I watch for 20 years. First, using lists in IMDb and from 2011 using my own database. The site has seen multiple design iterations over the years and is the pet project I've worked most on.

It's also a testing ground for new technologies and browser features. For example, CSS scroll-driven animations and the Popover API with anchoring. Currently, both features are only available in Chrome and Edge.

Link
Supreme
rust
github actions
Supreme is a command line tool that helps you get up and running fast with new apps. It can currently generate rescript-react apps with Tailwind CSS, GraphQL APIs with examples for queries, mutations and subscriptions using TypeScript and React apps with both TypeScript and JavaScript. It can also help you install and generate commonly used configs for things like prettier, husky and jest.
Link
rescript-intl
rescript
github actions
re-intl helps you with date, number and currency formatting in ReasonML (BuckleScript). Everything is built on top of Intl which comes built-in with browsers >= IE11 as well as Node.
Link
Clearingnummer
typescript
github actions
Sort codes, clearingnummer in Swedish, are four or five digit identifiers for Swedish banks. This package helps you find the bank related to a specific number.
Link
Telefonnummer
typescript
github actions
Telefonnummer is phone number in Swedish. This package formats all Swedish phone numbers, both mobile and landline, to a standard format.
Link
WCAG Color
rescript
github actions

According to the WHO an estimated 1.3 billion people live with some form of visual impairment. This includes people who are legally blind and people with less than 20/20 vision.

This library helps you achieve the accessibility standards for color contrast outlined in the WCAG 2.0 specification.

Link
Wejay
reasonml
docker
elasticsearch
github actions
slack
A Slack bot that controls a Sonos system. We use it at Iteam as a collaborative music player. It can do pretty much everything from managing the play queue, control playback, list most played songs and even contains some hidden easter eggs.
Link
Workout of the Day
rescript
vercel
github actions

A collection of competition and benchmark CrossFit workouts but also workouts that I"ve made. A combination of two of my passions code and CrossFit.

I"ve also made a version of the app in Elm.

Link