Front End Dev Links

source: FrontLinks

Docs

• HTML reference

• DevDocs

• Native HTML Elements

• jQuery -> JS

• Default Font Family

• Shadow DOM

  • The list

  • Form Pseudo Elements

• Device sizes

• SVG PocketGuide

CSS

• CSS reference

• All CSS properties

• All CSS values

• CSS Triggers (perf)

• Stats

  • StyleStats

  • CSS Stats

• CSS Preprocessors

  • Roole

  • CSS to SCSS

• FlexBox

  • cheatsheet

  • Flexbox Playground

  • Patterns

  • Flexbox in 5min

  • Flexplorer

  • FlexyBoxes

• Animation

  • Bounce.js

  • Stylie

• Easing:

  • Bezier Builder

  • Ceaser

  • cubic-bezier

  • Easings

• nth-child

  • nth-test

  • :kids

• Color

  • Color converter

  • Contrast tester

• Clip Path

• px to em

• Cursors

• Live Edit

  • Takana

  • Emmet

Libs + Frameworks

• Web Starter Kit

• vue.js

• Physics Animation

• AniJS

• Popmotion

Utils + Tools

• Wireframes

  • Whimsical

  • wireframe.cc

  • Moqups

• HTML symbols

  • ☺ Characters

  • Draw Chars

• Placeholder Image

• FavIcon Editor

• SVG

  • SVG Optimizer

  • Paths (editor)

• GitHub Editor

Resources

• Color schemes

• Fonts

  • Font Guide

  • Tagged Google Fonts

  • Blokk Font

• Icons

  • Feather

  • Icomoon

  • Material

  • Entypo

• Photos

  • SplashBase

  • Stock Up

  • Unsucky Stock Photos

• Subtle Patterns

• UI Sounds Copied