為設計師和開發者提供的 50 個免費在線工具

火星人 @ 2014-03-12 , reply:0


  

Logotype Maker


Logotype Maker 是一個簡單而且免費的 Logo 製作工具,可以通過簡單的幾步來創建一個 logo


BgPatterns


該工具讓你輕鬆設計各種背景圖效果


FreshGenerator


用來創建在多數 Web 2.0 網站中使用的圖形元素


Bannersketch


這是一個用來創建廣告元素的網站,無需設計知識,可創建 banner 圖、headers、footers、名片等。


Businesscardland


如果網站的名稱所示,這是一個用來創建可列印的名片的網站,可輸出PDF文檔並列印成名片。


Golden Ratio


一個計算器,用於計算寬度匹配的列


SpiderScribe


這個工具太專業了,用來組織你的思維,類似思維導圖工具,而且還可以跟別人分享。


Manifested


該工具可以讓你將現有網站轉成支持離線的 HTML5 網站,可緩存的包括圖片、樣式和腳本文件。


repl.it


這是一個在線社區,用於編程語言知識交流,提供一個終端模擬器和代碼編輯器,超過15中語言的解釋引擎,完全基於 JavaScript 編寫,可在桌面和手機以及平板上使用。


Subtle Patterns


在這裡你可以找到一個偉大的收集93個高品質的設計模式,您可以自由使用。


Timeslot


這是一個讓你輕鬆制定每天計劃的工具


LayerStyles


LayerStyles 是一個很棒的圖形編輯器,運行在瀏覽器之上。可為你製作的效果生成 CSS 代碼


The Web Font Combinator


這個工具的目的是讓您預覽Web字體的組合。許多印刷字體的例子集合,可為讀者結合起來,以查看如何標題和正文字體一起來看一下。

Grid Calculator And Generator

這是一個非常方便的網格計算器。所有你所要做的的是輸入您希望您的頁面列和排水溝寬度大致範圍,然後計算器會顯示你所設置的範圍內的所有可能的組合的寬度。為您提供了一個非常好的結果的可視化表示。點擊它會允許預覽,你會得到一個如何可用於網格更好的介紹。選擇您的網格配置后,下載在您的項目中使用一個CSS文件的配置是可能的。


CSS3 Shapes


CSS3 Shapes 是一個很酷的 CSS3 代碼片段源網站,你可以找到很多CSS3的代碼


FontFont Subsetter


該工具可讓你通過簡單的 3 步來完成 Web 字體的優化和定製,也可以用來減小 Web 字體文件的大小。


WhatFont Tool


這個工具用來提供字體相關信息,當你把滑鼠移到文字上方後會顯示這些信息。支持 Typekit and Google Font API.


Cssizer


這是一個方便的工具,允許編輯一個HTML頁面。然後你可以使用你的網址,與他人分享您的設計。


Clickable Mockups


這個工具使用一種改良的方式來傳達您的設計。它將您的網站,移動和軟體實體模型轉換成可點擊的原型。然後你可以從你的客戶,朋友和同事的批註和反饋。你不再需要以電子郵件,PDF文件,希望獲得通過的消息的線程反饋。


CSS Pivot


你可以在這個網站上增加 CSS 樣式,並通過一個短網址來分享你的設計


Prefixr


Prefixr update CSS3 properties al by itself with all the necessary browser prefixes.


CoderDeck


這個工具可以用來創建互動式的在線編碼展示


Patternizer


As the name suggests, this one is an extremely handy stripe pattern generator.


alphaPun.ch


此工具將決定你的PNG或GIF照片的不透明部分。然後,它會穿透alpha通道(即透明位),所以你會對它背後的東西點擊的能力。


Swiffy


該工具可將 Flash 的 SWF 文件轉成 HTML5


Spur


This one is a very handy critique for web designs. Simply paste a URL (or upload a photo) and and you would be able to utilize 7 amazing tools to help you determine what is working and what is not.


Screenfly


該工具幫你模擬各種不同尺寸屏幕訪問你的網站的效果。


Launch It Now


快速創建產品展示頁的工具


Minify and GZip Compress JavaScript & CSS tool


用於最小化並壓縮 css 和 js 文件的工具,只需簡單點擊。


DropMySite


網站自動備份工具,你擁有2G的空間。

站長工具


Smartling



輕鬆實現網站多語言支持


SnatchCode


很棒的網站備份解決方案


Duda Mobile


可輕鬆創建和網站同步的手機版本


Toolspot


Toolspot 包含很多站長經常需要用到的工具,例如域名查詢、IP查詢、whois 等等


W3Clove


在線網頁的校驗工具

表格、圖表以及流程圖


Cacoo


在線的圖形繪製工具,可創建各種圖形,包括網站地圖、線框圖、UML 和網路圖


LucidChart


流程圖繪製工具,可免費擁有5兆的存儲空間


Bubbl


在線創建 vivid 思維圖,可與好友分享


Grapher


圖表工具


Hohli Charts


動態圖表工具

開發者工具欄


About.com Find By Error Message


About.com 上提供的服務,讓你查詢電腦上一些常見的錯誤


ErrorHelp


錯誤查詢庫


ErrMsg


ErrMsg 是一個桌面工具,用來查詢錯誤碼對應的意思。


ErrorKey


This one is an awesome website that boasts a huge collection of error codes. It has a simple user interface, so searching for error codes is not at all tough. Common error search tags/keywords have also been listed on the main page, so you can find most common error messages and categories there.


Error Goblin


This one is similar to Error Key but it also boasts Mac OS errors. Both Windows and Mac error code searches are possible. It also has an iPhone app. Quite good!


Page Speed Online


This tool analyzes the content of a web page, then offers suggestions to make that page faster. It can prove to be really useful as reducing page load times can reduce bounce rates and make your website desirable for visitors.


Pingdom Tools Full page Test


網頁速度跟蹤工具,類似 firebug


BrowserMob』s Free Instant Test


網站性能診斷工具


GTmetrix


網站性能測試工具


Slowcop


Slowcop 可以讓你檢查為什麼網頁很慢,慢在哪裡,類似 firebug 工具。

via smashinghub




[火星人 via ] 為設計師和開發者提供的 50 個免費在線工具已經有89次圍觀

http://www.coctec.com/docs/program/show-post-71402.html