2015
10-25
10-25
10个免费的响应式布局HTML5+CSS3模板
现在的自由响应式的HTML5模板的有着高度的市场需求，因为他们完全改变了网站设计与开发工业来说，是比较容易的，顺手，高级语言，可以很容易地创建了很多令人惊讶的事情，很快。这些模板是易于定制，有很多不同的特点。响应式HTML5模板不仅是高质量的而且看起来伟大在每个设备的显.... Read More >
现在的自由响应式的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 >
2015
02-12
02-12
iOS 4.2+webfont（TTF）的加粗字体重量渲染错误
这一个是相当注明：指定TTF字体渲染font-weight:bold不正确的探险之旅，开放的现场演示与iPhone / iPad的与iOS 4.2/4.3 Beta 3版本或以上： （这是Reenie +豆豆从谷歌字体） 屏幕捕获 你看到粗体字体看起来双重渲染。这不是小字体大小显著，但对于大的字体大小/缩放在相当显著 我的朋友会报告这个错误给苹果。然而，任何事情他可以做些什么来解决这个bug？ （.... Read More >
2015
01-29
01-29
[转]百度，淘宝，腾讯三大巨头HTML页面规范分解
【兼容html5方案】
百度贴吧，百度图片的实现
<!--[if lt IE 9]>
<script>
(function(){
var tags = ['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article'.... Read More >
2015
01-16
01-16
响应式Web设计技巧以及入门
html5和css3流行至今，我在做响应式的网站一直是在“尝试”的阶段。并没有深入的去研究和学习，浅显的理解就是根据屏幕分辨率的大小，网站布局、图片、文字大小等相应改变。以后使用平板、手机浏览网站的用户会越来越多，对于前端设计师，学好用html5、css3做响应式网站是势在必行。
响应式网页设计这个术语，由伊桑马克特提出，他在Alist Apart 发表了一篇开创性的文章，将三种已有的开发技.... Read More >
2014
12-24
12-24
Grunt从入门到自定义项目模板
一.Grunt入门介绍
1. Grunt是神马
基于任务的命令行构建工具（针对JavaScript项目）
链接：http://gruntjs.com/
2. 使用Grunt的理由
前端的工具算得上是五花八门，在介绍如何Grunt之前，首先我们得反问自己：
G.... Read More >