Categories
Similar Boards
Suggest a Link

Code

You must be logged in to view the contents of this board.

Programming Solutions

Pin

React Solutions

Pin
  1. React AJAX Best Practices

JavaScript Solutions

Pin
  1. smooth scroll polyfill
  2. The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery) — SitePoint
  3. (Now More Than Ever) You Might Not Need jQuery | CSS-Tricks
  4. You Might Not Need jQuery

CSS Solutions

Pin
  1. philipwalton/flexbugs: A community-curated list of flexbox issues and cross-browser wor...

Tools

Pin
  1. snippet generator
  2. SVGito - An SVG Optimizer — Sketch Master

    An SVG Optimizer

  3. Clippy — CSS clip-path maker
  4. Lorem Ipsum Generator

JavaScript & React

Pin
  1. styled-components: Documentation
  2. chroma.js api docs!
  3. polished | Documentation
  4. Storybook - UI dev environment you'll love to use
  5. Introduction · react-sketchapp

Animation & Motion

Pin
  1. Animista

    CSS animation buillder

  2. WAIT! Animate
  3. Magic Animations CSS3
  4. Animate.css
  5. CSShake
  6. ✿ cubic-bezier.com

Color

Pin
  1. Name that Color - Chirag Mehta : chir.ag

    Good for naming color variables in Sass

Automation

Pin

Preprocessor & postprocessor

  1. Pleeease · Process CSS with ease

    Pleeease === ((Sass || LESS || Stylus) || CSS) && PostCSS

Reference & Cheatsheet

Pin
  1. HTML Reference - A free guide to all HTML elements and attributes.
  2. CSS Reference - A free visual guide to CSS
  3. CSS Reference | Codrops
  4. Regex Hub - Useful Regex Patterns
  5. CSS Cursors!

    A cursor style cheat sheet made by Wes Bos

  6. Terminal Cheatsheet for Mac

    List of my most used commands and shortcuts in the terminal for Mac

  7. 1 more

Web animation

Pin
  1. Easing Functions Cheat Sheet

    Collect cubic bezier patterns & names!

  2. zhangxinxu/Tween: tween.js

    Easing functions by 張鑫旭

Snippets

Pin
  1. Slanted CSS for a more intriguing looking page by CSS GRID on CodePen
  2. Life plus Linux: Look before you paste from a website to terminal

    Malicious CSS trick.

Resources

Pin
  1. Now – Realtime global deployments
  2. Surge
  3. JSONPlaceholder - Fake online REST API for developers
  4. httpstat.us
  5. httpbin(1): HTTP Client Testing Service
  6. Real content for all your designs - Lists
  7. 3 more

Coding Style Guide

Pin

JavaScript Style

Pin
  1. JavaScript Standard Style
  2. rwaldron/idiomatic.js: Principles of Writing Consistent, Idiomatic JavaScript
  3. Use JSDoc: Index
  4. JSDoc 中文文檔

CSS Style

Pin
  1. Code Smells in CSS Revisited – CSS Wizardry – CSS Architecture, Web Performance Optimis...
  2. Sass Guidelines
  3. SassDocs
  4. necolas/idiomatic-css: Principles of writing consistent, idiomatic CSS.

Interaction & Effects

Pin
  1. SVG can do THAT?! by sdrasner

    Bunch of cool SVG animation examples!!

  2. 2016: Our Favorite Codrops Resources

    Soooo much cool effects!

  3. Tilt Hover Effects | Codrops

Animation optimization

Pin
  1. CSS Triggers
  2. What Every Frontend Developer Should Know About Webpage Rendering — Frontend Babel

    Improve rendering performance

  3. What forces layout/reflow. The comprehensive list.

Typing Practice

Pin
  1. Typing Bolt ⚡ | Your AI Powered Personal Typing Tutor
  2. Ratatype
  3. Typing Practice for Programmers
  4. Typing test, typing lessons, practice touch typing, typing exercise.
0 Comment
Comments or thoughts?
Submit
Cancel
or
Email a link to this board
Share this board on Facebook
Share this board on Twitter
Notice label will go here