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

6顶
0踩

Web前端

翻译新闻 12款有助于简化CSS3开发的工具

2011-05-17 17:32 by 见习编辑 希·梦 评论(0) 有4295人浏览
Web综合 HTML 浏览器
网站开发者能通过CSS3为网站设计增添很多时尚元素，CSS3 对CSS规范做了很大的改进。现在，本文将为你介绍12款有助于简化CSS3开发的工具。

1、CSS3 Pie:

允许在IE上使用CSS3绝大部分的酷炫功能。

2、CSS3 Builder：

通过该工具，你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。

3、CSS3 Drop shadow generatr：

通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。

4、Cascadr：

非CSS3特有但却非常实用。允许输入HTML代码并能够侦测该代码中所有的内联CSS，将之从HTML中移除并添加到一个单独的样式表中。

5、Border Radius.com：

当前最流行的CSS3属性之一。有助于快速创建圆角box模型并获取适当的CSS3代码。

6、Button Maker：

允许创建出色的按钮。使得CSS3 按钮设计变得非常简便——只需采集颜色，调整半径，获取代码，粘贴代码至CSS文件即可。

7、CSS3 Generator：

使用便利，有助于创建最流行的CSS3属性代码，如 @font-face, RGBA, text-shadow, border-radius等代码。

8、Modernizr：

用于侦测浏览器是否支持CSS3，能为<html>元素添加类以此在样式表上对特定浏览器功能进行定位。例如，当浏览器不支持多样背景时，"no-multiplebgs"就将被添加到<html>元素上。

9、HTML5 & CSS3 Support：

想知道IE 8是否支持"text-shadow"属性？那就看看这张图表吧！该图表展示了所有主流浏览器所支持的CSS3属性，极具实用性。

10、CSS3 Gradient Generator:

渐变生成器。只需采集颜色、预览颜色，抓取代码并粘贴代码即可。

11、CSS3 Please：

非常有用的可让用户复制并粘贴常见CSS3代码的站点。具有可供现场测试效果的预览区。

12、CSS3 Cheat Sheet：

CSS3 cheat sheets有助于在编码过程中快速记忆属性及其语法。Smashing Magazine 创建了这个图表，支持下载与打印。同时支持.gif格式预览。

Via：http://www.catswhocode.com/blog/10-useful-tools-to-simplify-css3-development
  • 大小: 67.3 KB
  • 大小: 45.6 KB
  • 大小: 175.9 KB
  • 大小: 45.7 KB
  • 大小: 23.7 KB
  • 大小: 76.9 KB
  • 大小: 45.5 KB
  • 大小: 124.9 KB
  • 大小: 214.4 KB
  • 大小: 115.3 KB
  • 大小: 100.3 KB
  • 大小: 148.4 KB
6
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

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

