My VSCode Settings
My settings, recommend you copy them for class
Visit
Glass Morphism Generator
CSS UI Library and Glassmorphism generator
Visit
Pocoloco
Generate dynamic backgrounds
Visit
Copy and Paste CSS
Ready made CSS to copy
Visit
Neumorphism.io
Generate soft-ui code
Visit
VSCode
Official Code Editor of SITHS
Visit
Vanta JS
VantaJS allows you to generate code for interactive backgrounds developed in ThreeJS
Visit
Codepen
build, test and discover front end code
Visit
Firebase
Backend as a service
Visit
Stackoverflow
resource for asking questions
Visit
VueJS Docs
Vue has stellar docs for learning
Visit
Cubic Bezier
Cubic Bezier can help you nail down animation timings.
Visit
Type Scale
Visual Calculator for Typography
Visit
Animate on Scroll
AOS is a simple to use, lightweight library for animating content based on scroll position
Visit
Undraw Illustrations
Undraw provides tons of quality, free SVG's that you can customize the color of before downloading
Visit
Emmet Cheat Sheet
Check out this useful Emmet Cheat Sheet for VSCode
Visit
Clippy
Easily create CSS clip paths with a handy GUI.
Visit
Unsplash
Great Resource for Stock Images
Visit
Pixabay
Stock images
Visit
Pexels
Pexels offers free stock videos and images
Visit
Flaticon
Free icons and SVG's
Visit
Design Course
This YouTube channel as all the amazing design and animation tutorials you could want from a YouTube channel.
Visit
DevEd
Lots of react and vanilla design tutorials
Visit
Traversy Media
Tutorials on all matter of web dev
Visit
Level Up Tuts
Great SvelteJS content
Visit
Net Ninja
Great content for all frameworks and backend
Visit
Pika Screenshots
Pika allows us to make great screenshots for our portfolios
Visit
HowlerJS
howler.js makes working with audio in JavaScript easy and reliable across all platforms
Visit
Huemint
Huemint uses machine learning to create unique color schemes for your brand, website or graphic
Visit
Font-Joy
Font Joy uses machine learning to pair fonts for your site
Visit