Online Resources

MDN Web Docs

https://developer.mozilla.org/en-US/

DevDocs

https://devdocs.io/

DEVHINTS

https://devhints.io/

OverAPI

https://overapi.com/

freeCodeCamp

https://www.freecodecamp.org/learn

Interneting is Hard

https://www.internetingishard.com/

Learn to Code HTML & CSS

https://learn.shayhowe.com/

Can I Use

https://caniuse.com/

DevProjects

https://www.codementor.io/projects/html_css

GeeksforGeeks

https://www.geeksforgeeks.org/web-tech/web-technology/

HTML

HTML Elements

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

HTML Entity

https://css-tricks.com/snippets/html/glyphs/

HTML Shark

https://html-shark.com/

HTML Cheat Sheet

https://www.interviewbit.com/html-cheat-sheet/

HTMl and HTML5 Interview Questions

https://www.interviewbit.com/html-interview-questions/

ReadyTools HTML Structure Generator

https://www.readytools.co/code-hub/html-structure/

ReadyTools Generated Buttons

https://www.readytools.co/code-hub/buttons/

ReadyTools HTML Minifier

https://www.readytools.co/code-hub/html-minifier/

HTMLrev

https://htmlrev.com/

CSS

CSS3 Properties

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

CSS Reference

https://cssreference.io/

CSS Layout

https://csslayout.io/

CSS Grid Cheat Sheet

https://alialaa.github.io/css-grid-cheat-sheet/

FLEX – Malven

https://flexbox.malven.co/

GRID – Malven

https://grid.malven.co/

Modern CSS Solutions

https://moderncss.dev/

CSS Diner

https://flukeout.github.io/

Flexbox Froggy

https://flexboxfroggy.com/

CSS TRICKS – Flexbox

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Grid by Example

https://gridbyexample.com/

Grid Garden

https://cssgridgarden.com/

CSS TRICKS – A Complete Guide to Grid

https://css-tricks.com/snippets/css/complete-guide-grid/

Learn CSS Grid

https://learncssgrid.com/

CSS Effects

https://web.archive.org/web/20201108000840/https://emilkowalski.github.io/css-effects-snippets/

UI Snippets

https://ui-snippets.dev/

Keyframes

https://keyframes.app/

Animista

https://animista.net/

BEM

https://9elements.com/bem-cheat-sheet

Autoprefixer

https://autoprefixer.github.io/

CSS Formatter

https://www.cleancss.com/css-beautify/

Placeholder

https://placeholder.com/

CSS Cheat Sheet

https://www.interviewbit.com/css-cheat-sheet/

JavaScript

freeCodeCamp

https://www.freecodecamp.org/learn

Codecademy

https://www.codecademy.com/learn/introduction-to-javascript

JavaScript.info

https://javascript.info/

JavaScripture

https://www.javascripture.com/

Eloquent JavaScript

https://eloquentjavascript.net/

JavaScript30

https://javascript30.com/

How JavaScript Works

https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5

JavaScript Reference by MDN

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

JavaScript Event Reference

https://developer.mozilla.org/en-US/docs/Web/Events

JavaScript Tutorial

https://www.scaler.com/topics/javascript/

DOM Manipulation Reference

http://youmightnotneedjquery.com/

JavaScript Design Patterns

https://addyosmani.com/resources/essentialjsdesignpatterns/book/

JavaScript Cheat Sheet :link:https://www.interviewbit.com/javascript-cheat-sheet/

JavaScript Interview Questions

https://www.interviewbit.com/javascript-interview-questions/

Typography

Google Fonts

https://fonts.google.com/

Fonts Arena

https://fontsarena.com/

Fontjoy

https://fontjoy.com/

FontPair

https://fontpair.co/

FontsWiki

https://fontswiki.com/

What Font Finder

https://whatfontfinder.com/font-identifier/

Font Playground

https://play.typedetail.com/

Font Anything

https://app.typeanything.io/

Colors

Coolors

https://coolors.co/

0to255

https://www.0to255.com/

ColorBox

https://colorbox.io/

color x color

https://colorcolor.in/

Colors and Fonts

https://www.colorsandfonts.com/

ColorSpace

https://mycolor.space/

CSS Gradient

https://cssgradient.io/

uiGradients

https://github.com/iamismile/web-dev-resources/blob/main/uigradients.com

Picular

https://picular.co/

Colorable

https://colorable.jxnblk.com/

Happy Hues

https://www.happyhues.co/

Branition Colors

https://branition.com/colors

Color Picker

https://www.readytools.co/tools/color-picker/

Color Palettes

https://www.readytools.co/color-palette/

Color Contrast Checker

https://www.readytools.co/color/color-contrast-checker/

Color Gradient Generator

https://www.readytools.co/color/color-gradient-generator/

Icons

Ionicons

https://ionicons.com/

Font Awesome

https://fontawesome.com/

Material Icons

https://material.io/resources/icons/?style=baseline

Icones

https://icones.js.org/

icons8

https://icons8.com/icons

flaticon

https://www.flaticon.com/

Tabler Icons

https://tablericons.com/

icofont

https://icofont.com/icons

Simple Icons

https://simpleicons.org/

Get Emoji

http://getemoji.com/

Ikonate

https://ikonate.com/

useAnimations

https://useanimations.com/

3dicons

https://www.3dicons.com/

Iconshock

https://www.iconshock.com/

Generators

Lorem Ipsum

https://loremipsum.io/

RealFaviconGenerator

https://realfavicongenerator.net/

Favicon Maker

https://formito.com/tools/favicon

App Icon Generator

https://launchyourapp.dev/tools/app-icon-generator

Meta Tags

https://metatags.io/

Clippy

https://bennettfeely.com/clippy/

i Hate Regex

https://ihateregex.io/

Regex101

https://regex101.com/

Pyrexp

https://pythonium.net/regex

Web Code Tools

https://webcode.tools/

Carbon

https://carbon.now.sh/

CSS Grid Generator

https://grid.layoutit.com/

Responsive CSS Grid Generator

https://cssgridgenerator.net/

CSS Scroll Shadows

https://css-scroll-shadows.now.sh/

CSS Shadow Generator

https://brumm.af/shadows

Haikei

https://haikei.app/

transform

https://transform.tools/

Perflink | JS Benchmarks

https://perf.link/

Optimizeimages

https://www.optimizeimages.com/

ReadyTools HTML and CSS Generator

https://www.readytools.co/code-hub/

React

reactbits.dev

https://reactbits.dev/