资讯频道 → Web前端
阅读更多

36顶
1踩

Web前端

翻译新闻 16 款优秀的Web开发辅助工具推荐

2012-05-22 16:36 by 副主编 wangguo 评论(17) 有50099人浏览
CSS javascript 图像优化 HTML5
优秀的工具，可以使你的开发工作事半功倍，帮助你创建出高品质的Web应用。

本文整理了16款重要的Web开发工具，涵盖CSS、JavaScript、图像优化和其他方面的Web开发工作，希望对你的开发工作能有所帮助。

一、CSS工具

1.  Simpless

这是一个免费的离线LESS代码编译器。如果你使用LESS，这是一个伟大的工具，能够自动检测代码变化，并编译它。可在Mac、Windows和Linux平台上使用。



2.  CSSWrap

一个很酷的CSS文本路径生成工具。



3.  LayerStyles

不想去记新的CSS3特性和前缀？该工具使用类似于Photoshop图层样式的界面，让你轻松配置阴影、背景、边框和边界半径。



4.  BearCSS

该工具可以根据上传的HTML文档，采集其中所使用的HTML元素，来生成CSS模板。



二、JavaScript工具

5.  Bookmarkleter

该工具可以将你的JavaScript代码转换成一个小书签，帮助你进行代码压缩和URL编码。



6.  JSLint

这是一个JavaScript调试工具。可以查找代码中的潜在问题，并返回一条消息，告诉你问题以及位置。



7.  ShowIF

这是一个简单的if...else工具，允许用户设置基于客户端环境（浏览器、操作系统、分辨率等）的条件，如果条件匹配则执行指定的动作。



三、图像优化工具

8.  JPEG Mini

在保持JPEG图片原有品质和格式的情况下，使图片大小减少为原来的1/5。



9.  PunyPNG

该工具可以大大降低图像文件的大小，且没有任何质量损失。



10.  SpritePad

一个快速、用户友好的在线CSS sprite生成器，支持图像拖拽，并可以生成你需要的CSS代码。



11.  SpriteMe

该工具以一种不同的方式来创建CSS sprite。这是一个书签，可以检测你网站中的图像，并相应地进行CSS sprite。



四、其他工具

12.  Browsers

实用的浏览器沙箱。你可以运行任何浏览器，而无需将它们安装到你的电脑中。目前只支持Windows平台。



13.  SpurApp

该工具使用不同的方法来测试页面的可用性和布局，利用的技术包括灰度、交叉点、间隔、对比、模糊、镜像等，为你展示你可能会忽略的设计缺陷。



14.  Pingdom

用于测试网站的加载时间，并分析，帮助你找出瓶颈。



15.  Loads.in

另一款计算网站加载时间的工具。



16.  HTML5 Test

测试浏览器对HTML5标准和规范的支持情况。



原文：16 Essential Web Development Online Tools
  • 大小: 40.6 KB
  • 大小: 22.9 KB
  • 大小: 13.9 KB
  • 大小: 26.3 KB
  • 大小: 8.3 KB
  • 大小: 42.5 KB
  • 大小: 18.2 KB
  • 大小: 44.4 KB
  • 大小: 18.4 KB
  • 大小: 19.3 KB
  • 大小: 45.3 KB
  • 大小: 23.2 KB
  • 大小: 13.1 KB
  • 大小: 24.7 KB
  • 大小: 27 KB
  • 大小: 14.2 KB
36
顶
1
踩
评论 共 17 条 请登录后发表评论
17 楼 Tom.X 2016-04-16 12:06
插件化的开源开发平台JXADF也相当不错。
16 楼 lliiqiang 2014-10-10 10:11
根据逻辑达到效果即可，原来的方案可以被修改，有好也有坏.
15 楼 jAmEs_ 2013-01-09 16:13
sp42 写道
不错  其中不乏实用的工具。

14 楼 sp42 2012-06-01 14:00
不错  其中不乏实用的工具。
13 楼 kisa1022 2012-05-25 11:16
图片压缩挺好，就是格式限制或者需要收费。
12 楼 greenmartian 2012-05-24 05:09
收藏        
11 楼 lvjinhua 2012-05-23 20:54
不错不错，这个里面的东西都是不错的。
10 楼 Ozone 2012-05-23 17:41
好东西啊！！ 都没用过！  Browsers  应该是个好东西！
9 楼 bamboo63 2012-05-23 17:04
不错，支持楼主
8 楼 nshg 2012-05-23 16:24
不错，图片压缩正好用的上，就是不知是否免费
7 楼 古尔德 2012-05-23 15:20
很好的整理，用得上！
6 楼 highill 2012-05-23 15:03
要是附带说一下 那个是免费的就更好的……这样选择起来更方便
5 楼 okjbc 2012-05-23 14:40
虽然没做过美工，只是用css和js写过东西。但看的出来作者是很用心的。。
4 楼 starshine_java 2012-05-23 13:23
感觉不错  不过不是美工  不会用 ...
3 楼 ronnin 2012-05-23 08:48
www.smushi t.com 图片压缩
2 楼 vvvpig 2012-05-22 23:13
eyessoft 写道
没有做过美工，不知道这些工具好不好用

