ohugosz / recursosfrontend

Quer contribuir com o repositório? Faça um fork e abra um Pull request 👊🏽
Conteúdos deverão seguir a ordem alfabética e utilizar quebra de linha(dois espaços no final).

HTML

Dive Into HTML5
HTML5 Boilerplate
Índice de elementos HTML
Referência HTML da MDN
Validador de código HTML

CSS

animista
Animate.css
Autoprefixer
Box Shadow CSS Generator
Calculadora de especificidade CSS
Can I Use
CSS clip-path maker
Contrast Ratio
CSS Formatter
CSS Gradient
CSS Validation Service
cubic-bezier
Easing functions
Fancy Border Radius
How To Center
Referência CSS da MDN

JAVASCRIPT

Animate On Scroll
GreenSock
Momentjs
Microjs
move.js
Moving Letters
Referência de Eventos JavaScript
Referência JavaScript da MDN
regex101
Swiper
Skrollr
three.js
vivus.js
velocityjs
You might not need jQuery

FONTES

Adobe Fonts
CSS Font Stack
Font Combinations
FontPair
FontSquirrel
Google Fonts
Just My Type
Modular Scale
transfonter
Typechem

ÍCONES

Boxicons
css.gg
Eva Icons
Favicon Generator
Feather
Flaticon
Font Awesome
Free icons
freeicons.io
Freepik
Heroicons
Icon Icons
Iconfinder
IconMoon
Icons8
Iconscout
Iconsvg
Ikonate
Ionicons
Line Awesome
Newsbi Icon Pack
Noun Project
Radix Icons
Remix Icon
shape.so
Simple Icons
Steamline Free
Streamline UX
Tabler Icons
Tilda Icons

CORES

0to255
Adobe Color
Brand Palettes
⁣calcolor.co⁣
Color Hunt
Color.review
Colorfavs
Color-hex
⁣ColorKit
Colorsinspo
ColorSuply
ColorZilla
colourco.de
Contrast Ratio
Coolors
Culrs
Design Seeds
Flat Ui Colors
⁣Khroma
Name that Color
Paletton
Scheme Color
Tint and Shade Generator
uiGradients

ILUSTRAÇÕES

3000 Hands
404 illustrations by kapwing
404 illustrations
Abstrakt
Absurd Design
Ara Illustration
Black illustrations
Blob Marker
Blush
Construtor de Ilustrações
Control
Delesign
Design.ai
DrawKit
Flow Lava
freellustrations
Fresh Folk
Get Waves
GetIllustrations.com
Glaze
Growww
Humaaans
Illustrations
IRA Design
Karthik Srinivas
Kukla Kit
Logo Maker
Lukasadam
Manypixels Illustration Gallery
Mega Doodles Pack
Mixkit Art
Open Doodles
Open Peeps
Ouch
Paper Illustrations
Sapiens
Scribbles
Smash Illustrations
Stories by Freepik
storytale.io
Stubborn Generator
Toy Faces
Undraw
Vector Creator
Whoosh! Illustration Kit

IMAGENS

CleanPNG
everypixel
Freepik
isorepublic
Pexels
pixabay
Responsive BreakPoints
reshot
Unsplash
kaboompics

COMPRESSOR DE IMAGENS

TinyPNG
websiteplanet

AVATARES

Avatar Generator
Random User Generator
Ui Faces

PERFORMANCE

GTmetrix
Image Analysis Tool
PageSpeed Insight
WebPagetest

DESAFIOS

30 days CSS
Codier
CSS Battle
DevChallenge
Edabit
Front-end Challenges
Frontend Mentor
JSBeginners
JSchallenger
WoMakersCode Front-end Challenges

INSPIRAÇÕES

Awwwards
CollectUI
Dribbble
Httpster
interfacely
Site Inspire

TEMPLATES HTML/CSS

BootsWatch
Free-CSS
FreeHTML5
HTML5Up
HTML5xCSS3
OnePageLove
Templatemo
W3Layouts

CHROME WEB STORE

ColorZilla
GoFullPage - Full Page Screen Capture
JSON Viewer
Loom for Chrome
Picture-in-Picture Extension
Page Ruler Redux
Web Developer
WhatFont

PLACEHOLDER

Lorempixel
Placeholder
Placekitten

EMOJI

Get Emoji

REMOVE BACKGROUND

remove.bg

EDITOR DE MARKDOWN

StackEdit
Typora

HOST GRATUITO

000WebHost
Github Pages
Heroku
InfinityFree
Netlify
Vercel

PROTOTIPAÇÃO

Akira
AdobeXD
Balsamic
Figma
inVision
Sketch

EDIÇÃO DE IMAGENS

Photopea

COMPARTILHAR FRAGMENTO DE CÓDIGO

Carbon