最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

WEB前端設(shè)計(jì)師常用工具集錦

 更新時(shí)間：2014年12月09日 11:25:08   投稿：hebedich  
這篇文章主要介紹了WEB前端設(shè)計(jì)師常用工具集錦，非常的全面，想成為一個(gè)優(yōu)秀的WEB前端設(shè)計(jì)師嗎？那本文你要好好研究研究了。

下面是我整理和收集的一些前端開(kāi)發(fā)常用的 插件、工具、軟件等不為別的，相當(dāng)于給電腦做個(gè)小備份，至于使用方法，以后我會(huì)總結(jié)，目前的話(huà)還是自行g(shù)oogle吧。

【FireFox插件】

1.  Firefbug     ——    頁(yè)面調(diào)式工具

2.  YSlow     ——    網(wǎng)頁(yè)評(píng)級(jí)工具

3.  pixel Perfect      ——    HTML與設(shè)計(jì)稿對(duì)比

4.  CSS Usage     ——    CSS使用效率優(yōu)化工具

5.  Page Speed     ——    快速優(yōu)化網(wǎng)頁(yè)類(lèi)似于YSlow

6.  Measureit     ——    實(shí)時(shí)測(cè)量工具

7.  Fiddler     ——    本地調(diào)式頁(yè)面樣式利器

8.  DNS flusher     ——    DNS刷新工具

9.  Colorzilla     ——    實(shí)時(shí)顏色選取工具

10.  Web Developer     ——    檢查網(wǎng)頁(yè)的相關(guān)信息

11.  FireMobileSimulator     ——    模擬手機(jī)

12.  JavaScript Dubugger     ——    JavaScript 排錯(cuò)

13.  Greasemonkey     ——    腳本小程序

14.  Firecookie     ——    Cookie

【Chrome插件】

1.  Awesome Screenshot     ——    網(wǎng)頁(yè)截圖

2.  user-Agent Switcher     ——    切換顯示設(shè)備

3.  web Developer     ——    檢查網(wǎng)頁(yè)的相關(guān)信息

4.  Window Resizer     ——    更改分辨率

5.  YSlow     ——    網(wǎng)頁(yè)評(píng)級(jí)工具

6.  瀏覽器兼容性檢測(cè)

【前端開(kāi)發(fā)常用網(wǎng)址工具】

web色彩搭配

http://www.peise.net/tools/web/

http://www.peise.net/tools/lilun/lilunxuexi.html

http://www.colorschemer.com/online.html

http://www.workwithcolor.com/hsl-color-picker-01.htm

CSS3 生成器

http://www.css3maker.com/

http://www.flickyard.in/autocss3/

http://www.colorzilla.com/gradient-editor/

http://css3pie.com/

http://www.css3.me/

http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/

CSS3 按鈕生成器

http://www.wordpressthemeshock.com/css-drop-shadow/

http://css3buttongenerator.com/

CSS 圖片合成器

http://csssprites.com/

http://cn.spritegen.website-performance.org/

CSS代碼檢查

http://csslint.net/

ajax loading圖片

http://ajaxload.info/

http://preloaders.net/

CSS hack表

http://centricle.com/ref/css/filters/

瀏覽器市場(chǎng)

http://#baidu.com/data/browser

測(cè)試瀏覽器支持CSS3情況

http://css3test.com/

http://kimblim.dk/css-tests/selectors/

http://selectivizr.com/

http://www.findmebyip.com/litmus

檢測(cè)用戶(hù)體驗(yàn)

http://gtmetrix.com/

CSS模板生成器

http://blog.html.it/layoutgala/

http://www.mycelly.com/

http://www.intensivstation.ch/en/templates/

CSS壓縮

http://www.csscompressor.com/

CSS常用字體

http://cssfontstack.com/

http://www.google.com/webfonts#

http://www.dafont.com/

CSS3 Transform

http://www.useragentman.com/IETransformsTranslator/

CSS3 貝塞爾曲線(xiàn)

http://cubic-bezier.com/#.47,.73,1,.41

YUI CSS grid工具

http://developer.yahoo.com/yui/grids/builder/

JavaScrip代碼優(yōu)化美化

http://js.clicki.cc/

代碼演示

http://jsfiddle.net/

http://jsbin.com/#html,live

http://ikeepu.com/bar/20143449

http://codepad.org/

原型圖設(shè)計(jì)工具

https://gomockingbird.com/mockingbird/#

http://www.jotform.com/

【本地及常用軟件及IDE編輯器】

1.  MarkMan     ——    設(shè)計(jì)師，前端工程師必備

2.  VIM     ——    超快的編輯器

3.  Adobe PhotoShop CS6     ——    切圖專(zhuān)用

4.  IE Tester     ——    檢查頁(yè)面兼容

5.  Fiddler2     ——    檢測(cè)請(qǐng)求

6.  Beyond Commpar     ——    文件比較

7.  GIT     ——    分布式版本控制

