Useful Links

I often come across articles and tool I find interesting and useful. I tend to end up dumping them somewhere in my bookmarks or pasted somewhere I’ll forget about. So instead of losing all those resources I decided to collect them here.

Penpot: The Design Tool for Design & Code Collaboration

Basically Figma but better and cheaper!?

https://penpot.app/

Fifty Things you can do with a Software Defined Radio 📻

Long but fun article about a dude playing with radio frequencies

https://blinry.org/50-things-with-sdr/

Liquid Glass in the Browser: Refraction with CSS and SVG — kube.io

Someone created a pretty good demo of the liquid glass effect using CSS and SVG

https://kube.io/blog/liquid-glass-css-svg/

Get the number of auto-fit/auto-fill columns in CSS – Frontend Masters Blog

May come in handy when I need to do grid/flex stuff like this again

https://frontendmasters.com/blog/count-auto-fill-columns/#getting-the-number-of-columns

imthenachoman/How-To-Secure-A-Linux-Server: An evolving how-to guide for securing a Linux server.

Interesting guide about securing a Linux Server

https://github.com/imthenachoman/How-To-Secure-A-Linux-Server

how-i-experience-web-today.com

Fun website that shows what the general browsing experience looks like currently

https://how-i-experience-web-today.com/

Lorem Picsum

Easy source of random photos for development

https://picsum.photos/

Hacker News

My go-to site for hacky news whenever I'm bored

https://news.ycombinator.com/news

Mood Hue

Generate a color palette based on your mood

https://moodhue.vercel.app/

Anonymous Animal

A website that offers you a unique experience. It kinda had me emotional.

https://anonymous-animal.neocities.org/

The Design System Guide

Useful guide with information about design systems. Nicely build site as well.

https://thedesignsystem.guide/

design

Dropbox brand guide

Dropbox released a new brand guide which uses some pretty cool Rive animations and in general looks really good.

https://brand.dropbox.com/

Rive

Call To Inspiration

Basically Mobbin but free. Offers examples of common UI elements.

https://calltoinspiration.com/

References

List of Developer Portfolios

Handy list of developer portfolio websites to use as reference

https://github.com/emmabostian/developer-portfolios

Reference

Jotform

Jotform has some useful form templates to use when designing and developing.

https://www.jotform.com/

Better Link Preview API

API that returns thumbnail images to use as image previews.

https://favorited-link-preview.herokuapp.com/

Component Party

Shows how different components work on different frameworks. Also shows differences between Vue 2 and Vue 3.

https://component-party.dev/

Vue
Development

Component Gallery

Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.

https://component.gallery/