over 4 years ago

在 /wwwroot 下新增一個設定檔命名 web.config,便可以解決下列此找不到檔案錯誤。

Error message
HTTP Error 404.3 - Not Found
The page you are requesting cannot be served because of the extension configuration. If the page is a script, add a handler. If the file should be downloaded, add a MIME map.
<?xml version="1.0" encoding="UTF-8"?>
      <mimeMap fileExtension=".json" mimeType="application/json" />
over 4 years ago

(2014/07 陸續更新中)

Javascript Language & Framework

  • node.js
  • Backbone.js - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  • AngularJS - declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
  • EmberJS - Another framework for web application
  • Loopback - LoopBack is a highly extensible, open source Node.js framework, set up models and create REST APIs in minutes

CSS Framework

  • Sass - Sass is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more.
  • Compass - Compass is an open-source CSS authoring framework which uses the Sass stylesheet language to make writing stylesheets powerful and easy.
  • Susy - Responsive grid framework based on Compass, Slide: [RWD 一小時就上手]
  • Bootstrap
  • Foundation
  • UIKit - A lightweight and modular front-end framework for developing fast and powerful web interfaces.
  • Profound Grid - A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.
  • kube - Professional CSS-framework
  • Skeleton - A Beautiful Boilerplate for Responsive, Mobile-Friendly Development
  • HTML KickStart
  • Semantic UI - beautiful UI for designer
  • AniJS - Declarative handling library for CSS animations
  • Topcoat - CSS for clean and fast web apps.
  • Pure - A set of small, responsive CSS modules that you can use in every web project.
  • KNACSS - a minimalist, responsive and extensible CSS framework to kick-start any professional web project no matter its size.
  • Metro UI - Metro UI CSS a set of styles to create a site with an interface similar to Windows 8.
  • DynCSS - Simple, dynamic CSS rules to give life to your sites.
  • bounce.js - bounce.js lets you create tasty CSS3 powered animations in no time.

CSS Library

  • UIBox - Curated HTML, CSS, JS UI Component Library
  • PatternTap - Best Interface Design Categories


Web Workflow / Builds / Task-runners

Module/Script Dependency Loaders (Javascript Loaders Comparison)

  • RequireJS - RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Node.
  • Browserify - Browserify lets you require('modules') in the browser by bundling up all of your dependencies
  • Journey From RequireJS to Browserify
  • head.js - HeadJS, a small library for Responsive Design, Feature Detections & Resource Loading

Templates&Random Data Generator

  • randomuser.me - A free API for generating random user data. Like Lorem Ipsum, but for people.

mobile App with front-end language

  • Apache Cordova - Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript
  • Ionic - The beautiful, open source front-end framework for developing hybrid mobile apps with HTML5.

Javascript Libraries 小工具

  • string.js - JavaScript library for the browser or for Node.js that provides extra String methods.
  • moment.js - A javascript date library for parsing, validating, manipulating, and formatting dates.
  • Numeral.js - A javascript library for formatting and manipulating numbers.
  • Sugar.js - Sugar is a Javascript library that extends native objects with helpful methods.
  • Boiler.js - Boiler is a utility library providing over 115 methods that work with arrays, collections, functions, numbers, objects..
  • Lazy.js
  • Parallel.js - Parallel Computing with Javascript (by web workers)
  • Catiline.js - A JavaScript Library for workers (by web workers)
  • Headroom.js - Give your pages some headroom. Hide your header until you need it.
  • router.js - router.js is a lightweight JavaScript library that builds on route-recognizer and rsvp to provide an API for handling routes.
  • fn.js - A JavaScript library built to encourage a functional programming style & strategy.
  • math.js - An extensive math library for JavaScript and Node.js
  • Keys.js - Easy keybindings for browser applications!
  • Card.js - Better Credit Card Form in One Line of Code
  • ScrollMe.js - A jQuery plugin for adding simple scrolling effects to web pages.
  • simpl.info - Simplest possible examples of HTML, CSS and JavaScript.


  • CloudFlare - CloudFlare is a free global CDN and DNS provider that can speed up and protect any site online.
  • Benchmark.js - A robust benchmarking library that works on nearly all JavaScript platforms, supports high-resolution timers, and returns statistically significant results.
  • PageSpeed Insights - a tool that analyzes pages and offers advice on how to make them faster based on best practices for mobile and desktop web performance.
  • Automating Web Performance Measurement - intro to PSI, a new module that works great with Gulp, Grunt and other build systems and can connect up to the PageSpeed Insights service and return a detailed report of your web performance.


  • Parse - Parse is a complete technology stack to power your app's backend.
  • MongoHQ - MongoHQ is a fully-managed platform used by developers to deploy, host and scale MongoDB databases.
  • Firebase - A powerful API to store and sync data in realtime.


  • InVision - Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool
  • Dribbble - social network for designer
  • Node.js in Production - Jeff Dickey wrote on the Carbon Five blog about some of his recommendations for putting Node.js apps into production. The articles goes over how to ensure your Node apps stay stable, fast, secure and maintainable.
  • GuideGuide - Dealing with grids in Photoshop is a pain
  • Google Material Design 簡體中文版



  • Mocha - a feature-rich JavaScript test framework running on node.js and the browser, making asynchronous testing simple and fun.
  • Chai - Chai is a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.
  • Sinon - Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework.
  • Jasmine - Behavior-Driven JavaScript
  • Karma - bring a productive testing environment to developers. The environment being one where they don't have to set up loads of configurations.
  • Responsive Web Design Testing Tool




  • Type Sample - a tool for identifying and sampling webfonts
  • justfont就是字 - 中文雲端字型 (web font) 服務,讓您在網頁中直接使用字型



Some References Collection

歡迎發 Github PR 補充更新, 謝謝!

over 4 years ago




  • 待更新





about 5 years ago

if you are using RVM, do this:

ln -s "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl" ~/.rvm/bin/subl

Source: http://stackoverflow.com/questions/10892368/problems-using-subl-command-in-terminal-command-not-found-no-such-file-or/11287024#11287024

about 5 years ago

With Xcode 5.x and Mavericks 10.9 the command line tools are no longer available via Xcode.

They must be downloaded from the Apple Developer site.
This requires signing in with a developer account.

Or they can be installed from the terminal using "xcode-select --install”.

about 5 years ago

it's simple and clear here

  1. git init (將當前所在資料夾轉換成 git repository 並創建 .git/ ,儲存 metadata 檔案)
  2. git clone ssh://xxx.com/path/project.git
  3. git config user.name Po-Han Chen
  4. git config --global user.email sihalon@gmail.com
  5. git config --system core.editor vim
  6. git config --global --edit

name = Your Name
email = yourname@gmail.com
st = status
co = checkout
editor = vim

  1. git add file
  2. git commit -m "訊息備注"
  3. git status (列出哪些檔案 staged, unstaged, untracked)
  4. git log -n limit number ex:3
  5. git checkout master/[commit]
  6. git revert commit
  7. git reset 砍掉 commit 重來,但是修改的程式還是留在 working tree
  8. git clean (從工作目錄中移除 untracked files)
  9. git branch (列出整個清單)
  10. git branch branch
  11. git checkout [existing-branch]
  12. git merge branch
  13. git remote add pohchen http://dev.example.com/pohchen.git
  14. git fetch remote
  15. git pull [remote]
  16. git push [remote] [branch]
about 5 years ago
  • Command + Shift + 3 截取全螢幕
  • Command + Shift + 4 選擇截取範圍
  • Command + Shift + 4 + Space 特定視窗截圖

終端機輸入「defaults write com.apple.screencapture type jpg」預設截圖格式為 jpg