Vanessa

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

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

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

JavaScript,HTML,CSS 规范小结

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

回顾 2011 年将 JavaScript 推到极致的 20 个网站

导读:对于浏览器上的开发者来说,2011 年又是相当精彩的一年。Web 开发者 PhilHawksworth 在这篇文章中总结了 Web 上经典的 JavaScript 用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能,开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网

a 标签中的 rel 属性

网上搜罗了半圈,都只是说明了 rel 属性值所表示的意思,并没有给出具体的使用场景。于是参考了 Neoease 和一些 wordpress 的网站,针对 B3log 自身的情况对部分 a 便签使用了 rel。由于所知有限,W3C 文档以外的值并未进行使用,还望大家能多给点意见。nofollow 站内相关文章,站内随机文章,评论回复,列表及文章页面中的评论、浏览和作者链接,侧边栏的评论地址,首页导航中的 “首页” 链接,评论最多文

12 个网络监控工具

如果你有一个网站,有可能出现一些问题,利用一些网络监控工具可以帮助你监督这些问题、帮助您采取预防措施。这里我们列举了 12 个组织良好的网络监测工具,供你参考。SplunkSplunk 是一款顶级的日志分析软件,如果你经常用 grep、awk、sed、sort、uniq、tail、head 来分析日志,那么你需要 Splunk。能处理常规的日志格式,比如 apache、squid、系统日志、mail.log 这些。

less 环境搭建

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

信息图形中的颜色探讨—面向色盲人士友好的设计解决方案

对色盲群体的关爱颜色可以用来区分信息图形上的数据类别和维度,是数据可视化中最常用的视觉变量之一。然而,世界上有超过 8% 的男性和 0.4% 的女性都被色觉障碍的问题困扰——他们在识别部分或者全部颜色时有困难。我们通常笼统的称这类人群为 “色盲 (ColorBlindness)”(也称为道尔顿症、色觉缺失、色觉辨认障碍、色弱等)。面对如此庞大的特殊受众,设计师理应关注他们的需求。信息图形设计本是以向用户传递精准

浅谈《12 种 JavaScript MVC 框架之比较》之感

大学时代说道 MVC,那只会觉得是服务器端代码,如今随着互联网的发展,JavaScript 也开始 MVC 了。懒惰的我偏向简洁、快速、易上手、原生态的东西。对于各种新事物也只是停留在关注层面,不到万不得已是懒得去使用的 ^^(部分框架里面的功能总有你永远也用不上的。不过 Nginx 就比较好了,不要的模块可以删了)前不久弄 CSS 框架的时候也不想着用什么其它的东东,后面要弄合并,压缩之类的。还是把 LESS 翻出来了

超级简单的公告逐条循环滚动 ^^

一开始想着要自己写,从哪里开头呢?找插件吧。呃,还是自己写吧。要不还是找个插件吧,我找啊找啊找啊找。不合适吶。。。终于看到个源码,还是自己写吧。超级简单的,思路为:1. 只需把公告整体先向上滑动以遮住第一条;2. 滑动结束后,恢复原来现状,把第一个元素放于最后一个元素之后反之向上滚动源码:https://github.com/Vanessa219/bowknot/blob/8d09a8192ca1d59

SPDY 简介

当老迈的 HTTP 协议逐渐不能满足人们需求的时候,Google 的 SPDY 协议出现在面前,那么这个长期以来一直被认为是 HTTP2.0 唯一可行选择的 SPDY 是什么呢?当下我们如何能部署上 SPDY 呢?左边是普通 HTTPS 加载,右边是 SPDY 加载。是不是很神奇?SPDY 是什么?SPDY 是 Google 开发的基于传输控制协议 (TCP) 的应用层协议,开发组正在推动 SPDY 成为正式标准(现为互联网草案)。SPDY 协议