• 20个大大节省你时间的HTML5开发工具


    Rendera

    如果你希望有个环境可以测试、浏览和体验各种不同的 CSS/HTML 和 JavaScript 代码,Rendera 为你提供了实时的运行结果。类似 RunJS。

    点击查看原始图片

     

    Patternizer

    从名字可看出该工具可以创建真正的调色板,包括各种线条和条文,可编辑线宽、颜色、角度和间隙,特别适合用来创建背景图片。

    点击查看原始图片

     

    CanvasLoader Creator

    通过这个工具可以定制你的加载器,创建更吸引眼球的访问体验,无需任何编码

    点击查看原始图片

     

    On/Off Flipswitch HTML5/CSS3 Generator

    用来创建各种滑动开关效果

    点击查看原始图片

     

    Font Dragr

    用来测试字体是否适合你的网页,只需拖放即可操作

    点击查看原始图片

     

    Sprite Box

    It enables adding life in sprite images by adding them with HTML5, CSS3, or JavaScript codes.

    点击查看原始图片

     

    Sketch Toy

    这是一个简单的工具,通过鼠标可轻松创建各种素描艺术效果

    点击查看原始图片

     

    Adobe Edge Animate

    用来创建兼容各种浏览器的动画效果 

    点击查看原始图片

     

    Initializr

    Initializr 提供模板化工具来快速创建 HTML 网站

    点击查看原始图片

     

    HTML KickStart

    同上,快速的网站创建工具,允许通过简单点击编辑按钮、列表、表格和排版

    点击查看原始图片

     

    Adobe Typekit

    该工具帮你选择合适的字体,并可进行实时效果预览  

    点击查看原始图片

     

    Webdirections

    Webdirections 可方便的测试、浏览和体验代码,通过简单的点击进行 HTML、CSS 的操作

    点击查看原始图片

     

    Liveweave

    另外一个类似 RunJS 的在线工具

    点击查看原始图片

     

    MRI

    MRI 可以让你测试各种选择器

    点击查看原始图片

     

    LimeJS

    LimeJS 是一个 JavaScript 游戏开发框架,允许开发者创建基于 HTML5 的游戏,支持主流浏览器包括iOS。

    点击查看原始图片

     

    The HTML5 Test

    用来测试浏览器对 HTML5 的支持程度

    点击查看原始图片

     

    Moqups

    Moqups 是一款HTML5在线的WEB框架、模型、UI设计并创建的网络应用程序。

    点击查看原始图片

     

    Stitches

    Stitches 是一个 HTML5 sprite 样式创建工具,可以将多个图片合并成一个,并给出 sprite 样式。

    点击查看原始图片

     

    Online 3D Sketch Tool

    这是一个在线 3D 草图工具

    点击查看原始图片

     

    CreateM

    CreateM 是一个真正酷的 HTML5 工具,可编辑网站的所有属性

    点击查看原始图片

  • 相关阅读:
    Java 环境搭建的一些问题
    DefaultHttpClient is deprecated 【Api 弃用]】
    Java良葛格 学习笔记《二》
    Java良葛格 学习笔记
    JAVA EE 运行环境配置(包含JAVA SE)
    AIR使用文件对象操作文件和目录
    As3.0 类的【枚举】
    Java&&As3.0 中的final 关键字
    字符串参数组合
    PHP 超级全局变量
  • 原文地址:https://www.cnblogs.com/dingxiaoyue/p/4948279.html
Copyright © 2020-2023  润新知