如果引用或轉貼,麻煩註明出處與本網誌連結,否則視為侵權。

2016年9月20日

CSS線上開發工具整理

作者: Fred Wang (FW知識瑣記) 日期: 2016/9/20

語法檢查
1. Online CSS Validator (CodeBeautify.org)  http://codebeautify.org/cssvalidate
2. CSSLint http://csslint.net/

線上執行/測試
1. CSS Desk - Online CSS Sandbox http://www.cssdesk.com/

程式碼壓縮/解壓縮工具
1. CSS Beautify and Minify http://codebeautify.org/css-beautify-minify
4. CSS Drive Gallery- CSS Compressor http://www.cssdrive.com/index.php/main/csscompressor/

程式格式調整/美化
2. CSS Organizer http://www.styleneat.com/
3. ProCSSor - Advanced CSS Prettifier http://tools.maxcdn.com/procssor/

CSS產生器
2. Free CSS Form Layout code generator http://www.maketemplate.com/form/ 
3. CSS Button Generator http://css3buttongenerator.com/
4. CSS Button Generator: Create HTML and CSS Button Styles http://www.bestcssbuttongenerator.com/
5. Ultimate CSS Gradient Generator - ColorZilla.com http://www.colorzilla.com/gradient-editor/
6.  Patternify | A CSS Pattern Generator http://www.patternify.com/
7. Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS http://enjoycss.com/
8. CSS3 Generator http://css3generator.com/
9. The ultimate CSS tools for web designers | CSSmatic http://www.cssmatic.com/
10. CSS Type Set http://csstypeset.com/

Javascript 線上開發工具整理

作者: Fred Wang (FW知識瑣記) 日期: 20160920

語法檢查
1. Javascript Validator (PiliApp.com) http://www.piliapp.com/javascript-validator/
2. Online Javascript Validator (CodeBeautify.org) http://codebeautify.org/jsvalidate
3. JSCodeSniffer Online - Check your JavaScript code style online  http://dsheiko.github.io/jscodesniffer/
5. JSLint,The JavaScript Code Quality Tool http://www.jslint.com/

線上執行/測試
1. JSFiddle http://jsfiddle.net/
2. JS Bin -  Collaborative JavaScript Debugging http://jsbin.com/guyogigehi/edit?css,js,output
3. JavaScript Viewer  (CodeBeautify.org) http://codebeautify.org/jsviewer
4. Online regex tester and debugger - Javascript https://regex101.com/#javascript
5. Compile Javascript online http://rextester.com/l/js_online_compiler

程式碼壓縮/解壓縮工具
1. Online JavaScript unminify http://unminify.appspot.com/
2. JavaScript Viewer  (CodeBeautify.org) http://codebeautify.org/jsviewer
3. ifreesite js-html formatting http://www.ifreesite.com/js-html-formatting/

程式格式調整 /美化
1. Online Javascript Beautifier http://jsbeautifier.org/
2. ifreesite js-html formatting http://www.ifreesite.com/js-html-formatting/