相关推荐

  • 实战揭秘：开发.Net平台应用系统框架

    实战揭秘：开发.Net平台应用系统框架作者：孙亚民    本文选自：赛迪网微软的.Net平台给应用程序开发提供了一个非常好的基础系统平台，但是，如何在这个系统平台上构建自己的应用系统，还需要我们针对应用系统的特点，构建自己的应用系统框架（Framework）。我们在应用.Net开发系统的过程中，结合多年的开发经验，也参考了J2EE的架构，设计了一

  • 基于.NET平台常用的框架整理

    自从学习.NET以来，优雅的编程风格，极度简单的可扩展性，足够强大开发工具，极小的学习曲线，让我对这个平台产生了浓厚的兴趣，在工作和学习中也积累了一些开源的组件，就目前想到的先整理于此，如果再想到，就继续补充这篇日志，日积月累，就能形成一个自己的组件经验库。 分布式缓存框架： Microsoft Velocity：微软自家分布式缓存服务框架。 Memcahed：一套分布式的高速缓存系统，目前...

  • .net快速开发平台—web快速开发框架

    力软web快速开发框架 力软web是基于ASP.NET MVC的敏捷开发系统，他是一款具有代码生成功能的智能快速开发平台。力软web的主架构是基于.Net MVC的b/s架构，后台ORM支持 EF 和 dapper 两种模式。系统前后台通 Ajax 交互，这样使得前台不必依赖于后台的开发语言，日后要重构成php、JSP 后台的话，UI 层完全不用动。 力软w...

  • .NET(c#) 移动APP开发平台 - Smobiler平台介绍

    类似开发WinForm的方式，使用C#开发Android和IOS的移动应用？听起来感觉不可思议，但是实际上确实很强大，那么Smobiler平台到底是如何实现的呢，这里给大家介绍一下。 客户端 　　Smobiler分为两种客户端，一种是开发版，一种是打包版 开发版：顾名思义，就是用来做开发时候的版本，在上面一章节中，大家其实都用过了，就是扫描服务端的二维码，添加服务端后，就可以进行开发调试了。这个客...

  • .net web 应用程序C#

    简介 开发环境：VS2015 ASP.NET：可以开发出几乎所有运行在Windows上的应用程序；.NET是一种架构，一种新的API；引入程序集代替DLL； ADO.NET:一组.NET组件提供对数据库和各种数据源的访问。 开发模式：web page、MVC、web form 语言：C#，可以利用.NET开发环境中的所有新特性；VB 服务器标记语法：Razor 创建web应用程序 步...

  • 50+款前端高效开发辅助工具总结

    总结开发过程中提增效率的开发工具。

  • 【云驻共创】 JAVA常用的开发工具有哪些？

    其实开发过程中用过的各种各样的工具还有很多，只是一时间无法全部都枚举出来，后续想到其他的好用工具会持续补充到文章中，文档中涉及到的工具找不到的可以评论区留言或者私信我，希望本文对大家有所帮助。

  • 前端开发40款优秀的CSS代码编写工具

    转载自：http://www.csdn.net/article/2014-01-22/2818229-40-css-tools-to-improve-your-productivity ...CSS工具是开发者和设计者所不可缺少的，它们不仅简化了工作流，还可提高CSS编写速度。本文

  • 这12个前端在线工具网站，建议每个开发人员了解下

    本文将向您介绍12个重要的网站，它们能够帮助您简化前端网站开发的过程，让它变得更加快捷和愉悦。在这些网站上，您可以找到各种工具、技术和资源，包括设计素材、代码库、框架、文档和社区支持等。希望这些资源能够...

  • 基于.net开发平台项目案例集锦

    基于.net开发平台项目案例集锦 作者：郑佐 2006-10-31经过微软.net  Framework 2.0的革新，.net平台的开发越来越精彩。笔者收集基于.net开发的n个项目，一方面为新手提供有价值学习资源，培养起软件开发的乐趣，另一方面共勉已从事.net领域工作多年并有明确发展目标的同仁，提高自己，更上一层楼。 SharpDevelop强大的插件系统，通过A

  • .NET平台

    前言        “对于刚开始接触C#的初学者来说，了解一下.NET平台是很有必要的。”这是我在看C#的时候常听到的一句话，所以就总结了一下有关.NET平台的一些基础知识。事先声明：以下所述，错误难免，如有误导之处，请大家给予指正。 .NET平台        .NET平台又称.NET框架（.NET Framework）,是.NET的核心组成部分，提供了一个

  • 微服务下的配置管理---Apollo(基于k8s部署)

    微服务下的配置管理—Apollo 为什么需要统一管理配置 在微服务的架构下，架构的复杂度以及服务的数量都会比之前单体应用复杂很多，配置的集中管理,以及模块化管理是非常有必要的。 服务对于配置的依赖程度也非常高，配置修改后的实时生效、灰度发布、环境的区分等等。 我们的服务部署在k8s上,打包的方式基于docker所以一次构建所有环境部署这一点是毋庸置疑的.配置外置使容器达到真正的无状态。 在面对这样...

  • .Net应用开发

    第三章 一.单选题（共6题,100.0分） 1 if语句后面的表达式应该是: A、字符串表达式 B、条件表达式 C、算术表达式 D、任意表达式 正确答案： B 我的答案：B 得分： 16.6分 2 以下叙述正确的是: A、do-while语句构成的循环不能用其他语句构成的循环来代替 B、do-while语句构成的循环只能用break语句退出 C、用do-while语句构成的循环,在while后的表...

  • C# dotnet core开发跨平台桌面应用程序(基于GTK+3.0)

    1.Windows下开发环境VisualStudio2019 2.新建C#跨平台应用 3.工程解决方案右键Nuget安装Gtk3依赖 4.编写代码： 5.编译运行（编译ok，会提示下载gtk-3.24.zip） 自行下载gtk-3.24.zip: 下载完成后解压在C:\Users\登陆用户\AppData\Local\Gtk\3.24\目录下 6.运行截图 7.发布到Linux下 右键工程-&gt;publish(发布)-&gt;选择Folder-&gt;新建profile ..

  • 12个前端开发必备开发的工具

    在这篇文章中，我们向您展示了一个将工具和服务分类为bucket的框架，它可能会在前端开发过程中对您有所帮助。在每个类别中，我们都会讨论一个受欢迎的选择，同时也会给您一个可供选择的选择，以防您不同意我们最初的...

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

    而为了便于学习和工作（减少996），涌现了很多优秀的开发工具用以帮助开发者提高工作效率。现在我把我工作多年来收集实用的开发利器分享出来，希望能够给同学们参考借鉴（以下排名不分先后）。假如各位同学有更好的...

  • 程序员最喜欢的22款软件开发工具

    市面上有海量的软件开发工具，因此，选择最佳软件开发工具可能是一项挑战。本文是 22 款顶级软件开发工具的精选列表。 我们将软件开发工具分为以下几类： 推荐工具 IDE （集成开发环境） 框架 ...

  • HTML+CSS笔记（当作工具书使用）

    HTML+CSS学习笔记①拨云见日HTML基础HTNL常用标签HTML初始代码HTML注释标题与段落文本修饰标签图片标签路径的引入链接标签锚点特殊...CSS选择器1、ID选择器2、CLASS选择器3、标签选择器（TAG）选择器4、群组选择器

  • HTML5+CSS3笔记 (黑马pink老师)

    &lt;option&gt;2option&gt; &lt;option&gt;3option&gt; &lt;option&gt;4option&gt; &lt;option&gt;5option&gt; &lt;option&gt;6option&gt; &lt;option&gt;7option&gt; &lt;option&gt;8option&gt; &lt;option&gt;9option&gt; &lt;option&gt;10option&gt; &lt;option&gt;11option&gt; &lt;option&gt;12option&gt; ...

Global site tag (gtag.js) - Google Analytics