随笔分类 -  html5笔记

关于html5的标签,功能,应用等等
WebStorm 配置 svn
摘要:1、下载 SlikSVN。 2、安装。路径 D:\Program Files\slik\bin。 3、在WebStorm中配置 file->settings->Version Contorl->subversion->with conmand line client 设置成你的 D:\Program 阅读全文

posted @ 2016-03-01 20:13 商清逸 阅读(5395) 评论(0) 推荐(0)

CSS3动画帧数科学计算法
只有注册用户登录后才能阅读该文。

posted @ 2015-10-20 17:54 商清逸 阅读(4) 评论(0) 推荐(0)

解析八大Flex布局规则
只有注册用户登录后才能阅读该文。

posted @ 2015-10-20 16:29 商清逸 阅读(9) 评论(0) 推荐(1)

Flex元素布局规则总结,以及布局和容器
摘要:一、Flex中的元素分类从功能层面可以把Flex中的元素分为组件(Components)和容器(Containers)两大类:组件- 是指那类具有明确交互或数据展示功能的元素,例如Button、Checkbox、Datagrid、List等。容器- 是指那类用来放置其他元素的元素,容器往往不具有特定... 阅读全文

posted @ 2015-10-19 17:40 商清逸 阅读(1435) 评论(0) 推荐(0)

css3小叮当(转载)
摘要:无标题文档 ... 阅读全文

posted @ 2015-10-19 17:25 商清逸 阅读(197) 评论(0) 推荐(0)

三大Flex布局用法(转载)
摘要:Flex布局基础对于Flex 初学者,在Hello World之后,Flex布局便是下一站学习要的要义。若是从传统的Html转变而来,总希望找到类似于Div/Table/UL等之类的控件,也希望在 Flex中可以像Dreamweaver一样可以拖拽控件;而如果是从Windows Applicatio... 阅读全文

posted @ 2015-10-19 17:24 商清逸 阅读(1891) 评论(0) 推荐(0)

移动前端:移动端页面坑与排坑技巧
摘要:对于前端开发者来说移动端存在更多的挑战,移动端页面开发过程中会碰到各种各样千奇百怪的问题(我们俗称BUG或坑),那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧。AD:对于前端开发者来说移动端存在更多的挑战,移动端页面开发过程中会碰到各种各样千奇百怪的问题(我们俗称BUG或坑),那么今天我... 阅读全文

posted @ 2015-10-12 17:22 商清逸 阅读(358) 评论(0) 推荐(0)

移动前端头部标签(HTML5 head meta)转载
摘要:移动web页面头部书写字数2516阅读1128评论0喜欢30HTTP 标题信息(http-equiv) 和页面描述信息(name)http-equiv:该枚举的属性定义,可以改变服务器和用户代理行为的编译。编译的值取content 里的内容。简单来说即可以模拟 HTTP 协议响应头。最常见的大概属于... 阅读全文

posted @ 2015-10-12 17:21 商清逸 阅读(412) 评论(0) 推荐(0)

高效CSS开发核心要点摘录
摘要:做网站的,我们都知道尽量减少请求数,压缩CSS代码量,使用高效CSS选择符等方式可以来提高网站的载入速度和访问速度,也就是优化网站的性能。下面分析了一些CSS的书写方式,很多都是我们知道并且正在使用的,这里记录一下,提醒自己以后写CSS的时候尽量从这些方面出发来使用,对于CSS的性能提升有很大的帮助... 阅读全文

posted @ 2015-10-10 15:08 商清逸 阅读(193) 评论(0) 推荐(0)

css常用代码大全以及css兼容(转载)
摘要:css常见的快捷开发代码汇总(长期更新),包括CSS3代码,有一些css效果很顽固,经常会一时找不出解决方案,网络上也有很多的工具和高手提供了具体的浏览器兼容代码,这个页面我今后会经常整理,希望能够帮到重构和正在找这些效果的代码,如果你有更好的实现方案,不妨告诉我,或者你有解决不了的,也不妨告诉我。... 阅读全文

posted @ 2015-10-10 14:48 商清逸 阅读(301) 评论(0) 推荐(0)