8.  Opera Mobile Emulator     ——    手機(jī)瀏覽器

9.  SimpLESS     ——    LESS

掌握了以上這些工具中的大部分，恭喜您，離一個(gè)優(yōu)秀的前端設(shè)計(jì)師不遠(yuǎn)了~~

相關(guān)文章

  • 淺談javascript構(gòu)造函數(shù)與實(shí)例化對(duì)象

    淺談javascript構(gòu)造函數(shù)與實(shí)例化對(duì)象

    JavaScript 中的構(gòu)造函數(shù)和其它語(yǔ)言中的構(gòu)造函數(shù)是不同的。 通過(guò) new 關(guān)鍵字方式調(diào)用的函數(shù)都被認(rèn)為是構(gòu)造函數(shù)。任何JavaScript 函數(shù)都可以用做構(gòu)造函數(shù)，構(gòu)造函數(shù)必須 使用new 運(yùn)算符作為前綴來(lái)創(chuàng)建新的實(shí)例。
    2015-06-06
  • 淺談JavaScript面向?qū)ο?-繼承

    淺談JavaScript面向?qū)ο?-繼承

    這篇文章主要介紹了JavaScript面向?qū)ο罄^承，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • 國(guó)內(nèi)常用的js類(lèi)庫(kù)大全(CDN公共庫(kù))

    國(guó)內(nèi)常用的js類(lèi)庫(kù)大全(CDN公共庫(kù))

    羅列這類(lèi)js類(lèi)庫(kù)希望能幫助到大家，下面類(lèi)庫(kù)都支持CDN,所以不用擔(dān)心速度問(wèn)題，就算某個(gè)節(jié)點(diǎn)慢也不會(huì)影響全國(guó)其他地區(qū)的訪問(wèn)速度，支持jQuery,Bootstrap,angular,zepto等js庫(kù)的CDN地址
    2020-06-06
  • JavaScript編程中window的location與history對(duì)象詳解

    JavaScript編程中window的location與history對(duì)象詳解

    這篇文章主要介紹了JavaScript編程中window的location與history對(duì)象,是JavaScript入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-10-10
  • 怎樣在JavaScript里寫(xiě)一個(gè)swing把數(shù)據(jù)插入數(shù)據(jù)庫(kù)

    怎樣在JavaScript里寫(xiě)一個(gè)swing把數(shù)據(jù)插入數(shù)據(jù)庫(kù)

    在JavaScript里寫(xiě)一個(gè)swing來(lái)實(shí)現(xiàn)確定取消，來(lái)決定是否執(zhí)行這個(gè)功能 控制把數(shù)據(jù)插入數(shù)據(jù)庫(kù),接下來(lái)介紹實(shí)現(xiàn)方法
    2012-12-12
  • js基本算法:冒泡排序,二分查找的簡(jiǎn)單實(shí)例

    js基本算法:冒泡排序,二分查找的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇js基本算法:冒泡排序,二分查找的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-10-10
  • Javascript中的getUTCHours()方法使用詳解

    Javascript中的getUTCHours()方法使用詳解

    這篇文章主要介紹了Javascript中的getUTCHours()方法使用詳解,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-06-06
  • javascript實(shí)現(xiàn)dom元素可拖動(dòng)

    javascript實(shí)現(xiàn)dom元素可拖動(dòng)

    HTML DOM 是 W3C 標(biāo)準(zhǔn)（是 HTML 文檔對(duì)象模型的英文縮寫(xiě)，Document Object Model for HTML）。通過(guò) DOM，可以訪問(wèn)所有的 HTML 元素，連同它們所包含的文本和屬性?？梢詫?duì)其中的內(nèi)容進(jìn)行修改和刪除，同時(shí)也可以創(chuàng)建新的元素。
    2016-03-03
  • javascript中定義類(lèi)的方法匯總

    javascript中定義類(lèi)的方法匯總

    這篇文章主要介紹了javascript中定義類(lèi)的方法匯總的相關(guān)資料,需要的朋友可以參考下
    2014-12-12
  • js類(lèi)式繼承的具體實(shí)現(xiàn)方法

    js類(lèi)式繼承的具體實(shí)現(xiàn)方法

    這篇文章主要介紹了js類(lèi)式繼承的具體實(shí)現(xiàn)方法，有需要的朋友可以參考一下
    2013-12-12

最新評(píng)論

民权县| 海门市| 高安市| 德钦县| 锡林郭勒盟| 新疆| 岳阳县| 江源县| 太仓市| 上高县| 嘉义市| 朝阳区| 沧州市| 庄河市| 宜宾市| 宝山区| 永寿县| 兴宁市| 大余县| 柘荣县| 旅游| 林芝县| 南乐县| 临海市| 德江县| 通山县| 西和县| 和平县| 抚州市| 荥经县| 祁连县| 鄄城县| 广汉市| 宝坻区| 达拉特旗| 大足县| 柳江县| 广汉市| 和田县| 伊吾县| 安岳县|