tedshd's DevNote

Develop & Design Note by Ted

Web Tools / Framework / API

Web Tools / Framework / API

CodeData

學習 CSS 版面配置

CSS Selector

Optimize browser rendering

Writing efficient CSS

颜海镜 专注Web前端

JavaScript 本質部份

DevDocs

SVG 與 Canvas:如何選擇

WebPagetest - Website Performance and Optimization Test

What’s new for designers, February 2014

HTML5 Canvas demos by Kevin Roast

Learn HTML5, CSS3, Javascript and more...

Animate Mixin for Compass/SASS

YOU MIGHT NOT NEED JQUERY

Event - Web API Interfaces | MDN

CSS Shake

Ionic: Advanced HTML5 Hybrid Mobile App Framework

The Answer to PhoneGap UI Development | Onsen UI

Device and Viewport Size In JavaScript

Tutorialspoint

20 個實用的前端開發參考資訊整理

HTTP/1.1: Status Code Definitions

Home — Google Web Fundamentals

Web Animation Infographics: A Map of the Best Animation Libraries for JavaScript and CSS3 plus Performance Tips

loading.io - Your SVG Ajax Loading Icons

HTTP API响应数据规范整理

The easiest way to create your CSS sprites - SpritePad

Animate Mixin for Compass/SASS

CSS 奇技淫巧十八招

Base64online.org

7 天打造前端性能监控系统

Color - Style - Google design guidelines

Welcome - Polymer

HTML 5 JavaScript API Index

Web Starter Kit

Wait, DevTools could do THAT?

Web Fundamentals — Google Developers

Frame: Awesome Product Shots

Susy Tutorials | Level Up Tuts

設計必備資源總匯 - 奧革設計

How to Use SVG

AngularJS Lessons - Screencast Video Tutorials @eggheadio

IcoMoon

Media Query Snippets - list of media queries

HTML代码转换为JavaScript字符串-前端开发转换工具 | WEB前端开发

Promote Your Content with Structured Data Markup - Structured Data — Google Developers

理解RESTFul架构 - 小毛的胡思乱想

你都去哪裡看技術文章?

JavaScript Promises ... In Wicked Detail

Git版本控制与工作流 - 简书

generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent

瀏覽器的渲染原理簡介 | InspireGate

Introduction to ARIA | Web Fundamentals | Google Developers

OAuth 2.0 筆記 (1) 世界觀 - Yu-Cheng Chuang’s Blog

Lib

iVector Map

Lazy Loading Images

Material icons - Google Design

Tools

Ceaser - CSS Easing Animation Tool - Matthew Lein

GIFMaker.me

HEX to RGB Converter

行動裝置相容性測試

行動版網站搜尋引擎最佳化 — 網站管理員專用的行動版網站指南

How to Center in CSS

CSS三角形產生器 - 使用純CSS繪畫三角形

CSS Sprite Generator, Editor, and Code

Ultimate CSS Gradient Generator - ColorZilla.com

Top 5 Desktop, Tablet & Console Browsers from June 2014 to June 2015 | StatCounter Global Stats

ip-api

realfavicongenerator

Choose an open source license | Choose a License

For input check

经验总结:应对中文输入法的字符串截断方案(带代码示例)

使用中文输入法时对键盘事件的处理

Snap.svg

程式碼準則 by @mdo

猴子都能懂的GIT入门

JavaScript Flash Detection Library (Flash Detect)

CSS Triggers

for protype or demo

lorempixel - placeholder images for every case

Lorem Ipsum

Performance

DareBoost

Pingdom Tools

UI/UX

UX 設計師寫給 UI 新手的 7 個法則(上)
UX 設計師寫給 UI 新手的 7 個法則(下)

Resource Cards - Selected free resources for designers