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

18顶
0踩

Web前端

翻译新闻 10 款实用的 CSS 开发助手推荐

2012-02-24 15:36 by 副主编 wangguo 评论(2) 有9493人浏览
CSS CSS3 HTML5
本文整理了10款非常实用的CSS工具，这些工具可以帮你处理一些单调重复性的工作，大大提高了Web开发工作效率，简化了工作流程。

1.  Animatable

该工具用于创建CSS3动画，创建的动画可以在任何平台或设备（包括Android、BlackBerry、iOS 和WebOS等）中的现代浏览器中运行。即便你不熟悉CSS，该工具也能帮助你创建多场景的CSS3动画。



2.  CSS3 Buttonize Framework

这是一个轻量级、灵活、即时按钮框架。只需简单选择按钮样式示例，然后根据提供的链接下载CSS代码即可。该框架还会告诉你如何使用这些代码。



3.  Patternify

这是一个简单的CSS图案生成器。你可以在基于Web的图形化界面中绘制你想要的图案，然后该工具将自动生成CSS代码。



4.  CSS3 Patterns Gallery

正如该工具的名字，这是一个CSS图案画廊，网页中显示了每个图案的预览，单击你需要的图案，即可显示该图案的CSS代码。



5.  Columnal

这是一个CSS网格系统，整合了两套自定义CSS代码。Elastic网格系统来自cssgrid.net，另外一些来自960.gs。



6.  Spritemapper

该工具可以将多个图片合并成一个，并生成相应切片的CSS配置代码。这样，既节省了你写代码的时间，又提高了网页加载时间。



7.  The Web Font Combinator

该工具通过示例，让你直观地试验、预览页面中各部分（标题、副标题、正文）字体的效果。



8.  Layer Styles

这是一个基于浏览器的图形编辑器，你可以在一个对话框（类似于Photoshop图层样式对话框）中设置图形的样式，然后该工具会自动生成CSS代码。



9.  Sencha Animator

这是一个桌面应用，允许你创建可在现代浏览器和触屏移动设备中运行的CSS3动画。



10.  Holmes

这是一个CSS样式诊断工具，通过添加一个类，即可在页面中高亮显示一些错误或无效的HTML/HTML5标记，如使用红色边框显示错误信息、黄色边框显示警告信息、灰色边框显示不赞成使用的样式，还可以突出显示可改进的标记、非W3C元素和属性等。



Via jQuery4u
  • 大小: 69.4 KB
  • 大小: 74.6 KB
  • 大小: 63 KB
  • 大小: 59 KB
  • 大小: 60.9 KB
  • 大小: 55.7 KB
  • 大小: 79.1 KB
  • 大小: 59.6 KB
  • 大小: 68.6 KB
  • 大小: 70.2 KB
18
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 白糖_ 2012-02-27 09:35
有木有国产山寨的？
1 楼 tommet 2012-02-25 13:20
收了 感谢

发表评论

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

