原创 字體圖標資料鏈接收集

1、19套最新的免費圖標字體集:http://www.cnblogs.com/chu888chu888/archive/2012/12/22/2829057.html 2、http://www.bootcss.com/p/font-aw

原创 前端性能優化技術集錦

轉自:http://www.w3cplus.com/collective-4.html 前端性能優化技術集錦 網站速度直接影響用戶體驗,在這裏收集了前端性能優化衆多技術文章。包括了http狀態代碼、Google

原创 如何製作自己的網頁字體圖標

本文由韓聰根據Heydon Pickering的《How to make your own icon webfont》所譯,整個譯文帶有我們自己的理解與思想,如果譯得不好或不對之處還請同行朋友指點。如需轉載此譯文,需註明英文出處:ht

原创 網站性能優化之CSS無圖片技術

一、無圖片技術定義 在不使用CSS Image(通過CSS的引入的背景圖片,不包括img標籤內的圖片)情況下生成類似圖片效果的技術;換句話的意思就是在使用純CSS生成類似圖片效果的技術。二、爲什麼要“無圖片”? 首先我們通過yslow的

原创 《js倒計時效果》之限時搶

學習資源來自慕課網《js倒計時效果》:http://www.imooc.com/learn/59。 本課程有三個小例子,循序漸進。跟着視頻教程練習編寫了三個例子的代碼,現將學到的關鍵點及代碼總結如下: 1. js代碼實現年月日 、星期、時

原创 自定義Bootstrap

特別聲明:此篇文章由Sunnylost根據Thomas Park的英文文章原名《Customizing Bootstrap》進行翻譯,整個譯文帶有我們自己的理解與思想,如果譯得不好或不對之處還請同行朋友指點。如需轉載此譯文,需註明英文

原创 JSON

轉自:http://blog.csdn.net/itlwc/article/details/9842583 JSON簡介 [plain] view plaincopy JSON指的是JavaScript對象表示法

原创 bootstrap的js插件體驗

學習資源來自慕課網的編程練習:http://www.imooc.com/code/3680 使用bootstrap的Carousel實現圖片輪播效果,這裏測試了一把,代碼如下: <!DOCTYPE html> <html lang="z

原创 加載,不只是少一點點

HTML5自打出生就註定要開始它不平凡的一生,各大科技公司都對其寄予厚望,並紛紛進行嘗試。蘋果、谷歌、微軟陸續推出HTML5展示頁面,各大視頻網站也相繼宣佈支持HTML5視頻技術,HTML5地理定位技術更如雨後春筍,在國外社交網站得到應

原创 如何把你的圖標轉換成web字體

本文由大漠根據Martin Gittins的《How to turn your icons into a web font》所譯,整個譯文帶有我們自己的理解與思想,如果譯得不好或不對之處還請同行朋友指點。如需轉載此譯文,需註明英文出處

原创 《js動畫效果》之鏈式運動

學習視頻資源來自慕課網《js動畫效果》:http://www.imooc.com/learn/167。 根據視頻所講,所謂鏈式運動,即多個動畫效果依次發生,eg: 讓一個物體先變寬,然後變高。這節課程的代碼實現建立在前幾節課程的基礎上,要

原创 @font-face製作Web Icon

@font-face是CSS3中有關於字體設置的屬性,通過@font-face可以將本地字體設置爲Web頁面字體,並能兼容所有瀏覽器,使用這個屬性就不必擔心用戶本地不具備這樣的字體。因爲我們把字體都上傳到服務器上,不過這樣一來很多人擔心

原创 Inline SVG vs Icon Fonts

本文由大圓根據Chris Coyier的《Inline SVG vs Icon Fonts [CAGEMATCH]》所譯,整個譯文帶有我們自己的理解與思想,如果譯得不好或有不對之處還請同行朋友指點。如需轉

原创 《js動畫效果》之多物體動畫

學習資源來自慕課網《js動畫效果》:http://www.imooc.com/learn/167。 多物體運動——給多個元素加上同一動畫效果,比如下面兩個例子: 1. 網頁上有一ul, ul中有三個li元素,要求鼠標移到(onmouseo

原创 爲什麼要用和如何使用字體圖標

本文由Spy根據Steven Bradley的《Why And How To Use Icon Fonts》所譯,整個譯文帶有我們自己的理解與思想,如果譯得不好或不對之處還請同行朋友指點。如需轉載此譯文,需註明英文出處:http://