Vanessa

大前端的点滴生活
CSS 0 篇文章

2017 VS 2016 前端使用数据对比

JavaScript 生态系统比以前更加丰富,即使是最有经验的开发人员,在考虑各个阶段可用的众多选项时也会犹豫。这就是调查所在的地方:我们向全世界超过 28,000 名开发人员提出了 100 多个问题,涵盖了从前端库到后端框架。我们相信,结果是目前可用的 JavaScript 状态的最完整的图片,我们很高兴与您分享!附:如果所有这些数据让你倍感压力,我相信今年你一定会大踏步前行。JavaScript 预编译当谈论 J

如何实现 im.qq.com 首页视觉差效果

Demohttp://sym.b3log.org / 源码地址 https://github.com/b3log/index/tree/master/src/main/webapp/sym 原理使用 background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动 html 结构 css.bg{position:relative;width:100%;height:600px;backg

不容错过的 Window 8 Metro 风格 UI 资源

颠覆了各种圆角,另一种不错的视觉享受,收藏之。下文转自:http://www.w3cfuns.com/article-915-2.html 微软已经正式发布了 windows8 操作系统,Windows 操作系统的风格已经完全改变成了瓷贴状的 MetroUI。对于微软来说这是一个巨大的改变,而且所有微软的平台,包括桌面、平板、移动及网站都使用这个 UI 风格。MetroUI 包含了所有的现代 web 设计的特点:简化、

国外 29 个开发者实用的 Web(CSS,HTML5,JS)工具和应用

确实不错,转自:http://www.uiimg.com/thread-1482-1-1.html 当你需要编辑或改变网站设计时,CSS 起着重要的作用。透过一些 CSS 工具可以让新手开发人员和设计人员轻松地学习这门语言和它的功能。今天,我们为你编制了 29 个有用的 CSS 工具和应用程序。使用下列工具,您将能够以任何顺序进行 CSS 属性的排序,能够将您的 Photoshop 图层转成 CSS 样式,可以创建自己的响应 W

js 修改 css 文件内样式

outer 了,原来可以直接修改 css 文件内的样式。。。CSS 代码. style1{width:600px;height:400px;background-color:black;}HTML 代码 <html><head><title>cssstyle</title><linkrel="stylesheet"type="text/css"href="./test.css"><scripttype="text

爱上朴实的 CSS 细节

下文转自:爱上朴实的 CSS 细节未来的 CSS 太让人兴奋了:一方面,是全新的页面布局方式;另一方面,是酷炫的滤镜、颜色等视觉效果。这些 CSS,受开发者追捧,被杂志和博客文章铺天盖地地介绍。如果说这些特性是 CSS 华丽的一面,那我们来看看它朴实的一面:很不起眼的东西,如选择器、单位、函数(方法)。我经常说这是繁琐的东西,但我意思是它们能干漂亮的活,这就是我要分享的。怎么说呢,让我们看看这些效果最好的朴实的 C

Node.js 小工具—— CSS 基本语法检查

继 Node.js 小工具之后,基于 csslint 写了个超简单的 CSS 语法校验工具。思路:递归查找目录下的 css 文件,首先去除文件路径以 svn 开头的,然后选择以 css 结尾的文件。将查找到的文件路径保存到变量中。对保存的文件路径依次使用 exec 执行 csslint 命令,由于 exec 只有在异步执行中才可获取执行结果,因此每次执行的结果都进行了读写文件的操作。读取文件中的内容,把原有内容加上执行的结果再写入到文

less 环境搭建

其实只是为了想要达到合并 CSS,弄几个颜色、字体的变量罢了,mergeCSS 感觉有点那个什么的。。。发现 bootstrap 用的工具都很不错,以后可以参考下。recessrecess 是 Twitter 的 JacobThornton 开发的一个工具,目的是处理 CSS,建立在 LESS 的基础上。jshintjshint 类似 jslint,是一个 JavaScript 代码检测工具(也就是 JavaScript 的 lint)

JavaScript,HTML,CSS 规范小结

1. 综合 Ø 使用 UTF-8 编码。注:UTF-8+BOM 不可 Ø 注释需有意义且描述清晰无二义 Ø 代码提交需填写提交原由 ØJavaScript、Java、CSS 文件头部需进行版权声明 Ø 使用中文进行注释 Ø 更改代码后,需保证正常运行,否则严禁进行提交 Ø 对无用代码应进行删除;提交 SVN 时,需进行特殊标识删除原因:系统版本:其它:Ø 遵循静态资源分离注意事项 Ø 严禁随意添加第三方代码 Ø 不建议随意修改组件代码 2.JavaS

12 个漂亮的 CSS3 按钮实现方案

真美,转自:http://www.alibuybuy.com/posts/72734.html#jtss-tsina 在过去,我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果,随着越来越多的浏览器对 CSS3 的支持和完善,使用 CSS3 来实现美观的按钮已没有太多的障碍。今天,本文收集了 12 个很不错的 CSS3 按钮方案并有相关的使用教程。BonBonButtonsZardiCSS3ButtonsW

11 个有用的移动网页开发 App 和 HTML5 框架

听过的寥寥无几,移动的时代来了。需要跟上步伐 ^^ 在过去的两年里,触屏设备飞速增长。iOS 和 Android 设备让开发者和设计师开始重新思考他们的网页应用,以提供更好的触屏体验。移动 Web 应用相对于本地的 App 有很多优势,虽然也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于 HTML 的 webapp 开发。他们支持大部分流行的智能手机和平板。1.Lungo.js:HTML5 移动开发框架 Lung

TinyMCE 3.3.9.2 升级到 3.4.3.2 遇到的问题

闲来无事,把 B3logSolo 所用编辑器 TinyMCE 从 3.3.9.2 升级到了 3.4.3.2。结果出现了 2 个问题。可能由于我没看 changelog 所致吧。因为实在太多了,人又懒,结果。。。1. 使用 “编辑 HTML 源代码” 功能,标签中无内容 (如:) 将会被移除。修改文件:tiny_mce/themes/advanced/js/source_editor.jssaveContent()中 tinyMCEPop

8 个应该了解的 CSS3 技术

有了 CSS3,网站开发及网站设计都发展到一个更高的层次。在本文中,作者收集了一些惊人的使用 CSS3 技术的例子,如果多数浏览器能兼容 CSS3,那么这些技术很可能会被广泛接受。1.ColoranimateanyshapewithCSS3andaPNG 第一个展示的是一个仅仅使用了 CSS3 技术的有趣的成果:一个可以变换背景的 PNG 图像。背景使用了 CSS3 转变。不是那种可以直接放在网站上的效果,而是展示 CSS

CSS 网址珍藏与整理

1.Format 往往大小写混用,全部搞到一行的代码让人读着很头疼,format 一下吧。也是有各种的选项让你来定制。http://www.lonniebest.com/FormatCSS/2.Compressorhttp://www.minifycss.com/css-compressor / 有很多选项让你选择性的进行压缩。并且输出帮你压缩的 log,比如某行 #FFFFFF 压缩为#FFF 之类的,很不错。当

:nth-child 和 :nth-type-of 的区别

假设有以下 HTML 代码:<p>Little</p><p>Piggy</p></section> 以下代码得到的效果一样:p:nth-child(2){color:red;}p:nth-of-type(2){color:red;} 结果虽然相同,但是两者本身还是有所区别的。:nth-child 选择符从词义上来说,表示,选择满足以下条件的元素:1. 是一个段落元素 p2. 是父元素的第二个子元素: nth-of-t