如何处理CSS3属性前缀(转载)总结
摘要:今天闲来无聊,重新来说说CSS3前缀的问题。在春节前和@一丝姐姐说起Sass中有关于gradient的mixins。姐姐说:为什么还要用mixin呢?为什么不使用Autoprefixer?使用Autoprefixer,只需要输入一行代码,编译器帮你做了一切,还纠结个毛mixin。姐姐的一句话让我汗颜... 阅读全文

posted @ 2015-10-10 14:38 商清逸 阅读(387) 评论(0) 推荐(0)

前端制作入门知识(转载)
摘要:来自百度文库:web前端学习总结(精华版),里面讲了许多的知识,非常适合刚进入前端的童鞋,就算一些有点基础的也会从中受益,通过本文,你将了解到制作中的那些元素解释、命名、布局、CSS重置、选择框架和设定等一系列前端入门知识。学习什么我觉得做好笔记很关键,平时遇到问题多多记录下来。一.名词解释横切在固... 阅读全文

posted @ 2015-10-10 13:13 商清逸 阅读(279) 评论(0) 推荐(0)

移动前端页面制作技巧(一)转载
摘要:一般人不会说出来的移动前端动画技巧,文章来自“TQ的独立博客:玩转HTML5移动页面”,在这篇教程你会发现许多非常有用的动画处理技巧,细心点还会发现许多有用的zepto插件,例如:zepto.onepagescroll.js、zepto-touch.js、weixinshare.js,以下为原文。标... 阅读全文

posted @ 2015-10-10 13:10 商清逸 阅读(843) 评论(0) 推荐(0)

盘点8种CSS实现垂直居中水平居中的绝对定位居中技术(转载csdn)
摘要:绝对居中垂直居中水平居中CSS居中代码目录(?)[-]绝对定位居中Absolute Centering技术一容器内Within Container二视区内Within Viewport三边栏 Offsets四响应式自适应Responsive五 溢出情况Overflow六重绘Resizing七图片Im... 阅读全文

posted @ 2015-10-08 17:12 商清逸 阅读(219) 评论(0) 推荐(0)

移动端重构系列1——新建空白页面(转载)
摘要:移动端重构系列-mobile本系列文章,如果没有特别说明,兼容安卓4.0.4+,测试demohtml5文档申明 Documentmeta标签viewport视图窗口,移动端特属的标签。一般使用下面这段代码即可:上面的代码依次表示设置宽度为设备的宽度,默认不缩放,不允许用户缩放(即禁止缩... 阅读全文

posted @ 2015-09-30 10:28 商清逸 阅读(188) 评论(0) 推荐(0)

css3的小心得
只有注册用户登录后才能阅读该文。

posted @ 2015-09-09 10:11 商清逸 阅读(3) 评论(0) 推荐(0)

H5页面在线制作工具搜集
摘要:1.初页http://chuye.cloud7.com.cn/2.易企秀http://eqxiu.com/#/home3.最酷http://www.zuiku.com/4.易传单http://echuandan.com/5.epub360意派http://www.epub360.com/6.MAKA... 阅读全文

posted @ 2015-09-08 16:41 商清逸 阅读(316) 评论(0) 推荐(0)

玩转HTML5移动页面(优化篇)
摘要:标签:h5页面优化收藏热门分享网页设计师必备的 酷站收藏网站2013年不容错过的app ui素材40个漂亮的扁平化网页设计欣赏国内网页设计公司网站欣赏55套网页设计常用的psd格式UI主题包素材下载30个“简洁大气国际化”的网页设计欣赏|--(1) 动画雪碧图|--(2) 图片压缩|--(3)多终... 阅读全文

posted @ 2015-09-08 16:25 商清逸 阅读(239) 评论(0) 推荐(0)

玩转HTML5移动页面(动效篇)
摘要:为一名前端,在拿到设计稿时你有两种选择:快速输出静态页面加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢? 这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细... 阅读全文

posted @ 2015-09-08 16:24 商清逸 阅读(1337) 评论(0) 推荐(1)

移动H5前端性能优化指南
摘要:概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因,除加载外渲染速度也... 阅读全文

posted @ 2015-09-08 15:20 商清逸 阅读(126) 评论(0) 推荐(0)

导航