Archive

Archive for the ‘WebSite’ Category

實用網頁開發網站

May 17th, 2010 rockfu 4 comments

1、MySQL Format Date

MySQL Format Date 幫助你更好地使用 MySQL DATE_FORMAT 函數。只需選擇通用的日期格式,然後將其更改為滿足你需求的格式。MySQL DATE_FORMAT 代碼將會在頁面底部生成,你可以直接複製這段查詢語句。

點擊訪問:http://www.mysqlformatdate.com

2、Script Src

作為網站開發人員,天天一個一個站點打開查看 JavaScript 框架和庫的最新版本是不是很麻煩?ScriptSrc.net 彙集了所有框架和庫的最新版本,以獨立頁面的形式展現,只要一鍵點擊就可以複製種子文件的引用路徑。

點擊訪問:http://scriptsrc.net

3、Em Chart

我並不喜歡 CSS 文件中的 em 單位,但有時候又不得不面對它。在這種情況下,Em Chart 會將 em 單位轉換為像素值,讓你節省時間和麻煩。

點擊訪問:http://aloestudios.com/tools/emchart

4、Twitter API Explorer

如果你在自己的應用中使用了 Twitter API,你肯定會喜歡 Twitter API Explorer。這個網站很方便的讓你通過 Twitter API 進行搜索。更妙的是,該網站可以生成可直接使用的代碼片段。即時生成即時獲取!

點擊訪問:http://twitapi.com/explore

5、Browser Sandbox

跨瀏覽器兼容性肯定是 Web 開發人員日常工作中所要面對的大問題。Browser Sandbox 允許在網絡上運行任何 Windows 瀏覽器。唯一的不足是,你必須運行 Windows 系統:該應用程序不支持 Mac 和 Linux 操作系統。

點擊訪問:http://spoon.net/browsers

6、PHP Forms

Web 表單是網站重要的組成部分,但創造他們也很費時。那麼是否有一個可以免費快速生成表單的工具呢?PHP forms 允許你創建可擴展的、適用於大部分網站需求的表單。

點擊訪問:http://www.phpform.org

7、.htaccess editor

.htaccess 文件是網站(尤其是 WordPress 博客)必須具備的。不知道怎麼寫?沒問題,只要訪問這個網站,即可通過使用嚮導來創建 .htaccess文件。也許它並不是非常完美,但基本能滿足大部分需求。

點擊訪問:http://www.htaccesseditor.com/en.shtml

8、Smush it!

圖片可能勝過千言萬語,但同時也佔用了大量帶寬。圖像可以通過 Photoshop 等處理軟件優化,以滿足網站使用。但如果你沒有這些臃腫不堪的桌面軟件,你也不會束手無策,Smush.it 可以完全滿足你。由雅虎開發者網絡開發的在線圖片優化工具 Smush.it,能有效減少圖像大小而不降低其質量。對於 WordPress 用戶,更有方便強大的 WP-Smush.it 插件可以使用。

點擊訪問:http://developer.yahoo.com/yslow/smushit/
可在線上傳版本:http://www.mangguo.org/smush-it-hidden-online-image-optimizer/

9、CSS Compressor

特別是在有許多不同頁面佈局的網站,CSS 文件往往非常龐大,佔用大量的服務器帶寬。這個名為 CSS Compressor 的壓縮工具,可通過去除註釋、空白等不必要的字節佔用以減少 CSS 文件尺寸。更妙的是,壓縮等級可以隨心配置以滿足你的需求。

點擊訪問:http://www.csscompressor.com

10、Test everything

這個網站是必須具備的書籤:正如其名,一切都可以用它來測試,例如 XHTML 和 CSS 標記、PageRank、反向鏈接和其他更多的測試內容。

點擊訪問:http://tester.jonasjohn.de

英文原稿:10 sites developers should have in their bookmarks | CatsWhoCode
翻譯整理:值得網站開發人員收藏的 10 個網站 | 芒果

Popularity: 2%

Categories: WebSite Tags:

photoshop alice in wonderland

March 2nd, 2010 rockfu No comments

