web前端之html5开发中常用的开发工具
正所谓“工欲善其事,必先利其器”,对Web开发人员来说,好工具的使用总会给人带来事半功倍的效果。正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发工具,哪款开发工具更适合我?下面就一一盘点下:
一、HTML5全栈开发工具之Adobe Dreamweaver
首先是大名鼎鼎的Adobe Dreamweaver,Adobe Dreamweaver 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成,您能以可视方式或直接在代码中进行设计,使用内容管理系统开发页面并实现精确的浏览器兼容性测试。
Adobe Dreamweaver CS5版本通过Adobe HTML5 Pack这一扩展,用户可以更轻松地创建和优化其作品。 Adobe HTML5开发工具Pack包括标识HTML5 和 CSS3 功能的新代码,从而使Dreamweaver 用户能够方便地使用HTML5标记。HTML5开发工具扩展包还更新和改进了WebKit引擎以支持Dreamweaver CS5 实时视图中的视频和音频。用户利用CSS3新功能能够更方便地设计多屏网页,并且可以预览在多种浏览器和设备之间进行渲染的过程。
而最新版本的Adobe Dreamweaver CS5.5的突出新特点就是直接提供了对HTML5的支持:
通过 CSS 面板设置样式,该面板经过更新可支持新的 CSS3 规则。设计视图现在支持媒体查询,在您调整屏幕尺寸的同时可应用不同的样式。使用 HTML5 进行前瞻性的编码,同时提供代码提示和设计视图渲染支持。
二、HTML5全栈开发开发工具之Adobe Edge Preview
Adobe公司考虑到,当HTML5成为标准网页的时候,开发者们仍然将会在Adobe的软件上进行开发。所以推出一种新型的网页开发工具Edge,以帮助开发者在HTML5网页上创造更复杂的动画和互动效果。
Adobe网络专家组产品经理德汶·费南德(Devin Fernandez)称,随着HTML应用与开发越来越丰富,曾经通过Flash才能实现的工作,现在可通过Adobe Edge轻松完成。Edge支持事件连发操作,支持和元素,支持svg/png/gif/jpg图片,支持圆角矩形以及更多形状,支持元素与2D图形界面,支持SVG动画。
目前来看,Edge似乎和Flash运行在一个相似的界面上。Edge的时间轴和其他工具都位于和目前版本Flash的相同位置。但是界面背后,Edge是非常不同的。它是代替Adobe动作脚本形式的,动画效果创造基于JSON编码,所以代替动作脚本,动画效果是编码在html和javascript上,并运行在所有现代桌面浏览器和所有移动设备浏览器上,比如Safari浏览器。
三、MUGEDA-HTML5下的云动画平台
MUGEDA是一个基于HTML5技术的云动画平台,不用任何下载安装,打开支持HTML5的浏览器就可以创建动画,有各种造型工具,有图层、逐帧/补间动画、镜头切换、蒙版、路径编辑等丰富的动画功能,生成的动画可以插入网页,也可导出成各种格式,MUGEDA解决了目前HTML5缺乏动画工具的现状,可广泛应用于网页开发、游戏、电子出版等领域。体验MUGEDA很简单,登录http://www.mugeda.com,注册一个免费账号,就可以开始生成HTML5动画。
在线使用地址:http://www.mugeda.com
四、HTML5全栈开发工具:Make Games with Construct 2
最简单、最容易的基本游戏开发工具,它有一个可视化编辑器,让你不写一行代码创建HTML5游戏,这要归功于它的事件编辑器,而且对于初学者和高级用户都非常容易。该工具最近添加了WebGL加速。
100个事件以下的版本是免费的,其中包括拖放物理引擎。
下载地址:http://www.scirra.com/construct2/releases/r74
五、HTML5游戏开发工具:GameMaker 8.X
最老牌、最强大的一款工具。最近添加了对HTML5的支持(GameMaker:HTML5)。借助此工具的可视化开发界面,开发者无需写代码即可创建简单的游戏。
对于复杂游戏,GameMaker可以根据用户创建的界面生成游戏脚本代码,代码基于GameMaker语言(GameMaker Language,简称GML,这是GameMaker的最大优势),你可以手动编辑它们。
该工具的精简版(lite)是免费的。
工具下载地址:http://www.yoyogames.com/make
六、HTML5全栈开发编辑器:JavaScript IDE WebStorm
webStorm 是一款商业的 JavaScript 开发工具,虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document),但是做为 IntelliJ IDEA 的js缩水版,其它功能也是比较期待的。
具体的有:
1. 文件不用保存,敲完直接看演示(ff也有类似的一款插件,罗浮宫abcd曾推荐过)。
2. 自带有svn,如果不用服务器版的svn的话,本地自身带一个版本管理的。非常方便。
3. 编辑右侧有各浏览器浏览快捷方式,更是快中快。
官方下载地址:http://www.jetbrains.com/webstorm/download/
web前端之html5开发中常用的开发工具的更多相关文章
- NO.4 Android开发中常用框架及工具
android-pulltorefresh 一个强大的拉动刷新开源项目,支持各种控件下拉刷新ListView.ViewPager.WevView.ExpandableListView.GridView ...
- 依赖注入及AOP简述(十)——Web开发中常用Scope简介 .
1.2. Web开发中常用Scope简介 这里主要介绍基于Servlet的Web开发中常用的Scope. l 第一个比较常用的就是Application级Scope,通常我们会将一 ...
- 《web前端设计基础——HTML5、CSS3、JavaScript》 张树明版 简答题简单整理
web前端设计基础——HTML5.CSS3.JavaScript 简答题整理 第一章 (1)解释一下名词的含义:IP地址.URL.域名 iP定义了如何连入因特网,以及数据如何在主机间传输的标准. ...
- 2019-2-20C#开发中常用加密解密方法解析
C#开发中常用加密解密方法解析 一.MD5加密算法 我想这是大家都常听过的算法,可能也用的比较多.那么什么是MD5算法呢?MD5全称是 message-digest algorithm 5[|ˈmes ...
- Java开发中常用jar包整理及使用
本文整理了我自己在Java开发中常用的jar包以及常用的API记录. <!-- https://mvnrepository.com/artifact/org.apache.commons/com ...
- .net开发中常用的第三方组件
.net开发中常用的第三方组件 2013-05-09 09:33:32| 分类: dotnet |举报 |字号 订阅 下载LOFTER 我的照片书 | RSS.NET.dll RSS. ...
- spring注解开发中常用注解以及简单配置
一.spring注解开发中常用注解以及简单配置 1.为什么要用注解开发:spring的核心是Ioc容器和Aop,对于传统的Ioc编程来说我们需要在spring的配置文件中邪大量的bean来向sprin ...
- Android源码浅析(四)——我在Android开发中常用到的adb命令,Linux命令,源码编译命令
Android源码浅析(四)--我在Android开发中常用到的adb命令,Linux命令,源码编译命令 我自己平时开发的时候积累的一些命令,希望对你有所帮助 adb是什么?: adb的全称为Andr ...
- 开发中常用的es6知识
结合实际开发,开发中常用的es6的知识: 1.新增let和const命令: ES6 新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效: cons ...
随机推荐
- LeetCode Binary Tree Vertical Order Traversal
原题链接在这里:https://leetcode.com/problems/binary-tree-vertical-order-traversal/ 题目: Given a binary tree, ...
- gulp任务
项目使用的gulp自动化任务 //定义输出文件夹名称 var distFolderH5 = "distH5"; var distFolderMofang = "distM ...
- Java多线程代码示例
package algorithm; class Mythread extends Thread{ String name; public Mythread(String name){ this.na ...
- Python异步通信模块asyncore
https://docs.python.org/2/library/asyncore.html This module provides the basic infrastructure for wr ...
- ubuntu16.04部署RED5流媒体服务器
前提:jdk已经安装 1,下载RED5(https://github.com/Red5/red5-server/releases)选择red5-server-X.X.X-MXX.tar.gz 2,解压 ...
- linux-----------centos上搭建了lnmp环境,项目也上传上去了,刚开始没事,后来重启了以后就不行了。
关闭防火墙就可以了.或者你打开防火墙对80端口的限制. systemctl stop firewalld.service #停止firewall systemctl start firewalld.s ...
- SpringMVC整合Hibernate实现增删改查之按条件查询
首先我贴出我项目的结构,只完成了条件查询的相关代码,增删改没有写. 1.新建一个动态Web工程,导入相应jar包,编写web.xml配置文件 <context-param> <par ...
- 不同数据库中同一张表的SQL循环修改语句
select sample_value,Sample_GUID,row_number() over(order by sample_value )as rownumber into #AATemp ...
- C#中一些常用的正则表达式
需要引用using System.Text.RegularExpressions; Regex r = new Regex("^\\s*([A-Za-z0-9_-]+(\\.\\w+)*@( ...
- 注册Jdbc驱动程序的三种方式
注册Jdbc驱动程序的三种方式 1. Class.forName("com.mysql.jdbc.Driver"); 2. DriverManager.registerDriver ...