我觉得美工都会不用这些工具，很多都是针对HTML5的
1 楼 eyessoft 2012-05-22 20:02
没有做过美工，不知道这些工具好不好用

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 手机java游戏怎么看源代码_谁能给我一个手机游戏的源代码啊

    展开全部这个地址也有，不过直接给你吧，这样比较好先给你看看主要的类吧package Game;import DreamBubbleMidlet;import java.io.IOException;import java.util.Enumeration;import java.util.Hashtable;import ...

  • 我的第一个原创J2ME游戏：砸飞机。

    哈哈哈，从来没有那么兴奋过，OK，在一个星期后，我发给了他这样的一个游戏： 本来想开发一款传统的打飞机游戏的，可是不知道该如何控制众多随机敌机从天而降的效果出来，所以干脆将错就错，用随机出现的一块陨石.....

  • WPF 使用全局键盘(快捷键)

    WPF 使用快捷键启动事件三种方式

  • JSR184,我学完自己做的程序

    整个项目都是跑通的,我在朋友索爱的walkman上测试了下.现在做app了,游戏方面,很久没看了,一句话很让人省悟,虽然不太愿意相信:基于j2me+web的游戏,是做不出PC平台游戏的那种辉煌的.(game规模,game界面,响应速度,费用,...

  • wpf 响应键盘按键

    1 注册KeyDown/KeyUp 事件 2 事件响应函数中做相关处理 /// /// 检测键盘按下 /// /// /// private void HandleHot_KeyDown(object sender, KeyEventArgs e) { if (e.KeyStates == Keyboard.GetKeyStates(Key.K)) {...

  • [转载]用Game API制作二维动作游戏

    用Game API制作二维动作游戏IDP 2.0里面包括一个用来简化编写二维游戏的API函数。这个API函数是非常简凑的，只包括javax.microedition.lcdui.game包里的五个类。这五个类主要提供了两个重要的...

  • netbeans游戏java_用netBeans编写的一个小游戏

    学习ｊａｖａ有一段时间了，但用ｊ２ｍｅ编写游戏是最近的事，作为一个新手，在编写游戏时会遇到很多问题。昨天，我根据书上所给代码，又加上自己的一点修改，写了一个非常简单的小游戏。游戏虽小，但涉及的内容却...

  • 我的J2ME学习历程2

    8．没有提供设备文件系统的持续型文件的读写接口，而使用the Record Management System (RMS)代替。 9．MIDP支持多线程，但是不支持线程组Thread group和守护线程 daemon thread,可以在应用层使用集合存储线程...

  • WPF-贪吃蛇

    xaml <Window x:Class="贪吃蛇wpf.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmln...

  • [转载]使用Game API开发J2ME 2D游戏

    使用Game API开发J2ME 2D游戏MIDP2.0中推出了Game开发包，为开发者提供了游戏开发的便利。javax.microedition.lcdui.game包内总共有五各类，分别是GameCanvas、Layer、S...

  • WPf 使用KeyDown后屏蔽方向键导致的焦点移动

    private void MainWindows_KeyDown(object sender, KeyEventArgs e) ... if (e.KeyStates == Keyboard.GetKeyStates(Key.Left)) { Last_Click(null, null); //取消该事件不然会移动焦点 e.Handled ...

  • 郭克华手机编程教学视频----我的练习源码(31)GameCanvas基本测试

     //由于GameCanvas沒有默认构造方法，所以得写一个构造方法来完成构造  public MyGameCanvas() {  //这里的true，表示只让与游戏有关的键可以使用。  super(true);  /******************************精灵******...

  • WPF之监听组合键事件

    上述代码看起来蛮正常，但是很遗憾，当我们按下向上键和Alt键时候是无效的，可是当按下Ctrl和向上键就是ok的，很是无语，好在有了下边的代码。 private void KeyDown( object sender, KeyEventArgs e) { ...

  • [转载]在J2me游戏使用“精灵”－Sprite(图)

    在J2me游戏使用“精灵”－Sprite(图)Sprite，精灵，顾名思义，专用来代表游戏中的动画角色，比如飞机，坦克等等。在MIDP1.0中，我们必须自己写专门的类来实现Sprite，幸运的是，MIDP2.0为Sprite提供...

  • VSTO Office二次开发键盘鼠标钩子使用整理

    简单整理了一下，没有找到很好的程序示例，做了个简单的Hook测试。(对于Hook的原理和调用细则，这里不涉及了，只是简单的Hook小测试，感兴趣的查一下吧)1.Win32API函数:（简单封装对于API函数的调用） View Code ...

  • 用GameAPI函数制作二维动作游戏

    下面的代码片断告诉你如何装载图像和创建TiledLayer类。   Image image = Image.createImage("/board.png"); TiledLayer tiledLayer = new TiledLayer(10, 10, image, 16, 16); ...

  • J2ME游戏API简介

    1 游戏API简介 MIDP 2.0相对于1.0来说，最大...由于无线设备仅有有限的计算能力，因此许多API的目的在于提高Java游戏的性能，并且把原来很多需要手动编写的代码如屏幕双缓冲、图像剪裁等都交给API间接调用本地代码来实

  • j2me学习十_MIDP2.0学习

    GameCanvas及Sprite类的使用import javax.microedition.lcdui.Graphics;import javax.microedition.lcdui.Image;import javax.microedition.lcdui.game.Gam

  • 计算机视觉开发：OpenCV入门教程及应用

    内容概要：本文档详细介绍了OpenCV的基本概念及其在计算机视觉领域的应用，重点讲解了OpenCV在C++和Python环境下的安装方法，并提供了图像读取、显示、基本操作、视频处理以及面部检测的具体代码示例。此外，还涉及了一些图像处理技术的快速演示和进一步学习的路径建议。 适合人群：对计算机视觉感兴趣的新手开发者和技术爱好者。 使用场景及目标：本教程适用于希望入门计算机视觉和图像处理的新手，通过实际操作练习提升技术水平，掌握OpenCV的基本用法，并能够应用于实际项目，如OCR应用、图像分割与目标检测等。 阅读建议：建议读者按照文档提供的步骤进行实践，逐步完成每个代码示例，结合官方文档和其他资源深入理解各个函数的作用。对于初学者来说，可以通过多动手尝试，加深对OpenCV的理解。

Global site tag (gtag.js) - Google Analytics