2014 隨意筆記紀錄
收集一些網路覺得不錯的東西，會記錄下面。
希望有時間要找過去想看的，也是非常方便的一件事。
2014/12
使瀏覽器的上一頁按鍵無效
http://windwaterbo-blog.logdown.com/posts/245123-disable-back-button-in-browser-using-javascript
一段白爛往事(O(n^2)降成O(n))
http://blog.rayer.idv.tw/posts/245160-for-some-stupid-memories
HTML5 的 File 相關物件
http://jamestw.logdown.com/posts/245135-html5-file-api
[Python] 套件管理程式
http://lucianyo.logdown.com/posts/245094
Android讀取外部sdcard圖片
http://shamangary-blog.logdown.com/posts/245120-android-reads-external-sdcard-pictures
jquery Form表單修改後未儲存提示
http://joel-zhong.logdown.com/posts/2014/12/02/jquery-alert-for-unsaved-changes-in-form
Vim.js
http://coolwanglu.github.io/vim.js/experimental/vim.html
Debian Java-Bridge精簡安裝(免裝Tomcat)[PHP能執行JAVA]
http://vega02.blogspot.tw/2010/10/debian-java-bridgetomcat.html
Java optional parameters(差點忘記這玩意，但好像只有JAVA有)
http://stackoverflow.com/questions/1737350/java-optional-parameters
T客邦目前使用的 code 品質輔助工具
http://ascendbruce.logdown.com/posts/243326-code-quality-tool-used-in-techbang
ReactJS 初學心得
http://www.kvzhuang.net/posts/245658-reactjs-beginner-tips
PhoneGap 09 使用Plugman管理Plugins
http://blog.csdn.net/jacob_wang520/article/details/18319471
程式碼準則 by @mdo
http://lisp.es/code-guide/
快快樂樂用Homestead (PHP Framework - Laravel)
http://www.slideshare.net/warfan/homestead-42836254
discuz 的加密與解密函數authcode解析
http://www.wkii.org/discuz-encryption-and-decryption-functions-authcode-analysis.html
Python版本的autocode加解密函数
http://bbs.bccn.net/thread-300363-1-1.html
關於配色這回事
http://baggywalking.blogspot.tw/2008/02/blog-post_560.html
淺談Spine與Angular框架比較
http://jazznote.logdown.com/posts/247111-framework-of-the-discussion-on-the-spine
[R-Pi] 自動載掛外接式硬碟
http://worldofwen.logdown.com/posts/247476-r-pi-automatically-load-hanging-on-an-external-hard-drive
ReactJS Examples, Demos, Code
http://react.rocks/
ReactStar
http://rawgit.com/ndyag/react-rater/master/example/index.html
[Python] IPython簡單使用技巧速記
http://enginebai.logdown.com/posts/247825/ipython-tips
2014/11
使用 Mac 連線到 Raspberry Pi (USB to TTL)
http://chsien.logdown.com/posts/2014/07/05/mac-raspberry-pi-usb
Rails 與 AngularJS 混搭風
http://chsien.logdown.com/posts/2014/10/30/rails-and-angularjs-mixed-wind-start
Is [web] down for everyone or just me?
http://www.downforeveryoneorjustme.com/
position: sticky
註： Firefox 有支援 position: sticky ； Safari 支援 position: -webkit-stikcy
http://html5-demos.appspot.com/static/css/sticky.html
http://jsfiddle.net/jaceju/7ak0714c/
使用Skrollr.js實作視差滾動
http://blog.friendo.com.tw/posts/240944-prallax-scrolling-by-skrollr
OSQuery
http://osquery.io/
https://github.com/facebook/osquery
Fake images please?
http://fakeimg.pl/
使用 Screen 指令操控 UNIX/Linux 終端機的教學與範例
http://www.gtwang.org/2013/11/screen-command-examples-to-manage-linux-terminals.html
http://www.dotblogs.com.tw/bowwowxx/archive/2014/08/30/146410.aspx
selenium
http://www.seleniumhq.org/
http://www.jaceju.net/blog/archives/1293/
https://coscup.hackpad.com/R2-Day-1-719-XLzFyRVl62h
Scrapy
http://scrapy.org/
BeautifulSoup
http://www.crummy.com/software/BeautifulSoup/bs4/doc/index.zh.html
http://kilfu0701.blogspot.tw/2011/03/python-beautifulsoup.html
http://whhnote.blogspot.tw/2011/01/python-beautifulsouphtml.html
sql.js
※雲蝦米看到的神東西
https://github.com/kripken/sql.js
http://kripken.github.io/sql.js/documentation/
http://kripken.github.io/sql.js/GUI/
https://github.com/aitjcize/Cloud-Liu/blob/master/app/static/js/cloud-liu-loader.js
atob、btoa(encode/decode base64)
http://www.w3schools.com/jsref/met_win_atob.asp
那些 CSS 偽元素可以幫你做的 10 個效果
http://blog.mukispace.com/pseudo-elements-10-examples/
網路及平台服務程式設計
http://ccsp.ntumobile.org/syllabus.html
NodeJS入門
http://www.nodebeginner.org/index-zh-tw.html
codeacdemy
http://www.codecademy.com/
學git的好地方
http://www.codecademy.com/
Vim大冒險
http://vim-adventures.com/
OAUTH2 For Browser(Hello.js)
http://jasteralan.logdown.com/posts/241694-oauth2-for-browser
簡單做好中文排版
http://binb.tw/ebookmag/00/00.html
CSS3 pointer-events介绍
http://www.qianduan.net/css3-pointer-event-description.html
git 日常操作
http://jamestw.logdown.com/posts/242518-git-daily-operations
Git-將專案push到Github上的指定branch
http://u1413745095-blog.logdown.com/posts/242506-specified-on-the-git-push-the-project-to-github-branch
python 公開資料抓取&分析 簡易教學
http://brucecodeworld.logdown.com/posts/242429-analysis-of-public-data-capture-pandas
python公開資料抓取II ghost.py安裝教學紀錄
http://brucecodeworld.logdown.com/posts/242641-python-open-data-capture-ii-ghostpy-installation-instruction
一行CSS設定全幅頁面
http://landen.logdown.com/posts/242608-one-line-of-css-is-set-full-width-page
輕鬆學 Flux
http://andyyou.logdown.com/posts/242746-fools-learn-flux
canavas2image
https://github.com/hongru/canvas2image
有對比才有看頭！響應式Web設計的9項基本原則
http://www.uisdc.com/9-responsive-web-design-principle
jieba中文斷詞
http://blog.fukuball.com/ru-he-shi-yong-jieba-jie-ba-zhong-wen-fen-ci-cheng-shi/
jquery loading mask
jQuery BlockUI Plugin
http://jquery.malsup.com/block/
jquery-loadmask
https://code.google.com/p/jquery-loadmask/
使用 jQuery imagesLoaded 判斷圖片是否載入完成
http://augus-blog.logdown.com/posts/143399-jquery-imagesloaded
jQuery - Lazy Load - 延遲載入網頁圖片
http://edda.logdown.com/edda/194818-jquery-lazy-load-delay-loaded-web-page-graphic
使用Node.js + Express建構一個簡單的微博網站
http://blog.friendo.com.tw/posts/243576-using-nodejs-express-constructs-a-simple-microblogging-site
python - one line web server
http://bugcaptor.logdown.com/posts/243590-python-one-line-web-server
Android Studio+Genymotion安裝
http://elvin.logdown.com/posts/243446-9-looking-for-graphic-material-for-free-amazing-website
9 個尋找免費設計素材的超棒網站
http://elvin.logdown.com/posts/243446-9-looking-for-graphic-material-for-free-amazing-website
卷軸控制 position().top & setscrollTop()
http://kenjux13-blog.logdown.com/posts/243611-scroll-control-setscrolltop
Js與php之間的Json轉換
http://kenjux13-blog.logdown.com/posts/237467-js-and-php-json-conversion
Sublime Text 3 常用套件
http://peilun.logdown.com/posts/243457-favorite-sublime-text-3-packages
Parse excel file in python and ruby
http://vh21-blog.logdown.com/posts/243560-parse-xls-in-python-and-ruby
Python sort –Sort array with specific element
http://shooting.logdown.com/posts/244236-python-sort
Install Collectd with Nginx on Ubuntu 12.04
http://worldend.logdown.com/posts/244238-install-collectd-with-nginx-on-ubuntu-1204
[JAVA]字符串格式轉換
http://tianyongwei.logdown.com/posts/244845-string-format-conversion
2014/10
SweetAlert
另外，如果你要完全取代內建的 alert 函式，你可以這樣寫：
window.alert = sweetAlert;
http://jsbin.com/qeheba/1/edit
ALERTIFY.js
http://fabien-d.github.io/alertify.js/
Numeral.js 這套函式庫可以用來「剖析各種數值格式的字串」與「將數值轉成特定格式的字串」
http://numeraljs.com/
設計必備資源總匯
https://github.com/alekseykulikov/treo
發現一枚好用的 HTML5 IndexedDB 函式庫
https://github.com/alekseykulikov/treo
psdiff -simple .psd previews for git
http://filp.github.io/psdiff/
設計團隊必看！教你10招搞定WEB設計風格指南
http://www.uisdc.com/create-style-guides-skills
很有特色的一整套表情符號
http://emojione.com/
Emoji One
http://emojione.com/
CKEditor Addons - 簡易上傳圖片、檔案(SimpleUploads)、Youtube影片搜尋(CKEditor Youtube + search feature)
http://blog.friendo.com.tw/posts/238058-ckeditor-addons-easy-to-upload-pictures-archives-simpleuploads-youtube-video-search-ckeditor-youtube-search-feature
Vim教學
http://yenlung-blog.logdown.com/posts/238600-vim-teaching-01
http://yenlung-blog.logdown.com/posts/238744-vim-teaching-02-to-move-the-cursor-delete
Python慣用語
http://seanlin.logdown.com/posts/239883-python-idioms
webkit2png
http://www.paulhammond.org/webkit2png/
khtml2png
http://khtml2png.sourceforge.net/
以html2canvas制作頁面截圖列印
http://wengsi62.blogspot.tw/2013/03/html2canvas.html
[Day01] 30天挑戰演算法 - 開始
http://mycodetub.logdown.com/posts/235747-day01-algorithm-for-30-day-challenge-start
JSON Path (不是JSONP)
http://jsonpatch.com/
中、英文網頁切換的瀏覽器書籤小工具
https://github.com/miniasp/en-zh-bookmarklet
python 公開資料抓取&分析 簡易教學
http://brucecodeworld.logdown.com/posts/242429-analysis-of-public-data-capture-pandas
Web Starter Kit
https://developers.google.com/web/fundamentals/
猴子都能懂的Git入門
http://backlogtool.com/git-guide/cn/
Fork me on GitHub – CSS ribbon
https://simonwhitaker.github.io/github-fork-ribbon-css/
Pure CSS responsive “Fork me on GitHub” ribbon
http://codepo8.github.io/css-fork-on-github-ribbon/
hexo架blog初體驗(原來github也可以拿來玩當blog 0.0)
http://code.kpman.cc/2013/04/26/hexo%E6%9E%B6blog%E5%88%9D%E9%AB%94%E9%A9%97/
Sublime Text 3 Mac 指南
http://code.kpman.cc/2014/10/14/sublime-text-3-mac-%E6%8C%87%E5%8D%97/
2014/09
Bootsnipp 收集了很多常見的 UI 範例，並提供 HTML Snippets 供我們直接參考使用。
http://bootsnipp.com/
PHP 應用程式(1): 防禦型程式寫法
http://lab.asika.tw/programming/theories-and-concepts/40-strong-php-1-defensive-programming.html
本文介紹了幾個工具，讓不善於設計的朋友也可以製作出自己的圖形化資訊。
http://www.noupe.com/design/10-tools-to-create-beautiful-infographics-and-visualize-data-84300.html
HTML5 Page Visibility API
http://code.tutsplus.com/articles/html5-page-visibility-api--cms-22021
本文完整收集了所有 CSS 置中的解決方案
http://css-tricks.com/centering-css-complete-guide/
本文透過一些情境的介紹，教你如何使用 JavaScript 讓網站更聰明，更加個人化，這些情境包括：
- 透過 IP 對應的地理位置
- 時間 (星期幾)
- 拜訪的次數
當然還有其他資訊可以參考，最重要的是讓訪客感覺這個網站會依照他的狀況而有不同的呈現。
http://www.sitepoint.com/website-personalization/
FocusPoint.js
https://github.com/jonom/jquery-focuspoint
本文完整地介紹了該怎麼透過 Google Analytics ，幫我們分析出網站的 RWD 是否有正確作用在用戶的瀏覽器上。
http://www.smashingmagazine.com/2014/08/28/responsive-web-design-google-analytics/
Heatmap.js
http://www.patrick-wied.at/static/heatmapjs/
Ment.io 是一個可以讓我們在文字框中使用 @ 和 # 做出自動完成效果的 AngularJS 模組
http://jeff-collins.github.io/ment.io/
uilang
http://uilang.com/
Cross-site HTTP request (CROS)
https://developer.mozilla.org/zh-TW/docs/HTTP/Access_control_CORS
Sublime 套件
https://github.com/titoBouzout/SideBarEnhancements
Firebase
https://www.firebase.com/
DreamFactory
http://bit.ly/dreamfactory-com
html2canvas
http://html2canvas.hertzen.com/examples.html
parallax scrolling
http://jquer.in/category/jquery-plugins-for-awesome-scrolling-and-scrollbars-on-websites/
http://alvarotrigo.com/fullPage/
http://www.webhostingreviewboards.com/design/10-best-jquery-plugins-for-scrolling-effects/
http://www.devfloat.com/jquery-parallax-scrolling-tutorials/
http://www.franckmaurin.com/the-parallax-effects-with-jquery/