6.06.2014

[Linux] Jpeg, PNG Image Optimization / Compress on Centos

運用 jpegoptim & Optipng 進行圖片壓縮,並安裝於 Centos 6.5 (x86_64)系統,以下為安裝步驟:

Step 1.

  • 安裝擴充套件( EPEL Repo)於 CentOS 6.5 (x86_64):
           
        rpm -ivh http://dl.fedoraproject.org/pub/epel/6Server/x86_64/epel-release-6-8.noarch.rpm
     

Step 2.

  • 安裝 jpegoptim & Optipng:
           
        yum install jpegoptim optipng
     

5.13.2014

[QR Code] 線上製作 QR Code 工具


QRHacker
運用QRHacker QR Code 線上製作工具,可以加上特別設計的Logo圖片,可創造出不一樣的QRCode設計圖。


[WEB] HTML5 Developer Tools & Cloud IDEs

HTML5 Developer Tools & Cloud IDEs...

Detection:
  •     Modernizr: 用來偵測瀏覽器對 HTML5 / CSS3 支援程度的Library。

[JS] 在IE8下支援 HTML5 和 CSS3


        為了在 IE 8 版本以下瀏覽器支援  HTML5 和 CSS3語法,可以運用 Html5shiv.js 和 Respond.min.js 這兩隻 JS 來讓 IE 6, IE 7, IE 8瀏覽器能支援HTML5 和 CSS3語法。


在head區加入 meta 標籤:
<!--[if lt IE 9]>
  <script type="text/javascript" src="js/html5shiv.js"></script>
  <script type="text/javascript" src="js/respond.min.js"></script>
 <![endif]-->

5.08.2014

[工具] Sublime Text 2 安裝紀錄

以下整理 Sublime Text2 文字編輯器的安裝方法及相關套件。


. 第一個安裝的plugin:(https://sublime.wbond.net/installation#st2)
先按ctrl+`,並貼上下列命令:
import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

4.30.2014

[.net] asp.net 驗證控制項


asp.net 驗證控制項 :
  1. 驗證使用者是否輸入資料 (RequiredFieldValidator)
  2. 驗證 e-mail 格式 (RegularExpressionValidator)
  3. 驗證 行動電話 格式 (RegularExpressionValidator)

4.29.2014

[CSS] Normalize 重置樣式


Cross-Browser Issues,CSS Reset 的另外一種選擇,但不支援「IE 6」及「IE 7」兩個版本


連結:Normalize.css