15 de junho de 2022●1 min de leitura

Coleção de links para estudo e referências

Alguns links de artigos ou bibliotecas para estudo ou referências para desenvolvedores e designers

Web

Links

Comunidade

Material para estudo é sempre bom ter em mãos para tempos livre ou dedicado para evolução profissional

Ferramentas

Várias

RakkoTools - Simple and Convenient Web Tools

Geradores

Fancy Border Radius
Get Waves - Create SVG waves Hero Patterns Uma coleção de padrões de fundo SVG repetíveis para você usar em seus projetos da web
CSS Portal ferramenta com vários exemplos para CSS / HTML, algumas indicações:

Loader Generator Coleção de carregadores;
CSS Gradient Generator Gerador de gradientes.

Consulta

Gitmoji Guia de emojis para mensagens de commit
VSCheatsheet Guia ilustrado para atalhos do VSCode
JAMStack Ferramentas e informações como Generators e Headless CMS

Trechos de código (snippet)

30 seconds of code Trechos de código me JavaScript, CSS, React, Python...

Fontes de informações

Front-End Web Development

Alligator
CSS Tricks
Illustrated.dev
Josh W Comeau
Overreacted
Patterns
Willian Justen

Design UI/UX

Building Your Color Palette

Codepen

CSS only cool hover effect
GSAP ScrollSmoother + Three.js
CSS 3D Ladder Illusion

Vanilla JavaScript

JavaScript Web without frameworks

13 useful JavaScript array tips and tricks you should know
console.log alternatives you didn't know
The secret power of JSON stringify
Tips to write better Conditionals in JavaScript
Vanilla JavaScript and HTML - No frameworks. No libraries. No problem.
Intro to Regex for Web Developers

CSS

A Modern CSS Reset CSS is Awesome

Developer

10 repositórios que todo desenvolvedor web deveria conhecer

React

Components

Markdown Editor for React

Alternatives to React

Svelte is a precompiler that compiles down into vanilla JS
Reef a lightweight library for creating reactive, state-based components and UI
PreactJS features the same API as React in just 3kb of code is 4.5kb
hyperHTML is 4.5kb