很是棒的jQuery排版用插件

一個網站的設計,排版是一個很是重要的組成部分。但它也經常被忽視。在這篇文章中,我編了最棒的jQuery插件,以便於來控制您的網站的排版。php

FitText.js前端

FitText是一個簡單的jQuery插件,能夠自動使文本適合它的父元素的寬度。jquery

下載:http://fittextjs.com/app

Lettering.js工具

雖然CSS3的@ font-face的指令已經有了明顯的改善網頁排版,它並無提供完整的到字母的控制。這就是爲何要建立 Lettering.js。若是你正在尋找一個簡單的解決方案,讓您的標題,每個單個字母的控制,那麼這個插件正是給你的。測試

下載:http://letteringjs.com/字體

演示地址  http://www.kernjs.com/動畫

Kern.js網站

當我建立設計或前端,Kern.js 不只是一個jQuery插件,仍是一個書籤,容許您從網站編輯文本:使他們增大,旋轉字母,增長空間。。。是一個用於測試和尋找新的可能性的很是有用的工具。.net

下載:kernjs.com

SlabText.js

SlabText是一個很是有用的jQuery插件,能夠分割成調整大小的每一行的行前的頭條新聞,以填補可用的水平空間。基本上,這意味着,不管任何客戶端屏幕大小,您的標題老是會很好看。一個必須具有的響應網站!

下載:http://www.frequency-decoder.com/2012/01/08/slabtext

Bacon.js

Bacon是一個jQuery插件,可讓文字圍繞一個貝塞爾曲線或直線。雜誌般的包裹的文字效果很是酷!

下載地址:http://baconforme.com/

Approach

Approach是一個有趣的插件,若是你想給一個文本文件(例如,一個動做性按鈕)一種特殊的效果,吸引讀者的關注。這個插件與jQuery動畫工做方式很是類似,但它的動畫距離,而非時間。你越接近的文本,能夠應用更多的風格。

下載:http://srobbin.com/jquery-plugins/approach/

Arctext.js

這裏是另外一個很酷的插件,Lettering.js 的基礎上,沿着彎曲的路徑排列每一個字母。能夠很是好的用於標題,頭條或其餘花哨的文本。

下載:http://tympanus.net/codrops/2012/01/24/arctext-js-curving 

jMetronome

根據24ways.org,垂直節奏的間距和排列的文字,讀者降低的頁面,三個因素組成:字體大小,行高,間距或填充。全部這些因素都應當心計算,以便於保持節奏。

jMetronome是一個jQuery插件,它能夠在您的網頁上保持正確的垂直節奏,即便它們包含例如圖片或視頻的媒體元素。

下載:http://www.fortes.com/2008/jmetronome-using-jquery-to-keep-typographic-rhythm

 中文發佈地址:http://www.aodod.com/bencandy.php?fid-12-id-378-page-1.htm

相關文章
相關標籤/搜索