http://www.iteye.com/news/23692/  10 款非常棒的CSS代码格式化工具推荐 2011-12-14 09:31 by 副主编 wangguo 评论(0) 有9111人浏览 CSS 代码格式化 相关知识库:  PHP知识库  信息无障碍知识库  计算机网络知识库  C#知识库 如果你刚开始学习CSS,这意味着你的很多代码或结构可能需要优化,比如你可能过多使用了类.添加了多余的间隔或空行等等,这将导致代码臃肿.混乱,可读性和执行效率将大大降低. 本文为你整理了几款CS…
如果你刚开始学习CSS,这意味着你的很多代码或结构可能需要优化,比如你可能过多使用了类.添加了多余的间隔或空行等等,这将导致代码臃肿.混乱,可读性和执行效率将大大降低. 本文为你整理了几款CSS工具,借助它们,你可以轻松写出漂亮的CSS代码. 1. CSS Lint 这是一个在线工具,可以帮助你检测CSS代码中的问题.该工具可以对一些基本的语法进行评估,并使用一套规则,以寻找有问题或效率低的代码. 2. CSS Compressor 这是一个有用的工具,可以帮助你压缩CSS,以提高加载速度和优化…
转自:http://www.iteye.com/news/24535 网上有很多用于绘制图表图形的免费JavaScript插件和图表库,这类插件大量出现的原因,一是人们不再依赖于Flash,二是浏览器和精密的计算使呈现实时数据变得容易,而且各种向量绘图技术像VML.SVG和Canvas的发展也使之成为可能. 本文推荐10款强大的绘制图表图形的JavaScript插件.其中一些插件需要主流浏览器的支持,而另外一些经过整合后,也能在不同的平台和老版本的浏览器上工作.有些工具是独立的框架,大部分支持常…
本文整理了 10 款非常好用的 jQuery 切换效果插件,包括平滑切换和重叠动画等,这些插件可以实现不同元素之间的动态切换. 1. InnerFade 这是一个基于 jQuery 的小插件,可以实现页面内的元素淡入淡出效果. 源码/演示 2. HighlightFade 该插件可以实现高亮.缩放等效果. 源码/演示 3. Dynamic Page / Replacing Content 使用按钮实现网页内容的动态切换. 源码 / 演示 4. jqFancyTransitions 这是一个易于使…
在Mac上有大量强大的开发和设计工具,今天和大家推荐10款Mac上的经典原型设计开发工具,原型设计工具是开发者必备的一款工具,无论是网站开发还是移动APP开发,都需要在前期进行严格细致的原型设计,才能在后期开发中节省时间. 本文图片和内容均来自[风云社区 SCOEE],如想了解更多mac软件可上[风云社区 SCOEE]. 有需要其他类型的软件,可在评论区留言或私信于我[磨人的小妖精],以后也会不断更新更多专题资源. 有想要的软件资源,需要下载的也可以找我[磨人的小妖精]私信留言. 往期专题 ma…
这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中.这些日历插件易用性都很强,轻轻松松的就可以把漂亮的日历插件装饰到你的网站了.希望下 面的插件列表能给予你一定的帮助,让你的 web开发更快更好.旧版本的日历插件和下拉框已经被淘汰啦,好好欣赏 jQuery 日历插件给你带来的强烈视觉冲击吧! 1. CLNDR.js CLNDR.js 是一个日历插件,用来创建日历,允许用户随意的按照自己的想法去自定义日历.这个插件不会生成任何的…
本文转载:http://www.oschina.net/news/24327/10-ajax-css-html-online-form-builder 在这篇文章中,我们将介绍10个超棒的在线表单生成器,帮助你整合web表单到你的网站中,希望大家喜欢! 1. Form Assembly 这是个web表单的CSS样式集合 2. JotForm 第一款基于可见即可用的表单生成器.使用你的浏览器创建和发布web表单.一个拖拽的用户界面使得表单创建对于任何人都是轻而易举的事件 3. pForm (Fre…
引言:新的在线工具和 WebApp 帮助开发者快速地创建网站而不用写代码.前端开发已经在框架和代码库方面有了很大的进展. 现在许多开发者已经忘记了代码生成器在构建网站时的价值.下面的资源是完全免费的 WebApp,这些 WebApp 能够为模板,渐变,甚至浏览器属性的前缀生成 CSS3 代码.如果你是前端开发者,这些资源可以帮助你节省很多时间,并可以为以后的项目提供可复用的源码. 工具索引: CSS3 Generator Enjoy CSS Patternify ColorZilla Gradi…
摘要:作为WEB前端开发人员,你的工作可能很大一部分都在编写CSS代码,为了提高前端开发人员编写CSS代码的效率,编程文库从 网上搜集了17款可以提高你CSS代码效率的CSS工具,它们可以帮助你快速生成CSS菜单.动画影像.按钮.滑块.动画文本.CSS形 状代码.全文请看:17款提高编码效率的CSS工具. 不用介绍,软件开发界的“地球人”都知道CSS,因为它是最流行的一种样式设计语言.学习和使用CSS已经不再是一件棘手的事,因为在网上可以获得很多信息教程和CSS工具.这些工具有助于你创造出有用的…
Animate.css是一款很牛逼的,跨浏览器的css3动画库,使用方法也很简单只要引入一个animate.min.css就可以了, 简单使用 1 首先引入 animate的 css 文件样式 cdn文件 <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> </head…
大家好,我是你们的 超级猫,一个不喜欢吃鱼.又不喜欢喵 的超级猫 ~ 如果 CSS 是女孩子,肯定如上图那样吧…
前言 之前写了四篇HTML和CSS的知识点,也相当于是一个知识点汇总.有需要的可以收藏,平时开发过程中应该会遇到这些点,到时候再查看这些博客可能更容易理解.从这篇开始更多的介绍开发过程经常让人头痛的前端问题,以及如何编写性能比较高的前端代码.本人也是刚入门前端的小菜,希望各位前端大牛多多纠正内容中写的不对的地方,让我提升的更快.最近看到博客园中好多前端大牛,都是在各大bat公司工作,这也是我做开发的梦想... 导航 1.基础篇 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知…
CSS代码格式化工具 http://tool.lanrentuku.com/cssformat/ 可实现CSS代码格式化和CSS在线压缩 请将CSS代码复制到下面表单中:    …
jQuery绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器.可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题,希望大家喜欢!如果你也有相关的代码,请大家积极分享! 代码片段1: 在表单中禁用“回车键” 大家可能在表单的操作中需要防止用户意外的提交表单,那么下面这段代码肯定非常有帮助: 在线调试 …
jQuery 绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器.可能大家在日常的开发过程中常常会处理表单相关的 javascript,在今天这篇代码片段分享文章中,gbin1收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大 家更好更快的处理表单相关问题,希望大家喜欢!如果你也有相关的代码,请大家积极分享! 代码片段1: 在表单中禁用“回车键” 大家可能在表单的操作中需要防止用户意外的提交表单,那么下面这段代码肯定非常有帮助:…
最近在写项目的framework,写个JQueryMessageBox的类,以使用jquery ui中的dialog()来显示消息框,为了使方法方便调用,便加入了自动判断页面是否加入了ui.js和ui.css,代码如下: //如果没有包含ui.js,则引用 if ($('script[src$=""jquery-ui-1.8.11.custom.min.js""]').length == 0) {{ $(""<script src='/js…
10个超漂亮的CSS 3D特效 一.总结 一句话总结: 后面有空得好好练一练,也可以作为录课素材 二.10个超漂亮的CSS 3D特效 转自或参考:10个超漂亮的CSS 3D特效https://blog.csdn.net/wangdingfeng5141/article/details/81583123 在油管(B站)上看到了10个超漂亮的CSS 3D特效,遂分享给大家,有写是css+JavaScript实现的. B站视频链接:10 个 3D 网页 CSS特效!_哔哩哔哩 (゜-゜)つロ 干杯~-…
嗨,我是 Martin,也叫老王,今天推荐一款好用的开源图标库. 我们平常找图标往往会去 iconfont 但是今天,我们看了 Martin 的文章之后,就会有一个新的选择--CSS.GG Github https://github.com/astrit/css.gg star 5751 fork 214 Watch 86 项目介绍 700 + 纯 CSS, SVG & Figma UI Icons 可用在 SVG 精灵图, styled-components, NPM & API 使用方…
尽管各种 JavaScirpt 框架和库层出不穷,jQuery 仍然是 Web 前端开发中最常用的工具库.今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段. 您可能感兴趣的相关文章 精心挑选12款优秀 jQuery Ajax 分页插件 分享60款绚丽的 jQuery 幻灯片插件下载 分享8款效果精美的 jQuery 加载进度条插件 期待已久的2012年度最佳 jQuery 插件揭晓 精心挑选的优秀 JavaScript 日历和时间插件 平滑滚动到锚点 这个功能很常见,在…
新的在线工具和 WebApp 帮助开发者快速地创建网站而不用写代码.前端开发已经在框架和代码库方面有了很大的进展. 但是许多开发者已经忘记了代码生成器在构建网站时的价值.下面的资源是完全免费的 WebApp,这些 WebApp 能够为模板,渐变,甚至浏览器属性的前缀生成 CSS3 代码.如果你是前端开发者,这些资源可以帮助你节省很多时间,并可以为以后的项目提供可复用的源码. 1. CSS3 Generator CSS3 Generator 是最受欢迎的用于代码生成的 web 应用之一.这个应用对…
大家都知道,在网页制作时使用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制.只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式.CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的.本文推荐10款使用CSS3实现的超酷前端动画效果.希望对大家有所帮助! 1.  使用纯CSS3和jQuery生成的超棒幻灯效果 一个使用CSS3动画和jQuery生成的超酷幻灯效果,拥有非常棒的CSS3过度效果,整体设计也非常…
推荐9款很棒的可在网页中绘制图表的JavaScript脚本,这些有趣的JS脚本可以帮助你快速方便的绘制图表(线.面.饼.条…),其中包括jQuery.MooTools.Prototype和一些其它的JavaScript框架. 您还可以参考以下JavaScript/CSS相关教程及资源:<10个非常棒的Ajax及Javascript实例资源网站><精选30个优秀的CSS技术和实例><300+Jquery, CSS, MooTools 和 JS的导航菜单资源> 1.Flot…
利用HTML5工具不仅可以帮助设计师和开发者创建更具吸引力的网站,还能增加网站的可用性和可访问性.本文收集了10款HTML5开发工具让你在网页中搭建特效.动画.视频.音频等诸多功能,为你节省更多开发时间. Patternizer 这个工具可以让你开发真正炫酷的设计,比如各种线条.你可以随意修改线条的宽度.色彩.角度等等.有了它,帮你打造超赞的背景图片. Font Dragr 这款工具可根据你的实际项目选择适宜的字体,你还可以通过拖放功能随意查看网站字体. Adobe Typekit 这款工具允许…
这篇文章介绍10款让Web前端开发人员生活更轻松的实用工具.每个Web开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择. 对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你来说都是新的领域,那么这篇文章是非常有用的,因为这些实用的工具将让你的工作更有效率. Spritepad 借助 SpritePad,你可以在几分钟甚至几秒钟内创建你的CSS Sprite.只需拖放您的图片,立即可以生成 PNG 精灵图片以及CSS代码.不需要在 Photoshop…
Sublime Text 具有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等.Sublime Text 更妙的是它的可扩展性.所以,这里挑选了全栈开发必备的10款 Sublime Text 插件,让本已精彩的编辑器更加好用,全端开发的码农们不用去网上一个个找了,赶紧收藏起来吧. 1. Package Control 作为安装 Sublime Text 插件的必备利器,Package Control 是这款编辑器的标配,可以方便开发人员快速安装需要的插件. 2. Git 在工作中…
利用HTML5工具不仅可以帮助设计师和开发者创建更具吸引力的网站,还能增加网站的可用性和可访问性.本文收集了10款HTML5开发工具让你在网页中搭建特效.动画.视频.音频等诸多功能,为你节省更多开发时间. Patternizer 这个工具可以让你开发真正炫酷的设计,比如各种线条.你可以随意修改线条的宽度.色彩.角度等等.有了它,帮你打造超赞的背景图片. Font Dragr 这款工具可根据你的实际项目选择适宜的字体,你还可以通过拖放功能随意查看网站字体. Adobe Typekit 这款工具允许…
Sublime Text 具有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等.Sublime Text 更妙的是它的可扩展性.所以,这里挑选了全栈开发必备的10款 Sublime Text 插件,让本已精彩的编辑器更加好用,全端开发的码农们不用去网上一个个找了,赶紧收藏起来吧. 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 精选9个值得学习的 HTML5…
HTML5 在不同的领域让网页设计更强大的.快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5.HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验. 这篇文章整理了25款优秀的 HTML5 框架和开发工具可以帮助你开发项目更快,更容易. 您可能感兴趣的相关文章 推荐10款非常优秀的 HTML5 开发工具 2012年最经典的10款 HTML5 游戏集锦 35款非常优秀的基于 HTML5 网页游戏 20个惊…
利用HTML5工具不仅可以帮助设计师和开发者创建更具吸引力的网站,还能增加网站的可用性和可访问性.本文收集了10款HTML5开发工具让你在网页中搭建特效.动画.视频.音频等诸多功能,为你节省更多开发时间. Patternizer 这个工具可以让你开发真正炫酷的设计,比如各种线条.你可以随意修改线条的宽度.色彩.角度等等.有了它,帮你打造超赞的背景图片. Font Dragr 这款工具可根据你的实际项目选择适宜的字体,你还可以通过拖放功能随意查看网站字体. Adobe Typekit 这款工具允许…