2012年12月19日 星期三

免費資源社群網站




免費資源網路社群成立於 2006 年台灣高雄,是一個以免費資源為主題的部落格,最初是一邊摸索一邊寫出的靜態網頁,後來轉移為 WordPress 平台。目前站內有大約 90 個分類以及 3,000 篇以上的文章,已經從免費逐漸走向各類的資訊議題,包括手機應用程式(Apps)介紹和圖文教學等等內容。
截至 2012 年,已經有超過三千萬名訪客造訪過這裡,帶來約八千萬次的瀏覽量,我們在免費及資訊內容持續耕耘,讀者可以在這裡找到網路上大部分堪用的免費資源,節省上網搜尋所耗費的時間。

提供大量免費資源及實用資料,同時,它介紹很多國外的免費素材,在設計上,找不到合適素材時,可以前往那邊找看看。


http://www.freegroup.org/



2012年12月13日 星期四

男丁格爾



介紹許多Javascript特效、HTML5、CSS3等等的網頁程式,網站內容豐富,十分推薦給經常製作網頁特效的朋友。

初學者可以在這邊多多學習,有提供原始碼做參考。

http://abgne.tw/



2012年12月12日 星期三

提供更改scroll bar 的 Javascript



提供更改scroll bar 卷軸 的 JS  (非 IE也適用)

有各種卷軸樣式及原始碼,讓我們的設計的網頁卷軸多點變化性吧!

http://jscrollpane.kelvinluck.com/index.html#examples




WEB代碼酷


超多實際的Javascript特效、JQuery特效範例,提供不少原始碼的教學與範例。  

分類很豐富,歡迎製作網頁的朋友前往參觀。

http://www.aspxcs.net/



有趣的照片特效網站


十分直覺化的網站,運用超多攝影修片特效,整體使用起來充滿趣味性。

有興趣可以使用看看,即使不會修片,也可以玩得很開心。

http://pixlr.com/o-matic/



網頁製作教學


許多實用的網頁教學,包含網頁製作軟體介紹、HTML教學等等,以及不錯的網站介紹。

http://kh.k12.edu.tw/1000510633/webpg1203/index.htm

50 + Web 開發人員非常有用的JavaScript特效


在這裡,我們準備了一個長長的清單Javascript特效。它包括照片庫,社交網絡等的影響,使得圖形化的情節,工具提示等。如果你是一個Web開發人員,你一定不會錯過這個名單。從他們身上,你可能會得到一些啟示。現在,讓我們開始。

http://ntt.cc/2011/04/06/50-very-useful-javascript-effects-for-web-developers.html

國外創意網站設計:40個精美的水平滾動網站作品


我們平常見到的網站基本上都是垂直滾動,那麼水平滾動的網站是怎麼樣的滾動形式呢?下面向大家展示40個創意的水平滾動網站作品,這些網站使用了jQuery等優秀的JavaScript 庫來實現平滑的水平滾動動畫效果,相信這些優秀的網站作品一定能帶給你不一樣的瀏覽體驗。

http://www.yixieshi.com/web/11746.html

CSS3

層疊樣式表(英語:Cascading Style Sheets,簡寫CSS),又稱串樣式列表,由W3C定義和維護的標準,一種用來為結構化文件(如HTML文件或XML應用)添加樣式(字型、間距和顏色等)的電腦語言。目前最新版本是CSS2.1,為W3C的候選推薦標準。CSS3現在已被大部分現代瀏覽器支援,而下一版的CSS4仍在開發過程中。


Javascript


JavaScript是一種廣泛用於客戶端網頁開發的腳本語言,最常是於HTML上使用,用來給HTML網頁添加動態功能。
然而JavaScript也被用於不同的介面上,如伺服器。它最初由網景公司的Brendan Eich設計,是一種動態、弱型別、基於原型的語言,內建支援型別。JavaScript是甲骨文公司的註冊商標。[4] Ecma國際以JavaScript為基礎制定了ECMAScript標準。JavaScript也可以用於其他場合,如伺服器端編程。完整的JavaScript實作包含三個部分:ECMAScript,文件物件模型,瀏覽器物件模型。

