如果你從來沒有注意到,在Pinterest的網頁實際上是被顯示在響應網格瓷磚馬賽克元素的集合。作為用戶調整他的瀏覽器或查看在小屏幕設備的頁面,頁面上的網格元件被移動從一行到下一中,所有的基礎上的可用空間。這是一個很好的UX的模式,因為用戶將能夠看到所有頁面上的內容,而不必滾動橫向,只有上下。在Pinterest的克隆佈局模板的基礎是砌體,著名的jQuery插件構建響應電網 要求: ...

RWD-Calc

RWD-Calc 1.0

RWD-計算器使用一個簡單的形式,讓開發商進入一個元素的CSS選擇器,它的規模,它的父容器的寬度,margin和padding設置。服用這些值和使用JavaScript,RWD-Calc中產生一個CSS規則可用於從一個固定大小的項目變換元件至一個支撐響應佈局。基本的應用程序轉換基於像素的寬度為百分比,允許開發者添加RWD(響應網頁設計)的支持為他們的網站。該應用程序是很容易使用,可以託管自己的服務器上,或者使用,而離線 要求: ...

X-Tag

X-Tag 1.5.6 更新

X-標籤允許程序員在的形式,即元素是完全可定制的創建他們自己的自定義HTML標籤。它可以是,甚至像一些荒謬的。 這意味著開發人員可以使用預定義的模板和他們自己的事件,顯示數據,並在您希望的方式與該網站的用戶互動的基本前端組件。 完全基於官方Web組件標準,X-標籤是這個新的W3C建議工作的首要工具之一,而且肯定是一個工具,將嚴重影響開發商的方式構建未來的Web頁面。 X-標籤還帶有很多polyfills支持舊版瀏覽器上的Web組件,確保您構建不會在短短現代桌面和移動瀏覽器正確渲染的應用程序。 ...

Sanitize

Sanitize 4.0.0 更新

基於HTML引入nokogiri分析器的Ruby on,消毒是從文本塊刪除HTML白名單為基礎的系統。在“白名單”技術將允許開發人員設置,其中消毒將作為它認為“可以接受”的HTML參考使用HTML標籤的列表。不在列表中的每個其他HTML標籤將從解析的文本被除去。消毒可與符合標準的或畸形的HTML工作。庫可以檢測並過濾掉HTML標籤,屬性和協議。清洗過的文本將始終輸出為有效的HTML或XHTML。為了幫助開發人員在他們的項目開工,消毒帶有包括一些現成的配置。檢查README文件以獲取更多信息。 ...

Create.js 是一個庫,用於內容管理系統,可以讓他們的用戶編輯他們目前在網頁上內容的權利。ContentBlocks允許Create.js用Node.js的生成網站和Node.js的後端工作。就像當初的項目,ContentBlocks允許用戶編輯文本在網站上,甚至四處移動內容塊到新的崗位。。也支持所有其他原始Create.js功能 要求: ...