相关推荐

  • 纯HTML开发的桌面助手（闹钟、日历、备忘录等）

    内容索引:脚本资源,HTML,闹钟　这个小工具是用纯静态html页面制作，主要用到了JAVASCRIPT技术，集成了一些比较实用的功能。把此页面设置成活动桌面，可以对你的工作带来方便。它包括有闹钟、日历以及备忘录等功能。...

  • 一位BAT大牛推荐的程序员必装10款神器软件

    IntelliJ在业界被公认为最好的java开发工具，尤其在智能代码助手、代码自动提示、重构、JavaEE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是...

  • 程序员常用的28+10款开发工具以及年度各方向的工具

    IntelliJ在业界被公认为最好的java开发工具，尤其在智能代码助手、代码自动提示、重构、JavaEE支持、各类版本工具(git、svn等)、JUnit、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的...

  • 推荐VScode十大实用插件

    本文来源于：老袁聊前端宇宙最好用的编译器：Vscode，推荐以下十大使用插件！1.代码智能提示Kite AI Code AutoCompleteKite 支持js与python的多行补全...

  • 30 个极大提高开发效率超级实用的 VSCode 插件

    这些插件主要适用于前端开发人员，但也有一些通用插件也可以适用于任何开发环境。以下是我将介绍的 VSCode 插件： Settings Sync Live Server Remote SSH Prettier Bracket Pair Colorizer Auto Rename Tag GitLens...

  • Rapid CSS editor(CSS编辑软件) 12.3.0.151 官方特别版.zip

    是款很实用的CSS代码编辑修改工具。 Rapid CSS editor功能特点 快速，轻量轻 加载比任何其他具有类似的功能的CSS编辑器或IDE要快得多 强大的语法高亮 支持HTML，CSS，减，上海社会科学院，javascript的，php，...

  • 强推 20 款实用的 Chrome 插件

    Swagger + Mock + JMeter 快速ide类代码树 快速搜索树格式 书签回购，问题，pr，文件 支持GitHub主题 支持私有存储库 高性能，与任何大小的存储库工作 7、CSS Peeper 提取CSS并构建漂亮的样式指南 二、实用工具类 ...

  • 实用且堪称神器的Chrome插件推荐

    前言 相信很多人都在使用 Chrome 浏览器，其流畅的浏览体验得到了不少用户的偏爱，但流畅只是一方面， Chrome 最大的优势还是其支持众多强大好用的扩展程序（Extensions）。...闲话不多说，直接上推荐的插件，可...

  • 前端开发常用的Chrome插件推荐

    今天给大家推荐几个在程序员中口碑不错非常实用的Chrome插件。 1、Lighthouse前端性能优化测试工具 Lighthouse插件是一款开源的自动化检测工具，由谷歌官方团队提供，正儿八经的行业标杆。可以对需要测试的页面运行...

  • [提高工作开发效率]程序员常用的工具软件推荐

    现在我把我工作多年来收集实用的开发利器分享出来，希望能够给同学们参考借鉴（以下排名不分先后）。假如各位同学有更好的值得推荐的利器欢迎在文末留言或者去GitHub知识库中留下你宝贵的Issues，该Issue...

  • 实用高效，27款腾讯热门开源项目推荐

    腾讯作为互联网行业的一大巨头，一直都不吝啬将好的技术开放...本文为大家整理出27款当前使用较多，口碑较好的腾讯开源软件，这些工具在一定程度上为日常办公节省了时间及人力成本，提高了工作效率。希望它们能给你...

  • 【开发工具 idea】值得推荐的15款idea插件

    IntelliJ在业界被公认为最好的java开发工具，尤其在智能代码助手、代码自动提示、重构、J2EE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。 而idea的插件...

  • 十款让 Web 前端开发人员更轻松的实用工具

    这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具。每个Web开发人员都有自己的工具箱，这样工作中碰到的每个问题都有一个好的解决方案供选择。 对于每一项工作，开发人员需要特定的辅助工具，所以...

  • Web前端框架（JavaScript，CSS）、html组件、CSS规范与第三方库

    框架是提供一套完整的解决方案，按照规定好的代码结构来做编排，同时前端功能越来越强大而产生的前端框架，所以开发web产品就很必要用前端框架（前端架构）。 2、三大主流框架 React React是一个开源的JavaScript...

  • 猿创征文｜2022个人开发工具集积累和分享

    今天给大家分享一下作为一名资深程序员，日常常用的一些开发工具，相信有一些大家都经常用，有一些可能还没有用过，以下的10多个开发工具都是日常工作常用的，现在分享给大家，希望能给大家日常的办公、生活带来一些...

  • 超级好用的开发工具，程序员实用工具整理

    其实本来打算写的是web开发工具合集，但写着写着觉得不太过瘾，所以索性把所有用得到的工具都列出来了。 如果能在一开始就把这些工具利用起来，相信可以大大提高工作效率，所以起码对新手来说是比较有益的。而且从...

  • stalfos：带有方便CSS实用程序类生成器的Sass帮助器的骨骼集合

    :exclamation_mark: :exclamation_mark: :exclamation_mark:关于Stalfos是一个开源的骨骼前端开发入门工具包。 它为您提供使用HTML，Sass和JavaScript的坚实起点。 它还提供了用于处理图像，字体和SVG的工具。 除了...

  • 27款实用高效的腾讯热门开源项目推荐

    WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库，是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一。 DEMO：https://weui.io/ 1/26 ...

  • 【python毕业设计】疫情防控下医院人员调动系统源码（完整前后端+mysql+说明文档+LW）.zip

    功能说明： 系统主要包括首页，个人中心，医护人员管理，操作员管理，体温数据管理，隔离治疗管理，轮班调度管理，支援信息管理等功能模块。 环境说明： 开发语言：python Python版本：3.6.8 数据库：mysql 5.7数据库工具：Navicat11开发软件：pycharm

Global site tag (gtag.js) - Google Analytics