Bookmarks
33 Bookmarks
MSHR
Collection of CSS gradients
- Tool
- Design
- CSS
Mak Ink
Create notes with markdown
- Cool website
- Tool
Excalidraw
Infinites canvas
- Cool website
- Tool
Rocketseat Discover
Free Rocketseat course on frontend basics for free in Brazilian Portuguese
- Learning resource
- Javascript
- CSS
- HTML
Javascript30
Build 30 tiny projects with vanilla JS in 30 days
- Learning resource
- Javascript
CSSGrid.io
25 free videos on CSS Grid from Wes Bos
- Learning resource
- CSS
Flexbox.io
20 free videos from Web Bos that will help you master CSS Flexbox
- Learning resource
- CSS
Roadmap.sh
Roadmaps that can help you learn a lot of stuff
- Learning resource
CodePen
Every frontend developer knows codepen
- CSS
- Web
- Cool website
- Learning resource
- Animation
- Design
- Service
Defensive CSS
Practical CSS and design tips that helps in building future-proof user interfaces
- Learning resource
- CSS
XSS Game
A cool game where you do XSS attacks in fake websites
- Cool website
- Game
- Security
- Learning resource
Porkbun
Porkbun is a domain registration service that provides easy and affordable options for purchasing and managing domain names
- Web
- Service
- DNS
Cloudinary
Cloudinary is a cloud-based media management platform that simplifies storing, optimizing, and delivering digital assets like images and videos with powerful features and easy integration
- Tool
- Service
- Dev
Vercel Markup
This website documents the markup percentage for each service of Vercel based on their reported pricing, although some numbers are estimates
- Tool
- Cool website
CSS Tricks
Daily articles about CSS, HTML, JavaScript, and all things related to web design and development
- Learning resource
- Cool website
- Web
Patterns.dev
A free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React
- Learning resource
- Web
- Dev
Open Props
Supercharged CSS variables. Use predefined CSS variables to style your apps
- CSS
- Dev
- Web
Web.dev Patterns
A collection of code snippets to help you optimize your web projects
- Learning resource
- Web
- Dev
- CSS
- Javascript
- HTML
Javascript Info
How it's done now. From the basics to advanced topics with simple, but detailed explanations
- Learning resource
- Web
- Dev
- Javascript
Motion Canvas
Create animations using React and generators in Javascript
- Dev
- Tool
- Animation
- React
Railway
Railway is a cloud provider with easy to none configuration
- Dev
- Database
- Tool
- Service
Badgic
Badgic is an website I created that helps me generate badge images with the tools I use in a project
- Tool
Meilisearch
Some sort of datbase specialized on search
- Database
- Service
- Tool
- Web
- Dev
Lucide
Lucide Icons is an open source icons package, an alternative to Feather Icons
- Design
- Assets
JSON Hero
JSON Hero is a tool to visualize JSON files with image preview, dates and a lot of other useful things
- Dev
- Tool
- Cool website
Next JS
NextJS is a meta framework for React. SSR, SSG, ISR, CSR… all the good stuff
- Framework
- Web
- Dev
Pico CSS
Pico CSS is a CSS library that styles your semantic HTML automatically (without classes)
- CSS
- Web
- Dev
Upstash
Data as a service. Databases, Redis, Kafka and much more, paying just for what you use
- Dev
- Service
- Database
Tailwind CSS
Tailwind CSS is an atomic CSS library. I used to hate it, now I love it
- Dev
- CSS
- Web
Planet Scale
Planet Scale is a database as a service built on top of MySQL and Vites to scale to the moon
- Tool
- Dev
- Web
- Database
- Service
Web.dev
A lot of content about web topics
- Learning resource
- Web
- Dev
Squoosh
It’s a tool for optimize and format images. It uses web assembly and some magic to turn 10MB images into 10KB images
- Tool
SvelteKit
SvelteKit is a framework for building fullstack application with JS/TS and Svelte. It’s one of my favorite tools
- Framework
- Web
- Dev