『壹』 web開發流程圖 一般用什麼軟體
1. Codepen
Codepen應該是全世界最受歡迎的開發環境之一了。CSS技巧的作者Chris Coyier是Codepen的聯合創始人之一，這也就是為什麼這款app看起來那麼豪華。除了視覺上的優秀效果，它可以生動地展現預覽，當你修改了代碼，就可以看到效果，使你能夠更容易地找出變化。
Codepen用於CSS的預處理器包括SCSS、SASS，LESS和Stylus，用於JS的有CoffeeScript和LiveScript，用於HTML的包括Haml、Markdown、Slim和Jade。另外，它還包含了8個可用的內置的JS庫。Codepen中合作和私人的「pens」需要付費使用。【前往Codepen】
2. JSFiddle
JSFiddle可以說是成就了開發環境的流行，它是第一個也是最出名的平台。JSFiddle有超過30個可以立即使用的JavaScript庫，你還可以輕松的添加外部文件。在預處理方面，它有用於CSS的SCSS、用於JS的CoffeeScript以及用於HTML的簡單Vanilla。
如果你在與其他開發者合作，我強烈建議你使用JSFiddle。在所有的開發環境中，JSFiddle的協作特性是同類型應用中最好的，而且區別於Codepen的是，它的這個特性是操作簡單並且免費的。
但JSFiddle沒有的是預覽功能，你需要手動刷新頁面。和其它開發平台相比，JSFiddle確實也比較慢。另外，JSFiddle還有一個不足就是它的執行鍵不是很靈敏，有時需要多點擊幾次才能夠執行代碼。【前往JSFiddle】
3. JS Bin
JS Bin是由JavaScript開發大師Remy Sharp創建的，他擁有一家專注於JavaScript和HTML5的web開發公司。JS Bin的JS預處理器包括CoffeeScript、TypeScript、Traceur、JSX以及可供使用的超過40個的JS庫。你同樣可以添加外部文件，但是必須在編輯器上手動操作。而用於CSS的預處理器，它提供了LESS。
JS Bin和以前開發平台的區別在於它允許你把文件下載到你的電腦上，這對於開發者，尤其是在離線狀態下調試代碼的程序員來說，是一個很不錯的特點。你還可以創建私人的Bin空間，不過你需要對此付費。另外，JS Bin不支持協作功能。【前往JS Bin】
4. CSSDeck
CSSDeck已經存在一些年了，但它的影響力好像不是很大。不過，由於它的簡潔性，它還是值得關注的。如果你不需要其它平台里那些復雜的功能，那CSSDeck就應該是你的選擇。
CSSDeck的預處理器包括用於HTML的HAML、Markdown、Slim和Jade，用於CSS的LESS、Stylus、SASS和SCSS，以及用於JS的CoffeeScript。它還有幾個可用的CSS和javascript庫，對於沒有的庫，你只需要將其手動地添加到庫的列表中就可以使用了。
CSSDeck雖然很簡潔，但它有一個讓我很吃驚的特性，就是它支持用戶改變字體大小，這是一個簡單卻實用的功能。所以說，如果你在尋找有很多很炫的功能的開發平台，CSSDeck可能不適合你。它的簡潔性讓你更專注於最重要的事情，這也是它最大的特點。【前往CSSDeck】
5. Dabblet
當我還在使用十六進制顏色代碼的時候，Dabblet的特性讓我驚訝了，它的顏色預覽居然顯示在代碼旁，這是我第一次見到這樣的設置。雖然我不確定這是否是一個有用的特性，但是它的整潔性還是給我留下了很深的印象。
現在，Dabblet最棒的地方在於它允許用戶以5個不同的視角進行預覽，分別是CSS編輯器和效果，HTML編輯器和效果，CSS和HTML的編輯器和效果，JavaScript及運行結果，全部綜合效果。這些功能在絕大部分的開發環境中都沒有。
它也有不足，第一，Dabblet缺乏HTML和CSS的預處理器，這是令人困惑的。第二，它沒有內置的JavaScript庫，不過你可以通過手動插入JavaScript庫來解決。第三，它的每個板塊大小是固定的，無法作出調整，這和以前傳統的調試平台是一樣的。第四，它缺少一個用於演示其他用戶作品的板塊。【前往Dabblet】
6. Liveweave
Liveweave是一個擁有很多功能的開發平台，比如可以關閉的實時預覽。你也可以為了保護視力，開啟夜間模式，將所有界面都變暗。Liveweave提供了20多個JavaScript庫，甚至還支持SVG。其內置的標尺使測量更加精確，更符合美學標准。
它還有一個吸引我眼球的地方，就是它的協作功能。如果你過去曾經使用過Teamviewer，你會發現它們是相似的。你需要做的事只是點擊協作鏈接，你就可以分享來自於你到weave的鏈接了。
你甚至可以下載你的weave文件，並把它保存為單獨的HTML文件或者保存為包含獨立HTML、CSS和JS文件的zip壓縮包。對了，Liveweave還有一個內置的Lorem Ipsum生成器。 【前往Liveweave】
結語
當然，每一個平台和工具都有它自己的特性，都會對你有所幫助
『貳』 我是做web前端的，要實寫一個流程圖，不會寫，沒思路，求指教
如果這個流程圖是固定的，也就是說是不會隨著數據，改變位置的話，那就做五行七列的格子，然後往格子里加東西應該就可以了。像那個藍色四個角，你可以在這個包裹電話的小盒子里，定位四個小正方形，定位到四個角上。
例外那個每個圖標樣式都是固定的上圖下文，上圖帶四個小正方形的交互，並且大部分帶箭頭，可以寫公共樣式。像那些線，如果嫌麻煩，可以用圖片代替，定位上去。
『叄』 最好的畫流程圖的軟體是什麼
一、億圖圖示
億圖圖示是一款綜合類辦公繪圖軟體。它擁有260+繪圖類型，包括流程圖、組織結構圖、UML圖、電路圖、平面設置圖等。從繪圖類型數量上看，它在這7款流程圖軟體中居首位。
功能特點：
1、除了豐富的繪圖類型；
2、多端運行，億圖圖示同時兼容Windows、Mac、Linux，而且支持Web網頁版；
3、強大的雲文檔、社交分享功能，能夠很好解決辦公協同問題；
4、在文件導入/導出方面，是目前支持文件格式種類最多的流程圖軟體。
『肆』 製作流程圖的軟體或工具有哪些
1、axure rp
Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。
作為專業的原型設計工具，它能快速、高效的創建原型，同時支持多人協作設計和版本控孝升雹制管理。
2、Microsoft Office Visio
Office Visio 是office軟體系列中的負責繪制流程圖和示意圖的軟體，是一款便於IT和商務人員就復雜信息、系統和流程進行可視化處理、巧帆分析和交流的笑培軟體。
使用具有專業外觀的 Office Visio 圖表，可以促進對系統和流程的了解，深入了解復雜信息並利用這些知識做出更好的業務決策。
Microsoft Office Visio幫助您創建具有專業外觀的圖表，以便理解、記錄和分析信息、數據、系統和過程。
3、億圖流程圖製作軟體
億圖流程圖製作軟體是一款類似Visio的流程圖、網路圖繪制軟體，新穎小巧，功能強大，可以很方便的繪制各種專業的業務流程圖，程序流程圖，數據流程圖，網路拓撲圖等。
它在設計時採用全拖曳式操作，最大限度的簡化用戶的工作量，方便易用；提供各種圖形模板庫，方便專業人士的使用；提供強大的圖文混排和所見即所得的圖形列印；
另外為軟體企業提供可以二次開發的圖形控制項，提高企業開發效率，節約開發成本，是一款實用的流程圖軟體和繪制流程圖工具。