網(wǎng)頁設(shè)計開發(fā)人員有用的編碼工具和JavaScript庫
也許我們應(yīng)該向您發(fā)出警告前期長期編譯，但我們可以說-有這么多優(yōu)秀的工具，值得全社會關(guān)注的的，但不幸的是往往保持晦澀的方式 。我們熱愛所有的設(shè)計者和開發(fā)者有釋放和生產(chǎn)有用的，我們所有的人使用寶貴的資源！我們，一，肯定衷心感謝在網(wǎng)頁設(shè)計社區(qū)的名稱 。不管你喜歡還是不喜歡，這里的一些最有用的編碼和最近發(fā)布的工作流工具。
隨意評論這篇文章，讓我們知道究竟是如何使用這些工具和您的工作流程也分享你與其他人也可能會發(fā)現(xiàn)他們是有用的，仍然沒有碰上他們發(fā)現(xiàn)的其他工具。請避免鏈接下降，并分享您的見解和經(jīng)驗(yàn)，而不是。
有用的編碼和工作流程工具
條紋：輕松信用卡網(wǎng)上商店處理
一個網(wǎng)站所有者有很多選擇，接受信用卡付款 。這些選項大多有一個驗(yàn)證的過程是相當(dāng)緩慢的，有些人都或多或少地比別人強(qiáng)大的API和接口;和一些解決方案比其他人更容易使用。隨著條紋，你可以忘記繁瑣的貝寶API和其他神秘的編程環(huán)境的經(jīng)驗(yàn)。不幸的是，條紋是目前僅在美國。
Web開發(fā)的仙境
Web開發(fā)帶有真正愉快的，有創(chuàng)意的任務(wù)和一些平凡，枯燥的。也許最令人沮喪的的任務(wù)是在開發(fā)過程中的瀏覽器頁面重載或調(diào)試每次您更改頁面 。Livereload是一個桌面應(yīng)用程序，監(jiān)視文件系統(tǒng)中的的變化 。只要你保存文件，該文件是預(yù)處理的需要，并刷新瀏覽器。另外，每次更改一個CSS文件或圖像，瀏覽器是即時更新，而無需重新加載頁面 。該工具支持CoffeeScript，上海社會科學(xué)院/ SCSS，少，手寫筆，HAML及玉器，并與他們列入。目前適用于Mac。
安德：單片JavaScript庫的
結(jié)束安德允許你搜索，安裝，管理和編譯前端的JavaScript包及其依賴。從本質(zhì)上講，它是一個命令行工具，讓您有合并和混合所有的流行和小JavaScript庫創(chuàng)建自己的個人開發(fā)庫。如果您使用一個庫壞了，或放棄，安德將幫助您快速替換另一個 。如果你需要一個特定版本的軟件包，該工具可以幫助你以及?發(fā)布網(wǎng)頁中包含有詳細(xì)的文檔，用戶指南和一些視頻教程。沒有更多的帶寬浪費(fèi)！
開源的匯率和貨幣
轉(zhuǎn)換，所以，您想您的客戶能夠在各種貨幣購買你的產(chǎn)品，但究竟如何你建立這個功能到你的產(chǎn)品？尋找開發(fā)一個免費(fèi)而可靠的的的API來訪問率的數(shù)據(jù)是混賬。喬絲Crowcroft創(chuàng)造一個開源匯率的API，它提供了最新，靈活和便攜的貨幣轉(zhuǎn)換可以在任何應(yīng)用程序，框架或語言（不只是JavaScript）的中使用的數(shù)據(jù)。它有沒有接入費(fèi)，無速率限制，沒有討厭的XML：只是自由，每小時更新JSON匯率 。更妙的是：喬斯還內(nèi)置money.js，?一個?JavaScript?貨幣轉(zhuǎn)換庫可以很容易地在任何網(wǎng)站集成。一個演示操場和在網(wǎng)站上提供詳細(xì)的文檔，源代碼是在GitHub上。
這簡單，微小的JavaScript?庫，更簡單的數(shù)字和貨幣格式將解決您的貨幣和數(shù)字格式的麻煩，甚至包括可選的Excel風(fēng)格的列渲染線符號和小數(shù)。它將使您所有的數(shù)字和貨幣看起來更統(tǒng)一和專業(yè)的比他們?nèi)绻x開了許多內(nèi)容創(chuàng)作者。
傾斜Firefox擴(kuò)展：在3 - D DOM檢查
多少時間你花費(fèi)在Firebug的DOM遍歷，探索節(jié)點(diǎn)之間的關(guān)系，分析代碼的結(jié)構(gòu)和試圖操縱它與討厭的（或不那么討厭）的 JavaScript？那么，也許你想嘗試不同的方法來改變DOM檢查。Mozilla的新工具，傾斜Firefox擴(kuò)展可以讓你在3 - D可視化的任何網(wǎng)頁的DOM樹。因?yàn)镈OM本質(zhì)上是一種文檔樹的代表性，該工具的開發(fā)已經(jīng)決定在一棵樹上筑巢基于層節(jié)點(diǎn)，創(chuàng)建堆棧的元素，每一個相應(yīng)的深度，并根據(jù)網(wǎng)頁的質(zhì)感正在呈現(xiàn)。
牟-降價編輯器，Web開發(fā)人員，Mac OS
X上，幾乎所有目前可用的降價編輯一般作家，諒解備忘錄是不同的：對于Web開發(fā)人員的。語法高亮顯示，實(shí)時預(yù)覽，全屏模式，自動保存，有力的行動，自動配對，漸進(jìn)式搜索，自定義主題，HTML導(dǎo)出，增強(qiáng)的CJK字符支持。這正是你想要的應(yīng)用程序。
創(chuàng)建投放效果聲
，一個頁面的主題，讓游客簽署了使用他們的電子郵件。簽約后，頁面生成一個特殊的URL他們與朋友分享，使您可以跟蹤您最積極推動者，并獎勵他們傳播這個詞 。什么，你需要從發(fā)射前的頁面 ？這是一個很好的工具書簽為你的下一個創(chuàng)造性的突破或啟動的想法。
更好的響應(yīng)電網(wǎng)
金網(wǎng)格系統(tǒng)使用的“折疊”網(wǎng)格列的概念，到一個基于瀏覽器的大小 。因此，在桌面瀏覽器的偉大工程的16列的網(wǎng)格會向下折疊片8列網(wǎng)格，并為移動設(shè)備的4列的網(wǎng)格。它可以處理范圍任何地方從240個像素寬一路高達(dá)2560像素的屏幕尺寸。列本身是沒有彈性要么唯一的東西，而列的寬度是屏幕尺寸，排水溝寬度調(diào)整的基礎(chǔ)上頁面的字體大小（EMS指定） 。金網(wǎng)格系統(tǒng)的配備，使得它非常適合現(xiàn)代響應(yīng)網(wǎng)頁設(shè)計的其他功能。
語義網(wǎng)格系統(tǒng)
CSS網(wǎng)格框架可以使您的生活更輕松，但他們不是沒有他們的缺點(diǎn)。幸運(yùn)的是，現(xiàn)代技術(shù)提供了一個新的方法構(gòu)建頁面布局 。但在獲得解決方案之前，我們必須先了解目前影響的CSS網(wǎng)格三個看似無法克服的缺陷。
引導(dǎo)發(fā)動的開發(fā)工具包
，引導(dǎo)是一個工具包，其中包括基CSS和HTML的排版，表格，網(wǎng)格，導(dǎo)航，錯誤消息，模態(tài)框，按鈕和形式 。它的建成與框架。它配備了一個標(biāo)準(zhǔn)的940萬像素網(wǎng)格（即沒有副作用利潤率960.gs），或者你可以創(chuàng)建自己的。引導(dǎo)，允許你創(chuàng)建固定或流動的布局，以及它與許多元素，可用于或重新設(shè)計，以適應(yīng)您的網(wǎng)站。當(dāng)然，該工具包是免費(fèi)使用。
彩色書簽
拖到彩色書簽鏈接到您的工具欄找出您目前網(wǎng)站上的調(diào)色板 。然后，只需復(fù)制，粘貼，并使用你選擇的顏色。
單張：用JavaScript開源互動地圖
圖書館提供的各種地圖圖層，包括磚，標(biāo)志，彈出窗口，圖像疊加層和GeoJSON。它支持移動和桌面瀏覽器的平移，雙擊縮放移動瀏覽器（加在iOS的多點(diǎn)觸摸縮放）和更多的。在IOS，硬件加速是啟用的，和傳單具有模塊化結(jié)構(gòu)，可讓您減少 庫的大小，使其更快的 。該項目是開源和GitHub上的進(jìn)一步發(fā)展和分叉 。
Weinre
weinre是一個網(wǎng)絡(luò)督察遠(yuǎn)程，是本質(zhì)上的網(wǎng)頁調(diào)試器像螢火蟲（用于Firefox）和網(wǎng)絡(luò)督察，基于WebKit的瀏覽器，除了它的設(shè)計進(jìn)行遠(yuǎn)程工作，特別是，以允許您調(diào)試網(wǎng)頁作為手機(jī)等移動設(shè)備上。
阿德沃夫：遠(yuǎn)程JavaScript調(diào)試器
的移動瀏覽器變得更強(qiáng)大的一天，由天，你可以做幾乎所有你做你的桌面瀏覽器上。開發(fā)商主要關(guān)注的問題之一是缺乏開發(fā)工具的。原因很明顯-房地產(chǎn)需要顯示調(diào)試器，非開發(fā)人員友好的環(huán)境。對這個問題的解決方案是遠(yuǎn)程調(diào)試 。您可以用于此目的的JSConsole，但是當(dāng)涉及到JavaScript調(diào)試，阿德沃夫是更好的選擇。阿德沃夫是一個JavaScript調(diào)試器的iPhone / Android的/的WindowsPhone 7 /黑莓OS 6 + 。（通過Varun庫馬爾）
VMS
微軟IE瀏覽器提供的虛擬機(jī)磁盤映像，以方便在多個版本的IE瀏覽器網(wǎng)站測試，無論主機(jī)操作系統(tǒng)。但沒有微軟的VirtualPC虛擬機(jī)可以是非常困難的。ievms腳本的目的是推動這一進(jìn)程，用一個命令使用Linux或OS X的VirtualBox的，你可以有IE7，IE8，IE9在單獨(dú)的虛擬機(jī)運(yùn)行 。
WhatFont
該工具使您可以輕松地得到你徘徊在有關(guān)文本的CSS排版細(xì)節(jié) 。
WordPress的TextMate的包
WordPress的TextMate的包建WordPress核心周圍挖看的小事情，我們每天工作所花費(fèi)的時間量減少的唯一目的是TextMate的捆綁。該插件WordPress的功能，為代碼中的常見部分片段，并為WordPress組件的模板功能自動完成 。我們甚至悄悄在卡林頓模板框架功能函數(shù)完成。我們一直作出改善，因?yàn)槲覀冋业礁嗟牡母采w，我們希望通過這個插件（從WordPress MU的合并與WordPress的3.0代碼基礎(chǔ)的鞏固 ）。
立方貝塞爾預(yù)覽
無論你看到多少人改變參數(shù)，如果你沒有在2D平面圖片，這是很難理解如何彈跳動畫立方貝塞爾工程。LEA Verou搜索工具可以使用貝塞爾曲線是如何形成的 。她發(fā)現(xiàn)很多，但所有這些限制的坐標(biāo)，以0-1范圍。LEA接著創(chuàng)建自己的cubic_bezier（）曲線發(fā)生器。
Patternizer -條紋圖案生成器工具
，隨著Patternizer，很容易在短短幾分鐘內(nèi)做出一些驚人的 。這需要所有工作，創(chuàng)建復(fù)雜的模式，讓您專注于創(chuàng)意和發(fā)揮。模式可以保存并與其他人共享，允許協(xié)作和混音。你可以從全球任何設(shè)備進(jìn)行訪問 。
Chainvas
一個微小的，模塊化的庫，可以添加鏈接任何API，它是不自然鏈?zhǔn)降?，像在Canvas API，DOM和更多。
表比較發(fā)電機(jī)
該發(fā)電機(jī)可讓您創(chuàng)造美麗的HTML / CSS的動態(tài)比較表 。
DropKick.js
自定義下拉jQuery插件緩慢下降。如果用戶已禁用JavaScript，下拉會正常顯示，使用常規(guī)的元素。它的工作原理在IE7 +。
prefixfree
前綴無讓你到處僅使用不帶前綴的CSS屬性。它在幕后工作，當(dāng)前瀏覽器的前綴添加任何CSS代碼，只有當(dāng)它的需要。
{少}
一個自動化的文件夾掃描/解析少的工具。一旦你添加你的項目文件夾的應(yīng)用程序，它會自動開始監(jiān)視這些文件夾內(nèi)的文件的變化。在保存較少的文件，應(yīng)用程序?qū)⒆詣咏馕龅揭粋€普通的CSS文件少的文件。此外，見：SimpLESS，為Mac的應(yīng)用程序，Linux和PC編譯*.成有效的CSS文件 。
Recurly.js
此工具可讓您輕松您的網(wǎng)站內(nèi)嵌入一個PCI兼容的郵購表格。庫執(zhí)行行驗(yàn)證，實(shí)時總額計算，并優(yōu)雅地處理錯誤。您的客戶保持在您的網(wǎng)站，而他們的計費(fèi)信息安全發(fā)送到Recurly批準(zhǔn) 。由于持卡人數(shù)據(jù)被直接發(fā)送到Recurly，您的PCI合規(guī)的范圍大大減少 。
??? 免費(fèi)網(wǎng)絡(luò)營銷顧問：我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營銷顧問服務(wù)，您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷，電子商務(wù)，網(wǎng)站設(shè)計等的事宜，歡迎隨時聯(lián)系我們。
??? seo友好的網(wǎng)站管理系統(tǒng)：除了優(yōu)質(zhì)的網(wǎng)站空間，網(wǎng)站管理系統(tǒng)，和網(wǎng)站設(shè)計外，我們的網(wǎng)站管理系統(tǒng)更是seo友好的，包括：自定義欄目名，Google Sitemap自動生成，靜態(tài)頁面生成等等，讓您的網(wǎng)站。
