2016
03-24
03-24
IE8下实现兼容rgba
昨天遇到一个问题，要实现一个背景透明的效果，用CSS3用rgba()就能实现，即
background: rgba(0,0,0,.5);
但是要兼容到IE8，就发现没有透明效果，因为IE8不支持rgba()函数。下面我们总结一下rgba()函数的含义。
rgba的含义，r代表red，g代.... Read More >
昨天遇到一个问题，要实现一个背景透明的效果，用CSS3用rgba()就能实现，即
background: rgba(0,0,0,.5);
但是要兼容到IE8，就发现没有透明效果，因为IE8不支持rgba()函数。下面我们总结一下rgba()函数的含义。
rgba的含义，r代表red，g代.... Read More >
2016
03-11
03-11
CMD规范SeaJS简析
CMD 模块定义规范
在 Sea.js 中，所有 JavaScript 模块都遵循 CMD（Common Module Definition） 模块定义规范。该规范明确了模块的基本书写格式和基本交互规则。
在 CMD 规范中，一个模块就是一个文件。代码的书写格式如下：
define(factory);
define Function
define 是一个全局函数，用来定义模块.... Read More >
2015
11-23
11-23
有创意的鼠标悬停效果集锦
我们使用这些悬停效果的技术包括三维变换和一些伪元素过渡。
演示 下载
转载自 杨青.... 2015
11-22
11-22
CS3侧边栏导航不同方向划出效果
设定一组侧边栏导航菜单，然后可以从任何一边滑出。有两种实现方式，一种固定菜单，一种从左右两侧推出
演示 下载
转载自 杨青.... 2015
10-25
10-25
10个免费的响应式布局HTML5+CSS3模板
现在的自由响应式的HTML5模板的有着高度的市场需求，因为他们完全改变了网站设计与开发工业来说，是比较容易的，顺手，高级语言，可以很容易地创建了很多令人惊讶的事情，很快。这些模板是易于定制，有很多不同的特点。响应式HTML5模板不仅是高质量的而且看起来伟大在每个设备的显.... Read More >
2015
09-22
09-22
50个CSS、Javascript工具（框架，库）
CSS库&工具包
Fileicon, 纯CSS文件图标的集合。
Marx, CSS重置样式
Transformicons – 使用SVG和CSS制作动画图标,标志和按钮。
.... Read More >
2015
08-08
08-08
CSS3 动画简析
CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation；我们一起学习完了Transform和Transition，让我们对元素实现了一些基本的动画效果，这些我想足以让大家激动了一阵子，今天我们趁着这个热劲继续第三个动画属性Animation的学习，单从A.... Read More >
2015
07-15
07-15
HTML5十五大新特性
HTML5想必大家都很熟悉了。然而，你能准确地说出HTML5带来了哪些新特性吗？本文总结了HTML5带来的15项你必须知道的新特性。
一起来看下：
1.新的文档类型 (New Doctype)
目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型：
1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0.... Read More >
2015
06-10
06-10
$(document).ready()与$(window).load()的区别
虽说很早就开始接触JavaScript，自己也用JavaScript编写过许多代码，如之前的web版码表计时器，就写了近500行代码，函数也写了10个左右。当时也就是想到哪里就写到哪里，行不通就另外找方法，根本不会考虑代码的性能、作用及优化。
随着在实践中对JavaScript的应用，对JavaScript的认识也在不断地深入。这里，就为大家介绍一下$(document).ready()于$(w.... Read More >
2015
05-17
05-17
视差滚动效果原理
视差滚动，这一技术最早出现是在Nike better World，之后这一网页技术在这些年频繁的出现在人们的视线当中，网络上关于视差滚动的教程和插件已经是多如牛毛， 不胜枚举。
如：30个让人兴奋的视差滚动、10个关于视差滚动的插件和教程、35个运用视差滚动效果的网站设计等等…
1)那到底什么是视差滚动呢？
2)它的实现原理是什么呢？
3)什么场景我们需要用到视差滚动呢？
4)有.... Read More >
2015
05-07
05-07
移动端自适应：flexible.js可伸缩布局使用
阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。
实现方法：
通过JS来调整html的字体大小，而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下：
;(function(win, lib) {
var doc = win.document;
var docEl = doc.documentE.... Read More >
2015
04-26
04-26
SASS下CSS3属性无需再写厂商前缀
当CSS3的新属性被越来越多的浏览器新版本所采纳时，设计师们兴奋极了，因为他们可以用新的CSS属性实现以前需要非常愚蠢的样式技巧才能实现的任务。令人异常激动的是，现在用几行非常简单的CSS就能实现边框圆角，且不用在意随之而来的厂商前缀。厂商前缀就是浏览器在CSS特性前加的-webkit和-moz等前缀，用于对试验中的CSS特性进行支持。举个最简单的例子，要给一个<div>元素设置5px.... Read More >
2015
04-02
04-02
JavaScript代码放在HTML代码哪里比较好
本文总结了多种放置JS代码的方法,需要的朋友可以参考下
在哪里放置 JavaScript 代码？
通常情况下，JavaScript 代码是和 HTML 代码一起使用的，可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方，会对 JavaScript 代码的正常执行会有一定影响，具体如下所述。
放置于<head></head>之间.... Read More >
2015
03-11
03-11
HTML5移动端手机网站开发流程
最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？其实手机网站就是一个微缩版的PC网站罢了！至于为什么觉得难、觉得无从下手。
段亮觉得有以下几点：
一、没有完整的思路和流程.... Read More >
2015
03-09
03-09
Sass基础——Sass函数
在Sass中除了可以定义变量，具有@extend，%placeholders和Mixins等特性之外，还自备了一系列的函数功能。有字符串函数、数字函数、列表函数、Introspection函数以及三元函数等，当然大家还可以根据需求自定义函数。
在这篇文章中，我们主要对Sass函数中的字符串函数、数字函数、列表函数、Introspection函数以及三元函数的功能能使用做一些简单的介绍，希望对.... Read More >
2015
03-05
03-05
[转]页面在360浏览器下的兼容性问题解决
问题的提出：
Web页面在360的浏览器上，显示不正确。 但是在Firefox、chrome和IE8+以上的浏览器上，都是显示正常的。
问题的分析
1. 检查了一些Javascript框架，标准的jquery类库1.x系列，确认其工作正常，问题不是在于Javascript方面。
2. 排查掉HTML标签内容的显示 问题。
3. 怀疑是CSS在不同浏览器下的兼容性.... Read More >