Netscape在最初將其腳本語言命名為LiveScript,後來Netscape在與Sun合作之後將其改名為JavaScript。JavaScript最初受Java啟發而開始設計的,目的之一就是「看上去像Java」[5],因此語法上有類似之處,一些名稱和命名規範也借自Java。但JavaScript的主要設計原則源自Self和Scheme[6]。JavaScript與Java名稱上的近似,是當時網景為了行銷考慮與昇陽電腦達成協議的結果。為了取得技術優勢,微軟推出了JScript來迎戰JavaScript的腳本語言。為了互用性,Ecma國際(前身為歐洲電腦製造商協會)建立了ECMA-262標準(ECMAScript)。現在兩者都屬於ECMAScript的實作。儘管JavaScript作為給非程式人員的腳本語言,而非作為給程式人員的程式語言來推廣和宣傳,但是JavaScript具有非常豐富的特性。JavaScript是一種廣泛用於客戶端網頁開發的腳本語言,最常是於HTML上使用,用來給HTML網頁添加動態功能。

然而JavaScript也被用於不同的介面上,如伺服器。它最初由網景公司的Brendan Eich設計,是一種動態、弱型別、基於原型的語言,內建支援型別。JavaScript是甲骨文公司的註冊商標。[4] Ecma國際以JavaScript為基礎制定了ECMAScript標準。JavaScript也可以用於其他場合,如伺服器端編程。完整的JavaScript實作包含三個部分:ECMAScript,文件物件模型,瀏覽器物件模型。

Netscape在最初將其腳本語言命名為LiveScript,後來Netscape在與Sun合作之後將其改名為JavaScript。JavaScript最初受Java啟發而開始設計的,目的之一就是「看上去像Java」[5],因此語法上有類似之處,一些名稱和命名規範也借自Java。但JavaScript的主要設計原則源自Self和Scheme[6]。JavaScript與Java名稱上的近似,是當時網景為了行銷考慮與昇陽電腦達成協議的結果。為了取得技術優勢,微軟推出了JScript來迎戰JavaScript的腳本語言。為了互用性,Ecma國際(前身為歐洲電腦製造商協會)建立了ECMA-262標準(ECMAScript)。現在兩者都屬於ECMAScript的實作。儘管JavaScript作為給非程式人員的腳本語言,而非作為給程式人員的程式語言來推廣和宣傳,但是JavaScript具有非常豐富的特性。



Flash

Adobe Flash,前稱Macromedia Flash,簡稱Flash,前身FutureSplash,既指Adobe Flash Professional多媒體創作程式,也指Adobe Flash Player。自從Macromedia公司於2005年12月3日被Adobe公司收購,Flash也就成為了Adobe旗下的軟體。2011年11月9日,Adobe 公司宣布停止開發個人電腦平台以外的Flash,而專注於開發非專利標示語言HTML5。

被大量應用於網際網路網頁的向量動畫檔案格式。
使用向量圖形(Vector Graphics)的方式,產生出來的影片佔用儲存空間較小。
使用Flash創作出的影片有自己的特殊檔案格式(swf)
該公司聲稱全世界97%的網路瀏覽器都內建Flash播放器(Flash Player)
是Adobe提出的「富網際網路應用」(RIA)概念的實作平台
Flash6之後版本納入物件導向程式概念。與其他語言比較,不論是在資料庫、XML、PHP等各種平台上,都能更進一步的相互結合應用。
從使用者體驗的角度,是目前最好的前端技術。


網頁設計


網頁設計是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過網際網路傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。

簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIFs, JPEGs,PNGs)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。而更複雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要外掛程式程序來運行,同樣地它們亦需要標示語言移植在網站內。

隨著瀏覽器和W3C標準一致性的改善,以及無表格網頁設計的認同性增加,超文件標示語言與層疊樣式表共同用作網頁內容的設計已經被廣泛的接受和使用。最新的標準和建議則是朝著瀏覽器的能力擴充和改善發展,使之能夠不需要外掛程式程序也能夠給用戶傳輸多媒體信息和更多的選擇。


HTML5

HTML5是HTML下一個主要的修訂版本,現在仍處於發展階段。

目標是取代1999年所製定的HTML 4.01和XHTML 1.0 標準,以期能在網際網路應用迅速發展的時候,使網路標準達到符合當代的網路需求。廣義論及HTML5時,實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對於需要外掛程式的豐富性網路應用服務(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,與Oracle JavaFX的需求,並且提供更多能有效增強網路應用的標準集。