Front-End Bookmarks 😎

We get bored of organize our bookmarks in browser 👊 And we're moving all of them to here. So far looks like best decision ever 😆 Tolga Egilmezel & Filiz Altinturk

####Table of Contents

---

• Article
• CSS
• Service Workers
• JavaScript
• Fonts
• Colors
• SVG
• Flexbox
• Grid
• HTML
• to Follow
• IDE & Editor
• Accessibility
• Performance
• API

Article

• Reading

  • Progressive Image Loader
  • 8 reasons 80s flair will rule design in 2017
  • Git repository for designers

• Slides

  • perf.rocks

CSS

• Scss

  • Tricks

    • CSS Only Slider

  • Properties

    • CSS Properties & Values

• Methodology

  • BEM

    • BEM info
    • BEM 101
    • BEM with Sass

  • Atomic Design

    • CSS Architecture

• Post CSS

  • CSS Post-Processors

• Reference

  • cssreference
  • codrops

• Style Guide

  • The Salesforce Lightning Design System

• CSS Grid

  • A Complete Guide to Grid
  • Grid by Example
  • Learn CSS Grid

• Flexbox

  • A Complete Guide to Flexbox

Service Workers

• Article

  • Implementing "Save For Offline" with Service Workers

• Tools

  • PWA Generator

JavaScript

• Promise
  • The Promise of a Burger Party

Fonts

• Tools

  • Font style matcher

• Performance

  • Loading web fonts asynchronously
  • Preload Hints For Web Fonts
  • localFont

SVG

• Tools
  • SVG Editor
  • SVG Optimise

IMG

• Performance
  • Base64 Encoding & Performance

Colors

• Tool
  • Name That Color
• Article
  • Eight rules about color palettes that everyone should know

Flexbox

• Guide
  • How Flexbox Works - Animated Gifs

Grid

• CSS Unit
  • fr

HTML

• Reference
  • htmlreference
  • Cheat Sheet

to Follow

• Github

  • Monica Dinculescu (http://github.com/notwaldorf)

• Blog

  • [Zell] (https://zellwk.com/)

IDE & Editor

• Tools
  • Snippet Generator

Accessibility

• Dos and don'ts on designing for accessibility
• WebAIM
• WAVE

Performance

• Article
  • Optimising the front end for the browser

API

• API Docs Generator