Resources
API
General
- sampleapis.com
- unsplash.com - Images
- github.com/toddmotto - Public APIs
- github.com - Public APIs
- insomnia.rest - Debug
- swapi.co - Star Wars
- getpostman.com
CSS
Animation
- animate.style - Animate.css
- tympanus.net - Hover Effect Ideas
- jonsuh.com - Hamburger Menus
- weekly.cssanimation.rocks - Newsletter - Resources
BEM
Critical
Flexbox
- mastery.games - Game
- flexboxfroggy.com - Game
- flexboxdefense.com - Game
- flexbox.io - Learn
- codepen.io/enxaneta - Playground
Framework
Generators
- colorzilla.com - Gradient Generator
- griddy.io - CSS Grid
Grid
- cssgridgarden.com - Game
- gridcritters.com - Game - $
- cssgrid.io - Learn
- learncssgrid.com - Learn
- mastercssgrid.com - Learn
- scrimba.com - Learn
- css-tricks.com - Guide
- mozilladevelopers.github.io - Playground
- courses.thecssworkshop.com - Learn: Layout, Grid - $
- every-layout.dev - Layouts
Properties
- csscursor.info - Cursor
SCSS
- sass-lang.com - Documentation
- sass-guidelin.es - Guidelines
- css-tricks.com - Style Guide
- familyscss.xyz - Family.scss
- sassmeister.com - Compile Online
Other
- css-tricks.com - Resource
- cssreference.io - Documentation
- developer.mozilla.org - Documentation
- hugogiraudel.github.io - Selectors Explained
- css-tricks.com - Terminology Explanation
- css-weekly.com - Newsletter
- solid.buzzfeed.com - Style Guide
- runway-app.cfapps.io - Create Style Guide
- cssstats.com - Tool
- bradfrost.com - Industry Leader
- labs.jensimmons.com - Industry Leader
- kilianvalkhof.com- Sloped Edges, CSS Angles
- kazzkiq.github.io - Tooltips
- smashingmagazine.com - Units, Sizing
Design
Animation
- svgator.com - SVG
- airbnb.design
Colors
- colorhexa.com
- color.adobe.com
- brandcolors.net
- webdesignrankings.com
- coolors.co - Name Colors
- chir.ag - Name Colors
- colorme.io - By Tyler Gaw
- colorsupplyyy.com - Complementary
- hexnaw.com - Accessibility
- material.io
- mothereffinghsl.com - HSL
- github.io/coolhue - Gradients
- jondotsoy.github.io- Full Screen Random Colors
- paletton.com - Find Matching Colors
Fonts
- google.com
- typekit.com
- fontsquirrel.com
- typography.com - $
- fontreach.com - Explore Font Usage
Icons
- fontawesome.com
- flaticon.com
- flaticon.com - Pattern
- icomoon.io
- simpleicons.org - Brand & Color
- svgicons.sparkk.fr
- primer.style
- feathericons.com
- iconbros.com
- material.io - Google
- tympanus.net - Animated SVG
Logos
Patterns
Photography
- unsplash.com
- pexels.com
- pixabay.com
- picjumbo.com
- burst.shopify.com
- morguefile.com
- pngimg.com - PNG
- spaceholder.cc - Placeholder
- placeimg.com - Placeholder
Tools
Videos
- vidlery.com - Animation
Other
- github.com - Resources
- tympanus.net - Section Separators
- clippingmagic.com
- github.com - Style Guides
Git
GUI
- git-tower.com - Tower
- gitkraken.com - GitKraken
- desktop.github.com - GitHub Desktop
General
- learngitbranching.js.org - Interactive Learning
- gitexplorer.com - Interactive Learning
- git-tower.com - Learn
- try.github.io - Learn
- guides.github.com - Git Flow
- chris.beams.io - Commit Messages
- alistapart.com - Commit Messages
- github.com - Bisect
- rogerdudler.github.io/git-guide - Guide
HTML
General
- htmlreference.io - Reference
- github.com/joshbuchea - Head Tags
- codepen.io - HTML5 Tag Semantics
- sitepoint.com - HTML5 Tag Semantics
- css-tricks.com- HTML5 Tag Semantics - Nav, Article, Section, Main
- squizlabs.github.io - Code Checker
- w3.org - Spec Lookup
- html5bot.webflow.io - Which Element
- htmldog.com - Learn
- internetingishard.com - Learn
JavaScript
Animation
Katas
ES6
- strongloop.com - Class
- github.com - Resources
Learn
- es6.io
- javascript.info
- eloquentjavascript.net
- wesbos.com - Resources
- github.com/AllThingsSmitty - Must Watch JS
- learnjavascript.today - Zell Liew
- devanywhere.io - Eric Elliott - $
Node.js
- nodeschool.io
- github.com/i0natan - Best Practices
Other
- ui.dev - Learn - Tyler McGinnis
- learnjavascript.online - Learn
- webpack.js.org
- yarnpkg.com
- 1loc.dev - JS Utilities
- stateofjs.com
- lab.hakim.se - Scroll Effects
- developer.mozilla.org
- fusejs.io - Search
- preactjs.com
- keycode.info - Tool
- medium.freecodecamp.com - Learn Basics
- sweetalert.js.org - Alert
- atomiks.github.io - Tool Tips
Learning
Game
- codecombat.com
- codeavengers.com
- empireofcode.com
- screeps.com
- codingame.com
- serviceworkies.com - Service Workers
Pod Casts
Regex
Other
- freecodecamp.org
- frontendmasters.com
- teamtreehouse.com
- pluralsight.com
- tutsplus.com
- egghead.io
- udemy.com
- codecademy.com
- scrimba.com
- theodinproject.com
- codewars.com
- tympanus.net
- udacity.com
- laracasts.com - PHP
- scotch.io
- webdesignrepo.com
- developer.mozilla.org - Tutorials
- frontendmasters.com - Resource - FED Handbook
- studio.code.org - Kids
- codementor.io - Code Help, Mentors
Other
Funny
- httpstatusdogs.com
- youtube.com - Freelance
- niceonedad.com
- fastgood.cheap
- tholman.com - console.frog
- theuserisdrunk.com
General
- 1password.com - Passwords
- indeed.com - Salaries
- freelancer.com
- anylistapp.com - Share Lists
- peakdesign.com - Peak Design Backpack
Resources
Accessibility
- achecker.ca - Checker
- chrome.google.com - WAVE Extension
- powermapper.com - Checker - A11y
- davatron5000.github.io - Dave Rupert
- accessibility-developer-guide.com - Awesome Examples/Usage
- deque.com - Axe
CMS
Other
- caniuse.com
- getpocket.com
- httpster.net - Inspiration
- autodraw.com - Draw
Responsive
Images
- cloudinary.com
- andrew.hedges.name - Aspect Ratio
- web.dev
- promo.com - Social Media Resizer
SEO
General
- moz.com - Learn
- yoast.com
- matthewbarby.com - Rank in Google
- schema.org- Provides Additional Benefits
Tools
Browsers
- brave.com
- blisk.io
- google.com - Canary
- mozilla.org - Developer Edition
- browserstack.com
Compression
- squoosh.app
- kraken.io
- cloudconvert.com - Convert Image Type
- wecompress.com- Free, Clean UI, No Watermarks
CI/CD
DNS
- network-tools.com
- webpagetest.org
- ipinfo.io
- tools.pingdom.com
- whois.com
- mxtoolbox.com
- pentest-tools.com - Find Subdomains
- whois.domaintools.com
- reverseip.domaintools.com
- whatsmydns.net
- completedns.com - NS History
Extensions
- chrome.google.com - JSON Viewer
- chrome.google.com - Stylebot
- chrome.google.com - Grammarly
Favicon
Page Speed
- developers.google.com - PageSpeed Insights
- varvy.com
- gtmetrix.com
Screen Share
Terminal
Other
- validator.w3.org - HTML
- jigsaw.w3.org - CSS
- validator.w3.org - Link
- cacher.io
- newrelic.com
- haveibeenpwned.com - Security
- bugmenot.com