CSS屬性選擇器高級用法及選擇器優先級問題：CSS選擇器之屬性選擇器 1：[attr] 存在此屬性即可 2：[attr = 'attr_value'] 屬性值為給定值即可 3：[at...

CSS代碼重構與優化之路

第二種方案需要在前端 js 解析二維碼。這樣依賴一個第三方的解析庫jsqrcode。這個庫已經支持在瀏覽器端呼起攝像頭的操作了，但是依賴一個叫getUserMedia的屬性。該屬性移動端的瀏覽器...

隨著web的發展，網站資源的流量也變得越來越大。據統計，60%的網站流量均來自網站圖片，可見對圖片合理優化可以大幅影響網站流量，減小帶寬消耗和服務器壓力。

如何讓頁面盡可能早地渲染頁面，頁面更早可見，讓白屏時間更短，尤其是無線環境下，一直是性能優化的話題。

在前端開發中，往往需要對默認元素的樣式進行修改。然而有的元素卻不是那么容易就能找到它所對應的樣式的

前段時間折騰Gulp，主要是搜尋一些插件，組合之以優化前端開發流程。這段折騰歷程除了達成所愿外，給予最大的收獲是：只要你想實現某功能，基本就已有對應插件供使用；所需要做的只是去發現她，外加”臨幸”她而已。

本人大學時玩dojo，開始了AMD模塊化的不歸路，工作后一直使用requirejs，感覺非常好。但是，近來隨著react的火熱，webpack成為了天下無敵的模塊化工具，能做模塊化，合并壓縮，監...

Bootstrap面包屑導航、分頁、標簽、徽章

說道 React，很容易可以聯想到 Flux。今天以 React 介紹及實踐教程 一文中的demo為示例，簡單說說 Flux 的開發方式。

基于html5、css3的bootstrap，具有下面這些誘人特性：

最近看到《圖解CSS3》的布局部分，結合自己以前閱讀過的一些布局方面的知識，這里進行一次基于CSS2、3的各種布局的方法總結。

我做了一個 Web 本地圖片 canvas 截取上傳 的demo。發現了幾個問題，記錄下： 1. Canvas 元素大小 (css width height) 和表面大小(canvas 自身的...

今天偶然發現電腦里面還有這樣的一個例子，感覺效果還不錯，不記得啥時候下載的了，也好久沒上w3cfuns了，懷念學習前臺的日子，給大家分享下。

本來準備寫一個支持多圖片拖拽上傳的例子，但是為了更好的理解，先介紹一下HTML5的拖放。

form提交會刷新頁面，很難做到異步上傳；flash可能是用得比較多了，因為可以兼顧到幾乎所有的瀏覽器，我之前一直會用jquery的uploadify作為項目中的上傳工具，uploadify也有...

上一篇已經實現了這個項目的整體的HTML和CSS：

一般的視頻網站對于用戶上傳的視頻，在用戶上傳完成后，可以對播放的視頻進行截圖，然后作為視頻的展示圖。項目中也可以引入這樣的功能給用戶一種不錯的體驗，而不是讓用戶額外上傳一張展示圖。

HTML5 CSS3 專題 ：誘人的實例 3D旋轉木馬效果相冊

強化下perspective和transform:translateZ的用法。傳統的商品展示或許并不能很好的吸引用戶的注意力，但是如果在展示中添加適當的3D元素，~說不定效果不錯哈~