fddaineze / support-content

:pencil2: Lista de sites e ferramentas para facilitar o dia a dia de Desenvolvedores Web

Conteúdo de Apoio

Encontre sites para busca de imagens e ilustrações, ferramentas, dicas básicas de shell (scripts linux), e muito mais

Linux:

• Scripts .sh de exemplos para adaptação e uso
• Guia de utilização do GitHub pelo Terminal Linux (Básico)

Links

Design e seleção de cores

• https://cssgradient.io/ - Criação de código CSS Gradiente
• https://www.sessions.edu/color-calculator/ - Calculadora de cores com base em espectro
• https://color.adobe.com/ - Montagem de paleta de cores
• https://dribbble.com/ - Designs e paletas
• https://colorhunt.co/ - Dicas de paletas
• https://www.design-seeds.com/ - Paletas criadas a partir de fotos

Compatibilidade

• https://caniuse.com/ - Verifique em quais navegadores o elemento css que pretende usar funciona
• http://autoprefixer.github.io/ - Saber utilizar o CSS é bom, mas não precisa decorar todos os prefixos

Código

• https://devhints.io/ - Lembrar todas as sintaxes é quase impossível, esse site entra neste ponto.
• Experimente ver o css flexbox: https://devhints.io/css-flexbox
• https://carbon.now.sh/ - Cria imagens com trechos de código, ótimo para publicações

Icones SVG Free

• Variados: https://icons8.com.br/
• Interface: https://themify.me/themify-icons
• Developer: http://konpa.github.io/devicon/
• Vetores: https://www.svgrepo.com
• FontAwesome: https://fontawesome.com/

Ilustrações

• Templates e fotos: https://www.freepik.com/
• Ilustrações com cores editáveis: https://undraw.co/illustrations
• Ilustrações com cores editáveis: https://www.manypixels.co/gallery/
• Ilustrações em SVG: https://illlustrations.co/
• Ilustrações variadas (png): https://icons8.com/illustrations
• Este precisa de carinho ao usar, muita coisa se pode aproveitar pronta, mas se souber usar corretamente,
• é possível obter resultados incríveis com poucos cliques no illustrator: https://iradesign.io/

JS/jQuery APIs

Parallax

• 3D Parallax: http://www.htmldrive.net/items/demo_show/1103
• Multiple Parallax: https://ianlunn.co.uk/plugins/jquery-parallax/
• Parallax Scrolling: http://jonathannicol.com/projects/parallax-scrolling/

Scrolling Animation

• AoS (Animate on Scrolling): https://github.com/michalsnik/aos
• WOW.js: https://github.com/matthieua/WOW
• Particles.js https://github.com/VincentGarreau/particles.js/

Background animation

• Particles Backgrounds: https://github.com/VincentGarreau/particles.js/

Carousel

• Owl Carousel 2 (completo): https://owlcarousel2.github.io/OwlCarousel2/
• Slick (completo/recomendado): https://kenwheeler.github.io/slick/
• Swiper Carousel (best): http://idangero.us/swiper/
• Sly (versátil/completo): http://darsa.in/sly/
• BxSlider (Minimalista): https://bxslider.com
• Glide.js: https://glidejs.com

Att. Daineze