In short, Chrome extension(or app.) application is composed of different html, javascript, and css files. It is very simple to develop. Basically, you can consider it as a normal client-server implementation.To record some materials that I can develop my Chrome extension/app in the future, I note those as the following.English materials: Building a simple Google […]
Author: Allen
[Flash] 摘錄:好用的Falsh開發工具 FlashDevelop
適合程式設計師的Flash開發工具,對於code可以自動補足,不用一個字一個字的打,可以加快撰碼的速度,提高生產力。FlashDevelop是免費的,所以不用買Flash IDE就可以寫Flash程式。詳細的安裝與使用說明,請參見:Tony’s Blog: 好用的Falsh開發工具 FlashDevelop 一文。
[CSS] Image Sprites
在做網頁設計時,我們時常為了網站美感,在網頁中放入許多小圖(ex: 按鈕、文章標題背景、標籤) 。然而,當一個網頁有多個圖檔要載入時(ex: 30張以上),瀏覽器在解析時,會不停地發送Http Requests,使得流暢度降低,也易造成client端負擔。因此,利用CSS Sprites可減少瀏覽器對圖檔的Http Requests。此一技巧是將網頁中會用到的背景圖檔,全部集中放在一個圖片檔中,並利用 CSS 的 background-image 與 background-position 屬性將欲顯示的按鈕圖等部分顯示出來。如此,便可降低Http Requests。 例如以下語法: img.next{width:43px;height:44px;background:url(img_navsprites.gif) -91px 3px;}便是將要顯示的next區塊,背景圖設定為: 寬度:43px 高度:44px 讀取的圖檔位置:img_navsprites.gif 位移量:將圖檔向左偏移91px,向下偏移0px後,開始讀取。(若是要將圖檔向右偏移30px,向上偏移20px,則設定為background:url(img_navsprites.gif) -91px 3px;有關偏移量的解釋,請見”CSS Tutorial – The background-position Property“一文) 註:詳細CSS Sprites的教學,可參考”W3School“另外,筆者對這個還蠻有興趣的,就隨手找了幾篇文章做整理。從保哥的文章指出,IE瀏覽器跟某些個案有時候不支援background-image這種做法。因此,我們可以換另一個方式來替代:(截自extending css spriting).menu-about { width: 106px; height: 29px; position: relative; top: 0; left: -293px; }.menu-about img { position: absolute; clip: rect(0 399px 29px 293px); } […]
[C#]讀取Word, Excel, PowerPoint, PDF檔案資料
記錄找到的resource,如何用C#讀取這些常見檔案格式(三個願望,一次滿足)。 讀取PDF 1. [C#] 讀取 PDF 檔 2. How to read pdf files using C# .NET3. Extract Text from PDF in C# (100% .NET) , License: The Code Project Open License (CPOL)4. Converting PDF to Text in C#, License: The Code Project Open License (CPOL) 讀取Excel1. [C#] – 讀取Excel檔案 讀取Word1. Quick Tutorial: How To Read Microsoft Word File in C#2. Reading a word document using C# […]
[ASP.NET] 驗證碼資源
1. [C#]簡單實做Captcha (完全用.Net內建函式)http://www.dotblogs.com.tw/kennyshu/archive/2009/11/09/11504.aspx2. 如何用 ASP.NET 實做簡單的圖片驗證機制(Captcha)http://blog.miniasp.com/post/2009/06/A-Simple-Captcha-in-ASPNET.aspx3. A Simple CAPTCHA Image Verification in C# and ASP.Nethttp://codes.codedigest.com/CodeDigest/88-A-Simple-CAPTCHA-Image-Verification-in-C–and-ASP-Net.aspx4. [ASP.net WebForm] 圖形驗證碼(C#) + 前端驗證 – 懶人Codehttp://www.dotblogs.com.tw/shadow/archive/2011/10/05/38823.aspx5. [ASP.NET]圖形驗證碼 Captchahttp://chrisbalboa.pixnet.net/blog/post/27631979-%5Basp.net%5D%E5%9C%96%E5%BD%A2%E9%A9%97%E8%AD%89%E7%A2%BC-captcha6. [ASP.NET]幫Login加上驗證碼http://www.dotblogs.com.tw/topcat/archive/2010/06/06/15683.aspx7. ASP.NET 實現圖形驗證碼http://www.dotblogs.com.tw/fatty0860/archive/2008/12/12/6369.aspx
[Linux] Backup MySQL with BASH
I’ve translated my old post into English version with Italic font type. 這是一個簡單的範例程式,用來備份mysql用的。 This is a simple example program for MySQL backup. 以下假設我的MySQL使用者帳號為user,密碼為123,database名稱為db1 Assume that my MySQL account is user, password is 123 and the database name is db1. backupmysql.sh: =Edit the following content= #!/bin/sh#Program:# This code backup MySQL database with date.# Author: Allen#History:# 2009/1/1 #take datedate=`date […]
信件回條原理
自動回條功能是利用信件寄出時,即時在信尾附加上特殊的 HTML 連結。 當收信人打開此信時,就會連回您的 Webmail 做自動回條報告的登記。如此一來,收方何時觀看您的信件都將忠實地被您的所記錄著。 這也就是所謂的E-Mail Tracking功能。 但是為了在收信者的WebMail中記錄信件他/她是否已讀該信件,必須利用HTML瀏覽器的特性,將信件內容末尾加入一小段html code,而且是能夠判定該html是否已讀。所以,html不能是純文字,而必須以隱藏的圖片或是透明圖片來展現。 Ex: <img src=”http://yourdomain/xxx.php?sender=sendermail@senderdomain&receiver=receiver@receiverdomain&title=yourtitle&sendtime=YYYYMMDDhhmmss /> 參考資料 如何使用自動回條功能 非傳統式電子郵件回條 Spypig免費的信件閱讀狀況追蹤服務
[PHP] 隱藏圖片網址
最近在想說PHP如何隱藏圖片網址?因此,在手癢之下寫了一段PHP函數,來隱藏我的程式碼。有了以上的程式碼,我可以寫一個demo_picture.php,來負責處理我要顯示的圖片資源。 從上例可以得知,我們只要輸入 http://your_domain/demo_picture.php?resource_id=XXRBcFwvGmxNeV1tVS5UbwgvXy9QL0x3HWhHLw9oGDAMcEByFmxQLgRpUg==&type=picture 就可以得到圖片,而且圖片網址是隱藏的喔。
[Web Design] 用jQuery Mobile 開發Mobile Web Apps
方才筆者看到了jQuery 的手機版網頁開發:jQuery Mobile號稱由jQuery 團隊支援的手機版網頁開發APIs,有著以下特色: 以 jQuery 為核心 檔案極小 (重新製作過的核心壓縮過約80kb,加上css約48kb) 支援HTML 5,且透過 HTML5 data-* tag 來達成種種 UI 的設定 自動切換排版 支援滑鼠與觸碰事件 (Event Driven) WAI-ARIA (參見[4], [5], [6] ) 強大的佈景主題系統 ASP.NET MVC 的支援 (特別支援 ASP.Net MVC 4 ) 支援市面上大部分行動裝置 畫面一致 多樣化的 UI Progressive Enhancement & Graceful Degradation 讓對於手機程式開發不熟的網站工程師,能夠用既有的Web Design技術,開發Web Apps for Tablet or Smart Phone。 目前jQuery Mobile發展至1.1.0版,支援ToolBar, ListView, […]
[Apache] htaccess 入門/進階 教學資源
.htaccess是什麼?.htaccess幾個簡單應用 Apache .htaccess Guide & Tutorial Apache Tutorial:.htaccess file .htaccess Tutorial THE Ultimate Htaccess Advanced htaccess tutorial more .htaccess tips and tricks 8 Great Htaccess Rules To Improve Your Website 用 htaccess 來擋圖片盜連並且讓 google reader 可讀 Ultimate Guide to htaccess and mod_rewrite Mod_Rewrite and .htaccess (有詳細解說) Mod_Rewrite- Hide index.php (有詳細解說) Apache htaccess中的Rewritecond規則介紹 Extending Rules