Ga Ga Love Front

精通flex弹性布局在远古时代，兼容ie6的年代使用float、position+display传统方式布局，经常会遇到一些奇奇怪怪的布局问题，所以在css3中的flex布局就营运而生，也就是弹性布局。一、兼容性目前为止已经有超过98%的浏览器已经全面支持flex布局(除非你的项目属于远古时代的项目)，所以基本都可以使用flex布局。二、注意要点如果使用了flex布局之后，容器中子元素...

一 、基础概念URLURI 包含 URL 和 URN，目前 WEB 只有 URL 比较流行，所以见到的基本都是 URL。URI（Uniform Resource Identifier，统一资源标识符） URL（Uniform Resource Locator，统一资源定位符） URN（Uniform Resource Name，统一资源名称）请求和响应报文1. 请求...

css3移动端动画，动画方式很简单只需要添加指定方式的class即可实现很酷炫的动画，组件引入了animate.css，目前只有里面的动画方式。组件可以用于酷炫的活动页面，页面交互动作等。

listloading是一个移动端的上拉、下拉加载更多的组件。主要依赖于iscroll.js v5.1.2基础上开发的组件，基础库可以使用jquery.js或者zepto.js操作dom节点，目前我是使用了zepto.js作为基础库操作dom，以jquery插件的形式存在。如果不想以插件方式使用，则只需要把listloading直接移植你需要的库里面就ok啦。listloading主要针对移动端而生，在使用浏览器自带滚动，用户体验很不友好，与Android和ios差别甚远，所以选择iscroll.js，它实

本文属于转载，为尊重原作者的劳动成果，在此标注原文地址，点击此处浏览网页布局（layout）是CSS的一个重点应用布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完

来源：http://www.xuanfengge.com/he-sets-the-front-end-component-library-the-essential-collection.html前言本文包含搭建web app常用的样式/组件等收集列表(移动优先)，推荐mark！0. 前端自动化(Workflow)前端构建工具Yeoman

至 2008 年 W3C 制定出第一个 HTML5 草案开始，HTML5 承载了越来越多崭新的特性和功能。它不但强化了 Web 系统或网页的表现性能，而且还增加了对本地数据库等 Web 应用功能的支持。其中，最重要的一个便是对多线程的支持。在 HTML5 中提出了工作线程（Web Worker）的概念，并且规范出 Web Worker 的三大主要特征：能够长时间运行（响应），理想的启动性能以及理想

原文地址：http://blog.csdn.net/justinjing0612/article/details/9532953                从去年到今年一直从事 Hybrid开发模式，一会要写写 iOS native 代码，一会要写写 Html5＋js 代码。        搞的我意识已经模糊了，在mac os下开发html5 ＋js代码会遇到好多问题，各个浏览

.bg{ width:300px; height:50px; background:#caca8c; background-image:-webkit-gradient( linear,50% 0,0 100%, from(transparent), color-stop(.5,transparent),

js代码：var gaga = function(wrap){ var wrap = document.getElementById(wrap); var hoverDir = function(e){ var w = wrap.offsetWidth, h = wrap.offsetHeight,

body { background: #2B353E; margin: 0; padding: 0;}#slider { width: 400px; height: 17px; position: relative; margin: 100px auto; background: #10171D; -webki

css3content的用法#gaga::before{ font-family:"gaga-font-icon"; content:'\1234'}gaga实体的用法#gaga{ font-family:"gaga-font-icon";}&#x1234效果是一样，content的优势在于灵活的控制，而且减少节点，实体如果要

视差滚动(Parallax Scrolling)效果的原理和实现视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。可以先看看效果：http://www.ok-studios.de/home/一、什么是视差滚动？ 视差效果，原本是一个天文学术语，

第一种写法 var str = ""; var week = new Date().getDay(); if (week == 0) { str = "今天是星期日"; } else if (week == 1) { str = "今天是星期一"; } else if (week == 2) {

css代码：@keyframes spin {from { transform: rotateY(0); }to { transform: rotateY(-360deg); }}@keyframes spin-vertical {from { transform: rotateX(0); }to { transform: rotateX(360deg); }}/************

原作者：phil 　　这也许不仅仅是一款游戏，也许是一个新世界的开始。障碍越野赛是体感游戏的第一款游戏。 　　通过建立长链接将手机（wifi连接）与PC浏览器进行绑定，将用户覆盖最广的电子设备——手机成为电脑游戏的游戏手柄，通过手机上下晃动控制游戏人物赛跑。一个前端的技术、一个全新的交互方式、一个融入SNS元素的全新游戏模式。这不仅是一款游戏，我们有了更广阔的想象空间。产品

讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3Media Query实现响应布局）。一、什么是响应式布局?响应式

随着css3属性的广泛支持，越来越被设计师所青昧 ，常常可以创造出惊人的网站作品出来，特别是视差滚动的出色表现。关于视差滚动在实现方面，在之前的文章中《利用JARALLAX实现超强视差滚动网页效果》也为大家介绍了一个小插件的实现方式，在这里就不多介绍了。在本文，将为大家分享14个非常优秀并且带有故事性趣味的视差滚动网站，认真的欣赏下去，或许你会喜欢上其中的某一个故事哦。你会发现这些网站不单单技术牛

看到一网站做了一个彩色扇子的视频教程，尼玛还需要10大洋至此，我有点不爽，这么一点东西也许要钱，我擦啊，于是闲的蛋痒的我，自己去搞了一个HTML代码 尜尜制作 CSS代码.main{width:800px;position:relative;height:500px;top:50%;lef

什么是语义化标签？HTML赋予了每个标签以不同的语义。高质量的HTML代码，要求我们在遵循HTML语法的同时，也应该遵循HTML的标签语义，如：div 语义：Division(分隔)span 语义：Span(范围)ol 语义：Ordered List(排序列表)ul 语义：Unordered List(不排序列表)li 语义：List Item(列表项目)...HT

效果图如下：虽然丑了一点，但是功能实现了！钟使用的技术是css3的旋转、背景渐变（径向渐变）、圆角，还有负边距的定位，兼容ie9以上的浏览器，firefox、chrome、opera、safari等主浏览器，仅供参考，莫喷我！！！

操作方法：游戏开始后，按键盘“A”或“D”控制左右方向，也可以通过方向键控制。　　（请了解：游戏中所有图片和音乐均来自手机版同名游戏，本游戏仅供学习参考。本文所有内容及结论均属个人意见，如有不同见解，欢迎指正。）　　经过两个多月断断续续的开发，我的第一款游戏《驴子跳》终于完成了，此时，我已经迫不及待地想跟大家分享这个过程，包括学习方法、游戏源码、和经验心得；本文的目的，是希望能帮助更多