Useful-Links

VS Code

🔹VS Code Extensions - Color Highlight

🔹VS Code Extensions - Prettier Code Formatter

🔹VS Code Extensions - Beautify

🔹VS Code Extensions -JavaScript (ES6) code snippets

🔹VS Code Extensions - ES7 React/Redux/GraphQL/React-Native snippets

🔹VS Code Extensions - Bookmarks

🔹VS Code Extensions - HTMLHint

🔹VS Code Extensions - W3C Web Validator

🔹VS Code Extensions - Polacode

🔹VS Code Extensions - Material Icon Theme

🔹VS Code Extensions - Live Server

🔹VS Code Extensions -ESLint

🔹VS Code Theme - One Dark Pro

Images

🔹 Pexels
🔹 Unsplash
🔹 Shoify Stock Photos
🔹 Pexels
🔹 Kaboompics

UI/UX

🔹 Angle.sh
🔹 Cleanmock
🔹 Mockuuups
🔹 Device Frames

CSS

🔹Intro to CSS 3D Transforms

🔹How CSS Positioning and FlexBox Work

🔹Learn CSS Grid by Building 5 Layouts

🔹10 CSS Hacks Every Web Developer Should Know

🔹 CSS selectors cheatsheet & details

🔹CSS Generator

🔹Code Playground

🔹A Basic Responsive Grid (Plus Handy CSS3 Media Query Reporter)

🔹Learn to Code HTML & CSS -Working with Typography

🔹Grid - Garden | A game for learning CSS grid

🔹CSS Selectors Made Easy

🔹Smart WebP, PNG and JPEG compression

🔹Styling HTML Tables with CSS

🔹CSS Link Pseudo-classes

🔹The Skinny on CSS Attribute Selectors

🔹A tale of CSS Resets and Everything You Need to Know About Them. Revisited.

🔹CSS Selectors Explained

🔹Learn CSS Selectors Interactively Using CSS Diner

🔹Taming Advanced CSS Selectors

🔹The CSS Box Model

🔹How whitespace is handled by HTML, CSS, and in the DOM

🔹Understanding the CSS box model for inline elements

🔹Inline vs Inline-Block Display in CSS

🔹Opening the Box Model

🔹CSS Centering vs text-align

🔹CSS Box Model

🔹CSS Floats 101 from A List Apart

🔹CSS Positioning 101 from A List Apart

🔹Learn CSS Positioning in Ten Steps

🔹Centering in CSS: A Complete Guide

🔹Centering Things

🔹How to Center Anything with CSS - Align a Div, Text, and More

🔹Positioning Elements | Absolute vs Relative

🔹How browsers position floats

🔹Absolute Horizontal And Vertical Centering In CSS

🔹CSS Layout - float and clear

🔹CSS Layout - The position Property

🔹What The Flexbox?!

🔹A Complete Guide to Flexbox

🔹Flexbox Froggy | A game for learning CSS Flexbox

🔹Dive into Flexbox

🔹Grid By Example

🔹CSS Grid Property

🔹CSS Grid Layout

🔹CSS Style Guide

🔹CSS Reference

🔹CSS Backgrounds

🔹Do you really know CSS linear-gradients?

🔹Tool for Generating Gradient Background

🔹Using CSS transitions

🔹A Whole Bunch of Amazing Stuff Pseudo Elements Can Do

🔹Animation

🔹Learn CSS Animations Tutorial

🔹CSS Animation Tutorial #1 - Introduction

🔹CSS border-radius Property

🔹CSS box-shadow Property

🔹CSS transform Property

🔹::before / ::after

🔹Getting Started with Sass

🔹How to build a custom grid with SASS

🔹The Complete Guide to Centering in CSS