Time of Update: 2017-02-28
文章簡介:CSS3技巧教程:css3的顏色取值方法. css顏色取值,大家對於css2版本以下顏色名稱、十六進位技法、rgb記法。以上取值記法大家都和你熟悉,css3又有什麼更另類的取值方法呢?RGBA、HSL、HSLA這三位大俠就是我們拭目以待的css3的顏色取值方法。RGBA即在css2版本中RGB記法增加了支援透明度的元素,文法也是相當容易理解:RGBA(255,0,0,0.5),這裡的透明度,取值方範圍在0-1。HSL玩過PS的童鞋應該對於這個HSL應該是很熟悉的,
Time of Update: 2017-02-28
文章簡介:什麼是Responsive設計?有的同學認為Responsive設計是調適型配置,也有的同學認為Responsive是網格布局。其實這些想法都不正確。 Responsive
Time of Update: 2017-02-28
文章簡介:分頁還是載入,這是一個問題。 無論是在web頁面還是手機應用,資訊往往無法在一個頁面全部展示,這就需要用到一些可以擴充頁面資訊的互動模式:分頁(Pagination)和載入(Continuous Scrolling)。分頁和載入都是非常常見的互動模式,我們每天都會遇到,也正是因為太常見,我們甚至感覺不到它們的存在,瀏覽到頁面的底部時,看到分頁就順手點一下,自動載入了就繼續閱讀。但正是這小小的一點,也會帶給使用者很不同的微妙感受。下面就來聊聊這些小差異帶來的大不同。
Time of Update: 2017-02-28
文章簡介:大家常見的應該是雙線邊框效果,使用頁面部分元素具有層次的效果。在CSS2中依靠的是背景圖片或者藉助相鄰兩個元素的border來實現。而現在CSS3中的box-shadow可以直接在一個元素中完成. 多邊框效果,大家常見的應該是雙線邊框效果,使用頁面部分元素具有層次的效果。在CSS2中依靠的是背景圖片或者藉助相鄰兩個元素的border來實現。而現在CSS3中的box-shadow可以直接在一個元素中完成,我們來看一個簡單的片段:<!-- HTML -->
Time of Update: 2017-02-28
文章簡介:本人從事網頁重構這一塊,也有一些自己經常使用的工具,今天與大家分享一下網頁教學網所用的工具,給大家做個參考,讓有需要的人可以更有參考和選擇的理由。我相信,每個人的選擇都有他的理由的。以下的只是我的選擇和排序。 常常會聽到群裡或論壇裡討論哪個軟體強大、哪個軟體方便等等。其實這個無論是WEB前端開發還是WEB程式的開發,都離不開開發的工具,當然,現在
Time of Update: 2017-02-28
文章簡介:IE6下不相容position:fixed屬性!在網上也看了一些資料還是不行! IE6下不相容position:fixed屬性!在網上也看了一些資料還是不行! position:
Time of Update: 2017-02-28
文章簡介:lesscss 是動態樣式表語言,他讓css增加變數,組合,函數,運算等文法。這個項目的網站在國內訪問不到,大家都懂的。 lesscss 是動態樣式表語言,他讓css增加變數,組合,函數,運算等文法。這個項目的網站在國內訪問不到,大家都懂的。lesscss使用方法有兩種:1.頁面添加一個 less.js的檔案,css使用 style.less 檔案尾碼來編寫,不過需要有伺服器的環境支援 <link
Time of Update: 2017-02-28
文章簡介:為提高團隊協作效率, 便於後台人員添加功能及前端後期最佳化維護, 輸出高品質的文檔, 特製訂此文檔. 本規範文檔一經確認, 前端開發人員必須按本文檔規範進行前台頁面開發. 本文檔如有不對或者不合適的地方請及時提出, 經討論決定後方可更改. 規範目的為提高團隊協作效率, 便於後台人員添加功能及前端後期最佳化維護, 輸出高品質的文檔, 特製訂此文檔. 本規範文檔一經確認, 前端開發人員必須按本文檔規範進行前台頁面開發. 本文檔如有不對或者不合適的地方請及時提出,
Time of Update: 2017-02-28
文章簡介:我可以確定Clip屬性有很多同學並不知道,因為這個屬性使用率非常的底,我初次接觸是在Drupal的主題之中,他們有一段用來隱藏文本的代碼,就是使用的clip屬性。 Clip屬性是大家經常會誤解的一個屬性,這篇文章協助大家充分的瞭解和學習clip屬性,用這個屬性製作出更好的效果。我可以確定Clip屬性有很多同學並不知道,因為這個屬性使用率非常的底,我初次接觸是在Drupal的主題之中,他們有一段用來隱藏文本的代碼,就是使用的clip屬性。/* Hide only
Time of Update: 2017-02-28
文章簡介:深入理解BFC和Margin Collapse. BFC的理解與應用首先我們來看看w3c規範對BFC的解釋,其實對於這種概念的學習上,我們總是建議首先尋找官方的定義,因為原則上來說官方的才是最權威和正確的,而且還比較詳細,千萬不要因為看到英文就畏懼不前。什麼是BFC(Block formatting contexts)w3c規範中的BFC定義:浮動元素和絕對位置元素,非塊級盒子的塊級容器(例如 inline-blocks, table-cells, 和
Time of Update: 2017-02-28
文章簡介:今天就和大家來講講響應式布局這件小事,包含什麼是響應式布局、響應式布局的優點和缺點以及響應式布局該怎麼設計(通過CSS3 Media Query實現響應布局)。
Time of Update: 2017-02-28
文章簡介:早前聽說Nodejs和Grunt很強大,特別是用來構建自動化的前端開發,更是強大無比。但一直礙於自己掌握的技術有限,不敢深入,也未曾深入下去。最近在開始學習SASS,也慢慢的接觸這方面的東西。為了能更好的讓SASS項目實現自動化編譯,打算使用Nodejs和Grunt來試試。 早前聽說Nodejs和Grunt很強大,特別是用來構建自動化的前端開發,更是強大無比。但一直礙於自己掌握的技術有限,不敢深入,也未曾深入下去。最近在開始學習SASS,也慢慢的接觸這方面的東西。
Time of Update: 2017-02-28
文章簡介:HTML5與CSS響應式圖片。 隨著 Retina 螢幕的逐漸普及,網頁中對圖片的適配要求也越來越高。如何讓圖片在放大了兩倍的 Retina 螢幕顯示依然清晰,曾經一度困擾著網頁開發人員,好在 CSS3 與 HTML5
Time of Update: 2017-02-28
dip: device independent pixels(裝置獨立像素). 不同裝置有不同的顯示效果,這個和裝置硬體有關,一般我們為了支援WVGA、HVGA和QVGA cwj推薦使用這個,不依賴像素。 px: pixels(像素). 不同裝置顯示效果相同,一般我們HVGA代表320x480像素,這個用的比較多。 pt: point,是一個標準的長度單位,1pt=1/72英寸,用於印刷業,非常簡單易用; sp: scaled pixels(放大像素). 主要用於字型顯示best for
Time of Update: 2017-02-28
JavaScript在web應用程式開發前端技術和後端技術的邏輯與運行一塊佔有越來越大的比重.為了協助維護和逐一查看前期邏輯和模組性,MVC模式在近幾年中漸漸普及。其中一種運用廣泛的MVC架構就是Backbone.js。Backbone中的Models(模型)、Views(視圖)和Controller(控制器)Backbone.js包含以下幾個主要功能: 建立模型(以及模型集合); 建立視圖; 管理綁定,管理事件兼用不同的模型以及視圖與架構其他部分的聯絡;
Time of Update: 2017-02-28
文章簡介:我們要對盒模型添加陰影怎麼辦呢?其實它的用法與text-shadow用法一樣,只不過屬性名稱是box-shadow。
Time of Update: 2017-02-28
文章簡介:要是我只能記住一件事我希望是使用者體驗的本質,設計師們和企業需要把瞭解甚至理解使用者體驗的本質當做一種專業精神,一個目標甚至說是理想。 這些我花了13年的時間去踐行。 身為一名使用者體驗專業人士,我有職責將它發揚光大。我嘗試各種能夠推廣它的方法——我寫書,寫文章,世界各地演講,
Time of Update: 2017-02-28
文章簡介:純css3圓角相容ie6. pie使css3的屬性在ie中正常顯示(純css3圓角相容ie6)今天在群裡看到gucong說的,寫一下筆記。[成都]gucong(35803719) 15:07:19 PIE給我們帶來了CSS3屬性在IE中的支援 selectivizr給我們帶來了CSS3選取器在IE中的支援
Time of Update: 2017-02-28
我們已經知道了很多HTML5新增的屬性,比如placeholder、download、autofocus等,還有個新的可能會常用的屬性hidden,也是蠻好用的,這裡簡單介紹下~~用法很簡單:123<div hidden> You can't see
Time of Update: 2017-02-28
文章簡介:淺談document.all與WEB標準. 1、DOM