整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
reamweaver對一個(gè)web前端工作者來說，再熟悉不過了，像我07年接觸web前端開發(fā)就是用的dreamweaver，一直用到現(xiàn)在，身邊的朋友有跟我推薦過各種更好用的可替代dreamweaver的工具，一開始我是拒絕的，但是后來我發(fā)現(xiàn)竟然真有比dreamweaver好用的工具，智能提示，自動(dòng)補(bǔ)全工具，模糊編碼這些用上手了以后根本停不下來，sublime text當(dāng)之不愧是最佳替代方案第一選擇。
1. Sublime Text
Sublime Text2是一款跨平臺(tái)的編輯器，再也不用為換平臺(tái)而找不到合適的、熟悉的編輯器擔(dān)憂了。
Sublime Text2 是一款具有代碼高亮、語法提示、自動(dòng)完成且反應(yīng)快速的編輯器軟件，不僅具有華麗的界面，還支持插件擴(kuò)展機(jī)制，用她來寫代碼，絕對是一種享受。
Sublime Text 2 的特色功能：
良好的擴(kuò)展功能，官方稱之為安裝包(Package)。
右邊沒有滾動(dòng)條，取而代之的是代碼縮略圖，這個(gè)功能非常贊
強(qiáng)大的快捷命令“可以實(shí)時(shí)搜索到相應(yīng)的命令、選項(xiàng)、snippet 和 syntex， 按下回車就可以直接執(zhí)行，減少了查找的麻煩。”
即時(shí)的文件切換。
隨心所欲的跳轉(zhuǎn)到任意文件的任意位置。
多重選擇(Multi-Selection)功能允許在頁面中同時(shí)存在多個(gè)光標(biāo)。
支持 VIM 模式
支持宏，簡單地說就是把操作錄制下來或者自己編寫命令，然后播放剛才錄制的操作或者命令。
更新非常勤快
2. TopStyle5
TopStyle 是一款 CSS 開發(fā)輔助工具，即 HTML5 / CSS3 編輯器，它專注于 HTML CSS 設(shè)計(jì)輔助，提供比較多的功能，如 CSS 代碼檢查等，據(jù)稱 TopStyle 的幫助文件非常好，有詳細(xì)的 CSS 指令，適于初次接觸 CSS 的學(xué)習(xí)之用。
不過如果你想對 CSS 了如指掌，對 CSS 網(wǎng)頁布局非常熟練，還是扔掉一切輔助軟件，用記事本開發(fā)，而熟練 CSS 之后，再使用此類輔助軟件，可以提高工作效率和開發(fā)速度。
TopStyle 5 在 CSS3 / HTML5 方面的增強(qiáng)：
*??CSS3 for Inspector, Insight and Style Checker
*??Prefixr
*??CSS3 Media Queries
*??CSS Gradient Generator
*??Text Shadow Generator
*??Improved options for Preview Files (CSS-only)
*??HTML5 for Inspector and Insight
*??HTML5-only Validator
*??HTML Structure Panel
*??Wrap HTML Tag
*??Image Map Editor (HTML-only)
3. Chocolat
Chocolat是Mac系統(tǒng)上最新出現(xiàn)的一款強(qiáng)大的文本編輯器，兼具原生的Cocoa及強(qiáng)大的文本編輯功能。Chocolat支持多種編程語言的關(guān)鍵字高亮顯示、窗口分割、標(biāo)簽頁、色彩主題等功能。界面和MacVim非常相似。
4. Aptana
Aptana 是一個(gè)非常強(qiáng)大,開源,專注于JavaScript的Ajax開發(fā)IDE。它的特性包括： *JavaScript,JavaScript函數(shù),HTML,CSS語言的Code Assist功能。 *Outliner(大綱)：顯示JavaScript,HTML和CSS的代碼結(jié)構(gòu)。
*支持JavaScript，HTML，CSS代碼提示，包括JavaScript 自定函數(shù)
*代碼語法錯(cuò)誤提示。
*支持Aptana UI自定義和擴(kuò)展。
*支持跨平臺(tái)。
*支持FTP/SFTP
*調(diào)試JavaScript
*支持流行AJAX框架的Code Assist功能：AFLAX，Dojo，JQuery，MochiKit，Prototype，Rico，script.aculo.us，Yahoo UI，Ext。
*Adobe AIR與iPhone開發(fā)工具
5. Komodo IDE
Komodo 是一個(gè)跨平臺(tái)支持多種程序語言的Integrated Development Environment （IDE）軟件，目前他支持了在Windows與Linux上 ，Pythone, Ruby, Rails, Perl, HTML, CSS, and JavaScript,等的程序語言開發(fā)，以及多種程序語言語法著色。
6. Eclipse
Eclipse是 著名的跨平臺(tái)的自由集成開發(fā)環(huán)境（IDE）。最初主要用來Java語言開發(fā)，但是目前亦有人通過插件使其作為其他計(jì)算機(jī)語言比如C++和Python的開 發(fā)工具。Eclipse的本身只是一個(gè)框架平臺(tái)，但是眾多插件的支持使得Eclipse擁有其他功能相對固定的IDE軟件很難具有的靈活性。許多軟件開發(fā) 商以Eclipse為框架開發(fā)自己的IDE。
Eclipse的基礎(chǔ)是富客戶機(jī)平臺(tái)（Rich Client Platform, 即RCP）。RCP包括下列組件：
核心平臺(tái)(啟動(dòng)Eclipse，運(yùn)行插件）
OSGi（標(biāo)準(zhǔn)集束框架）
SWT（可移植構(gòu)件工具包）
JFace（文件緩沖，文本處理，文本編輯器）
Eclipse工作臺(tái)（即Workbench ，包含視圖（views）、編輯器（editors）、視角（perspectives）、和向?qū)В╳izards））
Eclipse采用的技術(shù)是IBM公司開發(fā)的（SWT），這是一種基于Java的窗口組件，類似Java本身提供的AWT和Swing窗口組件；不 過IBM聲稱SWT比其他Java窗口組件更有效率。Eclipse的用戶界面還使用了GUI中間層JFace，從而簡化了基于SWT的應(yīng)用程序的構(gòu)建。
Eclipse的插件機(jī)制是輕型軟件組件化架構(gòu)。在富客戶機(jī)平臺(tái)上，Eclipse使用插件來提供所有的附加功能，例如支持Java以外的其他語 言。 已有的分離的插件已經(jīng)能夠支持C/C++（CDT）、Perl、Ruby，Python、telnet和數(shù)據(jù)庫開發(fā)。插件架構(gòu)能夠支持將任意的擴(kuò)展加入到 現(xiàn)有環(huán)境中，例如配置管理，而決不僅僅限于支持各種編程語言。
Eclipse的設(shè)計(jì)思想是：一切皆插件。Eclipse核心很小，其它所有功能都以插件的形式附加于Eclipse核心之上。Eclipse基本內(nèi)核包括：圖形API (SWT/Jface)， Java開發(fā)環(huán)境插件(JDT )，插件開發(fā)環(huán)境(PDE)等。
Eclipse由各種不同的計(jì)劃組成。以下列出了部分計(jì)劃。
Eclipse計(jì)劃：本身包括Eclipse平臺(tái)，Eclipse富客戶端平臺(tái)（RCP）和Java開發(fā)工具（JDT）。
Eclipse測試和性能工具平臺(tái)（TPTP）：提供一個(gè)允許軟件開發(fā)者構(gòu)建諸如測試調(diào)試、概況分析、基準(zhǔn)評測等測試和性能工具的平臺(tái)。
Eclipse Web工具平臺(tái)計(jì)劃 （WTP）：用Java企業(yè)版Web應(yīng)用程序開發(fā)工具來擴(kuò)展Eclipse平臺(tái)。它由以下部分組成：HTML、JavaScript、CSS、JSP、SQL、XML、DTD、XSD和 WSDL的 源代碼編輯器；XSD和WSDL的圖形界面編輯器；Java企業(yè)版的“項(xiàng)目性質(zhì)”（project nature）、建構(gòu)器（builder）和模型（model），與一個(gè)Java企業(yè)版的導(dǎo)航（navigator）；一個(gè)Web服務(wù)（Web service）向?qū)Ш蜑g覽器，還有一個(gè)WS-I測試工具；最后是數(shù)據(jù)庫訪問查詢的工具與模型。
Eclipse商業(yè)智能和報(bào)表工具計(jì)劃（BIRT）：提供Web應(yīng)用程序（特別是基于Java企業(yè)版的）的報(bào)表開發(fā)工具。
Eclipse可視化界面編輯器計(jì)劃（VEP）：一個(gè)Eclipse下創(chuàng)建圖形用戶界面代碼生成器的框架。
Eclipse建?？蚣?/strong>（EMF）：依據(jù)使用XMI描述的建模規(guī)格，生成結(jié)構(gòu)化數(shù)據(jù)模型的工具和其他應(yīng)用程序的代碼。
圖形化編輯器框架（GEF）：能讓開發(fā)者采用一個(gè)現(xiàn)成的應(yīng)用程序模型來輕松地創(chuàng)建富圖形化編輯器。
UML2：Eclipse平臺(tái)下的一個(gè)UML 2.0元模型的實(shí)現(xiàn)，用以支持建模工具的開發(fā)。
AspectJ：一種針對Java的面向側(cè)面語言擴(kuò)展。
Eclipse通訊框架（ECF）：專注于在Eclipse平臺(tái)上創(chuàng)建通訊應(yīng)用程序的工作。
Eclipse數(shù)據(jù)工具平臺(tái)計(jì)劃（DTP）
Eclipse設(shè)備驅(qū)動(dòng)軟件開發(fā)計(jì)劃（DSDP）
C/C++開發(fā)工具計(jì)劃（CDT）：努力為Eclipse平臺(tái)提供一個(gè)全功能C和C++的集成開發(fā)環(huán)境（IDE），它使用GCC作為編譯器。
Eclipse平臺(tái)COBOL集成開發(fā)環(huán)境子計(jì)劃（COBOL）：將構(gòu)建一個(gè)Eclipse平臺(tái)上的全功能COBOL集成開發(fā)環(huán)境。
并行工具平臺(tái)（PTP）：將開發(fā)一個(gè)對并行計(jì)算機(jī)架構(gòu)下的一組工具進(jìn)行集成的平行工具平臺(tái)，而且這個(gè)平臺(tái)是可移植的，可伸縮的并基于標(biāo)準(zhǔn)的。
嵌入式富客戶端平臺(tái)（eRCP）：計(jì)劃將Eclipse富客戶端平臺(tái)擴(kuò)展到嵌入式設(shè)備上。這個(gè)平臺(tái)主要是一個(gè)富客戶端平臺(tái)（RCP）組件子集的集合。它能讓桌面環(huán)境下的應(yīng)用程序模型能夠大致同樣地能運(yùn)用在嵌入式設(shè)備上。
但是我個(gè)人用的其實(shí)還是國產(chǎn)的hbuilder，有點(diǎn)像中文版的sublime text，sublime text提供了很多自動(dòng)補(bǔ)全，提示等插件，而hbuilder則集成了這些，像我這種懶人就更偏向于傻瓜化點(diǎn)的。
----------------------------
切圖網(wǎng)（qietu.com）是一家專門從事web前端開發(fā)的服務(wù)機(jī)構(gòu)，長期致力于提供高品質(zhì)的psd轉(zhuǎn)html5、響應(yīng)適配、webapp切圖，h5切圖等web前端開發(fā)服務(wù)。
專注web前端開發(fā)技術(shù)，關(guān)注用戶體驗(yàn)，加我們公眾微信賬號(hào)：qietuwang（長按復(fù)制）
2h.cn是國內(nèi)最早推出psd轉(zhuǎn)html5服務(wù)的網(wǎng)站，psd轉(zhuǎn)html5是我們的主要核心服務(wù)，但是我們發(fā)現(xiàn)，越來越多的設(shè)計(jì)師客戶們開始采用sketch來做網(wǎng)頁設(shè)計(jì)了 ，在我們與這樣客戶接觸合作過幾例項(xiàng)目之后，我們正式推出sketch轉(zhuǎn)html服務(wù)。sketch和我們傳統(tǒng)的psd切圖有些不一樣的地方，而且需要在mac系統(tǒng)下切圖，不過我們適應(yīng)了所有的不同。
歡迎來詢。
什么是sketch？
Sketch 是一款適用于所有設(shè)計(jì)師的矢量繪圖應(yīng)用。矢量繪圖也是目前進(jìn)行網(wǎng)頁，圖標(biāo)以及界面設(shè)計(jì)的最好方式。但除了矢量編輯的功能之外，我們同樣添加了一些基本的位圖工具，比如模糊和色彩校正。我們盡力讓 Sketch 容易理解并上手簡單，有經(jīng)驗(yàn)的設(shè)計(jì)師花上幾個(gè)小時(shí)便能將自己的設(shè)計(jì)技巧在Sketch中自如運(yùn)用。對于絕大多數(shù)的數(shù)字產(chǎn)品設(shè)計(jì)，Sketch 都能替代 Adobe Photoshop，Illustrator 和 Fireworks。
歡迎轉(zhuǎn)載，轉(zhuǎn)載請注明來源：http://www.p2h.cn/sketch-2-html/
來越多的開發(fā)者熱衷于使用html5+JavaScript開發(fā)移動(dòng)Web App。不過，HTML5 Web APP的出現(xiàn)能否在未來取代移動(dòng)應(yīng)用，就目前來說，還是個(gè)未知數(shù)。那么，有什么辦法，既可以使用HTMl5開發(fā)應(yīng) 用，又可以將其簡單封裝成APK文件呢？
一、Android SDK中的WebView
1.在要Activity中實(shí)例化WebView組件：WebView webView = new WebView(this);
2.調(diào)用WebView的loadUrl()方法，設(shè)置WevView要顯示的網(wǎng)頁：
? 互聯(lián)網(wǎng)用：webView.loadUrl("http://www.qietu.com");
? 本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中
3.調(diào)用Activity的setContentView( )方法來顯示網(wǎng)頁視圖
4.用WebView點(diǎn)鏈接看了很多頁以后為了讓W(xué)ebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點(diǎn)擊系統(tǒng)回退剪鍵，整個(gè)瀏覽器會(huì)調(diào)用finish()而結(jié)束自身，而不是回退到上一頁面
5.需要在AndroidManifest.xml文件中添加權(quán)限，否則會(huì)出現(xiàn)Web page not available錯(cuò)誤。
? <uses-permission android:name="android.permission.INTERNET" />
缺點(diǎn)：如果是載入的是普通網(wǎng)頁，沒有什么問題，但如果是html5,封裝后，在android2.3以上才能正常訪問，android2.2及以下，SDK中的WebView還沒完全支持HTML5
下面是具體例子：
MainActivity.java
??? package com.android.webview.activity; ?
??? import android.app.Activity; ?
??? import android.os.Bundle; ?
??? import android.view.KeyEvent; ?
??? import android.webkit.WebView; ?
??? public class MainActivity extends Activity { ?
??????? private WebView webview; ?
??????? @Override
??????? public void onCreate(Bundle savedInstanceState) { ?
??????????? super.onCreate(savedInstanceState); ?
??????????? //實(shí)例化WebView對象 ?
??????????? webview = new WebView(this); ?
??????????? //設(shè)置WebView屬性，能夠執(zhí)行Javascript腳本 ?
??????????? webview.getSettings().setJavaScriptEnabled(true); ?
??????????? //加載需要顯示的網(wǎng)頁 ?
??????????? webview.loadUrl("http://www.qietu.com/"); ?
??????????? //設(shè)置Web視圖 ?
??????????? setContentView(webview); ?
??????? } ?
??????? @Override
??????? //設(shè)置回退 ?
??????? //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法 ?
??????? public boolean onKeyDown(int keyCode, KeyEvent event) { ?
??????????? if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) { ?
??????????????? webview.goBack(); //goBack()表示返回WebView的上一頁面 ?
??????????????? return true; ?
??????????? } ?
??????????? return false; ?
??? }
在AndroidManifest.xml文件中添加權(quán)限
??? <?xml version="1.0" encoding="utf-8"?>
??? <manifest xmlns:android="http://schemas.android.com/apk/res/android"
????????? package="com.android.webview.activity"
????????? android:versionCode="1"
????????? android:versionName="1.0">
??????? <uses-sdk android:minSdkVersion="10" />
??????? <application android:icon="@drawable/icon" android:label="@string/app_name">
??????????? <activity android:name=".MainActivity"
????????????????????? android:label="@string/app_name">
??????????????? <intent-filter>
??????????????????? <action android:name="android.intent.action.MAIN" />
??????????????????? <category android:name="android.intent.category.LAUNCHER" />
??????????????? </intent-filter>
??????????? </activity>
??????? </application>
??????? <uses-permission android:name="android.permission.INTERNET"/>
??? </manifest>
二、使用PhoneGap
??? PhoneGap是一個(gè)用基于HTML，CSS和JavaScript的，創(chuàng)建移動(dòng)跨平臺(tái)移動(dòng)應(yīng)用程序的快速開發(fā)平臺(tái)。它使開發(fā)者能夠利用 iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系 人，聲音和振動(dòng)等，此外PhoneGap擁有豐富的插件，可以以此擴(kuò)展無限的功能。PhoneGap是免費(fèi)的，但是它需要特定平臺(tái)提供的附加軟件，例如 iPhone的iPhone SDK，Android的Android SDK等，
詳細(xì)方法請見：http://phonegap.com/start#android
優(yōu)點(diǎn)：在Eclipse中加入SDK，編程自由，完美適應(yīng)不同設(shè)備屏幕大小，適合高手使用。
缺點(diǎn)：沒有使用布局，直接加載網(wǎng)頁，不能添加廣告。
----------------
切圖網(wǎng)（qietu.com）最早將psd轉(zhuǎn)html服務(wù)模式帶到國內(nèi)，并首個(gè)提供響應(yīng)式、webapp前端開發(fā)的公司。專注web前端開發(fā)技術(shù)，關(guān)注用戶體驗(yàn)，加我們公眾微信賬號(hào)：qietuwang（長按復(fù)制）
*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
