Notes on Modern UI Development

Developer Tools Design Tools CSS Framework

Vite Landing Page
1

Vite

Next Generation Frontend Tooling
Pricing:
- Open Source
After following some interesting topics on Twitter and reading some blogposts, I decided to take a more basic approach and use a mixture of tried and tested libraries like Preact combined with TypeScript as well as popular new approaches like Vite (for the tooling part).

#Software Development #Web Frameworks #Developer Tools 373 social mentions
Tailwind CSS Landing Page
2

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
For styling the application I needed to see what the recommendations were and while some people seemed to favour the css only route, I added Tailwind due to extensive documentation and examples. It suits the requirements and always liked the ideas in Tachyons. Furthermore it helped with learning some modern CSS, due being able to inspect the actual CSS of a class name.

#Developer Tools #Design Tools #Website Design 864 social mentions
Tachyons Landing Page
3

Tachyons

A modular CSS toolkit that makes it easy to build interfaces that are readable, responsive, and fast loading.
Pricing:
- Open Source
For styling the application I needed to see what the recommendations were and while some people seemed to favour the css only route, I added Tailwind due to extensive documentation and examples. It suits the requirements and always liked the ideas in Tachyons. Furthermore it helped with learning some modern CSS, due being able to inspect the actual CSS of a class name.

#CSS Framework #Design Tools #Developer Tools 23 social mentions
Preact.js Landing Page
4

Preact.js

Preact is a fast 3kB alternative to React with the same modern API. Components & Virtual DOM.
Pricing:
- Open Source
After following some interesting topics on Twitter and reading some blogposts, I decided to take a more basic approach and use a mixture of tried and tested libraries like Preact combined with TypeScript as well as popular new approaches like Vite (for the tooling part).

#Javascript UI Libraries #JavaScript #Javascript Utilities & Libraries 82 social mentions