Clik here to view.
css3制作日历风格登陆表单
好久没有发布案例了，今天发布一个@白牙同学制作的登录表单，这个表单风格类似于日历。其中较为复杂的是登录表单的中链环效果。通过五个span标签，配合CSS3的伪类来制作。详细制作请查看Demo制作过程。demodownloadHTML结构<div class="content"> <!-- ===用来制作纸张层叠==== --> <div...
View ArticleClik here to view.
CSS3制作登录表单
这个表单效果是很普通，但其制作采用的方法却很有创新，其中用到老技术的是@font-face制作icon、box-shadow制作阴影等，最亮点是使用了calc（）函数来计算定位的值。这可是一种新玩法，虽然前面有介绍过这个属性的使用方法，后期的制作中却很少使用他，这个案例让我再次领略了calc()函数的功能。如果你喜欢，也可以尝试一下，自己动手丰衣足食。demodownloadHTML结构表单的结构层...
View ArticleClik here to view.
2013年优秀jQuery插件连载（二期）
在第一期中向大家推荐了有关于响应式的网格布局插件、图片放大插件、表单元素中自定义select插件，google 地图插件、文件拖放上传插件、tooltip提示插件、3D旋转菜单等十款jQuery插件，今天继续第二期的插件推荐，在这一期中主要涵盖了：回到页面顶部、文本语音、图片旋转、图片预加载、SVG制作与动画等十款优秀的jQuery插件，希望这些插件能帮大家解决一时之需。 1、scrollUp...
View Articlejs 设置 cookie
此函数用来设置一个cookie的值，同时提供一个可选的max-age属性： // 以名/值的形式储存cookie // 同时采用encodeURIComponet()函数进行编码，来转义分号、逗号和空白符 // 如果daysToLive是一个数字，设置max-age属性为该数值表示cookie知道指定的天数 // 到了才会过期。如果daysToLive是0就表示删除cookie function...
View ArticleClik here to view.
Clik here to view.
HTML和CSS高级指南之一——性能与架构
本文由99根据Shay Howe的《An Adavnced Guide to HTML & CSS》第一课《Performance &...
View ArticleHTML和CSS高级指南之五——预处理器
本文由大漠根据Shay Howe的《An Adavnced Guide to HTML & CSS》第五课《Preprocessors》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://learn.shayhowe.com/advanced-html-css/preprocessors，以及作者相关信息作者：Shay...
View ArticleClik here to view.
HTML和CSS高级指南之四——响应式设计
本文由D姐根据Shay Howe的《An Adavnced Guide to HTML & CSS》第四课《Responsive Web...
View ArticleClik here to view.
HTML和CSS高级指南之三——丰富多彩的选择器
本文由99根据Shay Howe的《An Adavnced Guide to HTML & CSS》第三课《Complex...
View ArticleClik here to view.
实现基于 cookie 的储存 API
/* * CookieStorage.js * 本类实现像localStorage和sessionStorage一样的存储API，不同的是，它是基于HTTP Cookies实现的. */ function CookieStorage(maxage, path) { // 两个参数分别代表储存有效期和作用域 // 获取一个储存全部cookies的对象 var cookies =...
View ArticleClik here to view.
关于w3cplus文章版权的申明
最近因为文章版权问题闹得沸沸扬扬，在此给被打扰的各位说声抱歉。w3cplus是个非盈利性组织，也没有花费太多的精力在SEO优化上，主要凭借大漠的点滴推广，厚实的文章和大家的厚爱在前端行业慢慢前行，有了自己的一席之地，所以一般被转载出去的文章在搜索里面的权重比w3cplus本身的还高，故此我们才这般注重请注明转载，因为所有的文章都是w3cplus成员的点滴汗水所成，他们没有任何报酬，把本该花在或泡妞或...
View ArticleClik here to view.
Metrostyle Web UI
Metro风格成了一种新的设计风潮，久违的了藤藤根据国外友人提供的Metro设计图，把整个Metrostyle设计转换成CSS代码，其中一些效果使用了CSS3来制作，比如说自定义时间动画、加载进度长，复选框自定义、tooltip提示框等效果。在整套Metrostyle...
View Article主流浏览器的Hack写法
此处的“hack”并非是网络中很神秘的组织“黑客”，而是使用他们可以帮助你解决浏览器下一些怪异和特殊的bug。很多时候对于这样的讨论也非常多，比如说在您的代码中应不应该使用hack？甚至延伸到使用“hack”是一个优秀的前端人员？其实，有时候是逼不得以，必须为之。有关于hack的使用方法和种类，互联系网上成千上万，比较典型的介绍有：浏览器兼容之旅的第二站:各浏览器的Hack写法Browser CSS...
View Articlejs 检测数组函数
var isArray = Function.isArray || function(o) { return typeof o === "object"&& Object.prototype.toString.call(o) === "[object Array]"; }; 3Vote up!javaScript
View ArticleClik here to view.
深入了解 Flexbox 伸缩盒模型
介绍Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。本文将介绍 Flexbox 语法的技术细节。浏览器的支持越来越快，所以当 Flexbox 被广泛支持并应用时你将会快人一步。如果你想知道它是什么并是如何工作的，不妨仔细了解下吧！为什么需要伸缩布局盒(Flexbox)？作者长期以来使用表格、浮动、行内块元素和其他 CSS...
View ArticleClik here to view.
六种实现元素水平居中
居中效果在CSS中很是普通的效果，平时大家所看到的居中效果主要分为三大类：水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。早期总结了一下互联网上有关于水平垂直居中的几种实现方案，比如说《CSS制作水平垂直居中对齐》中介绍了八中实现水平垂直的方案，而在《CSS制作图片水平垂直居中》一文介绍了四种实现图片垂直居中的方案，并且在《CSS3实现水平垂直居中》使用了css3的fle...
View ArticleClik here to view.
通俗的英文指南——Javascript的原型
特别声明：此篇文章由Sunnylost根据Sebastian的英文文章原名《A Plain English Guide to JavaScript...
View ArticleClik here to view.
Clik here to view.