今天睡醒很無聊,想起早上在地鐵見到的alice in wonderland 那妝實在迷人,不知道化在自己身上會如何,於是我就用photoshop 幫自己化妝。

我很懶,找了以前的照片,而且還帶眼鏡,弄著弄著發現帶上眼鏡不好看,於是就用photoshop把眼鏡也ko了,但花的時間就更多了。最後的結果還不錯,我這種低等的技術能化上一個可以見人的ps 妝算是偷笑了。

晚上在繼續製作另外一幅,完工,我的鼻子還是比較大,嘴唇比較厚

le

Popularity: 4%

Categories: Design Tags: ,

設計網頁插件

February 28th, 2010 rockfu No comments

設計網頁主題時除了一些著名軟件外,測試時還需要一些工具來協助,讓主題在瀏覽器的顯示更好,移除已經錯誤,以下介紹幾個我常用的firefox插件,相當好用,除了對自己的網頁用,當然可以分析別人的網頁,參考別人是用甚麼方法達到某些效果,獲益不少的。
1. firebug
網址:https://addons.mozilla.org/en-US/firefox/addon/1843
可以查看網頁每個元素的的html,css,用來debug 相當有用,必備

2. MeasureIt
網址:https://addons.mozilla.org/en-US/firefox/addon/539
尺寸插件,以前總是慢慢輸入數據來測試寬度,這個插件就可以直接量度,不用猜來猜去了

3. ColorZilla
網址:https://addons.mozilla.org/en-US/firefox/addon/271
顏色提取工具,有時會參考其他網站的配色,這個工具只要按一下,就會復制顏色代碼,不用開圖形軟件來看了

Popularity: 4%

Categories: Design Tags: , , ,

網頁自動轉跳3個方法

February 27th, 2010 rockfu No comments

紀錄一下常用的3種網頁自動轉跳方法,例如rockfu.net 也是用自動轉跳到rockfu.net/blog,雖然我也不想用文件裝著,不過有時候對搜尋器有點用處,但有些又說不好,不夠直接,不過還是算了,放下資料夾下方便管理還是正確的。介紹幾種方法,包含javascript,meta,flash

第一種,javascript 網頁自動轉跳:

<script language="javascript">
function switchpage(){
location = "yoururl"
}
switchpage()
</script>

把上面代碼放在網頁中head中,然後把yoururl替換成你要轉的網頁地址就可以 Read more…

Popularity: 5%

Categories: Code Tags: , , ,

php photo uploader

January 6th, 2010 rockfu No comments

最近kav 和silau都正忙著他們的photo uploader,昨晚無聊間試著尋找php 的class ,包括一些 upload, check link, ftp 之類,無意之間見到一個界面和速度都不錯的相片上在系統 Chevereto,界面簡單,功能不錯,可以更改相片大小,也可以生成簡短的link,更可以輸入連結來下載更改圖片大小,同時都會出到code 給你引用到其他頁面,簡單的一頁卻包含不同的功能,真是不簡單。最神奇的是其支援PHP FTP功能,即是說可以用其他空間來擺放這些上載的圖片,那用外國那些聲稱無限空間的網存計劃來做FTP不是很不錯?

我也下載來試下,目前只是給自己用:http://imfreeman.com/uploader/,不用軟件就可以縮放圖片,很方便,適合懶人XD。我只是拿來學習用,至於能不能發揮,看你自己啦。

下載鏈接:http://chevereto.com/

Popularity: 3%

Categories: Code Tags:

Facebook 的新界面

January 4th, 2010 rockfu No comments

在Om Malik那邊看到的消息,見到可能是facebook 會更換的界面,目前的界面可能你也會發現一些問題,例如的頂部的『Profile』與自己的名字是同一個連結,從畫面來看,大致的改變不大,只是一些小變化,例如搜尋被移到logo左邊,說明facebook更重視搜尋了,因為人的視覺比較注意左邊(看書的)。『setting』被搬到Account里面了,這個是很正常的,底部的導航簡化了,不過左邊就出了一些APP。 Read more…

Popularity: 4%

Categories: WebSite Tags: