My blog

2017/06/12

整理一下CSS Hack (Chrome, Firefox, Safari, IE10, IE11)

适用于Chrome和Opera的 CSS hack写法 以下两种方法都适用,效果是一样的 [crayon-59c9b14033e0c704653118/] 适用于Firefox的 CSS hack写法 [crayon-59c9b14033e1b457702633/] 适用于Safari的CSS hack写法 [crayon-59c9b14033e21307727362/] 适用于Internet Explorer10和11的 CSS hack写法 [crayon-59c9b14033e27721934606/]  

read the article
2017/06/02

JQ常用函数集合

[crayon-59c9b140353b6667202810/] [crayon-59c9b140353c2805941256/]  

read the article
2017/05/17

关于HTML CSS语言的编写规范 – CSS篇

CSS书写规范 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 为选择器分组时,将单独的选择器单独放在一行。 为了代码的易读性,在每个声明块的左花括号前添加一个空格。 声明块的右花括号应当单独成行。 每条声明语句的 : 后应该插入一个空格。 为了获得更准确的错误报告,每条声明都应该独占一行。 所有声明语句都应当以分号结尾。最后一条声明语句后面的分号是可选的,但是,如果省略这个分号,你的代码可能更易出错。 对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格(例如,box-shadow)。 不要在 rgb()、rgba()、hsl()、hsla()…

read the article
2017/05/17

关于HTML CSS语言的编写规范 – HTML篇

前言 前端的开发者永远都不是独立的个体,我们很多项目都需要团队合作来完成一些项目,在效率最大化的前提下作为前端开发者必须要遵循的一条黄金定律就是   不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。   下面列出的编码规范,摘自Bootstrap官网 ! http://www.bootcss.com/ HTML部分 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 嵌套元素应当缩进一次(即两个空格)。 对于属性的定义,确保全部使用双引号,绝不要使用单引号。 不要在自闭合(self-closing)元素的尾部…

read the article
2017/05/04

JQUERY插件 – FullPage全屏滚动插件使用方法

最近做了一个全屏网站的项目 , 选几个比较常用的全屏滚动插件 , onepage , fullpage , 相比之下还是选择了fullpage功能比较强大 , 参数也很全 ! 今天就把这个插件详细介绍一下 !  主要是使用方法和设置 ! 简介 fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。 主要功能 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等 兼容性 fullPage.js 支持 IE8…

read the article
2017/05/01

初始化CSS

初始化CSS , 底部加入了表单元素的placeholder参数的样式 , placeholder 消失了别着急 , 修改底部几行就可以 [crayon-59c9b14037a03811014074/]  

read the article
2017/03/03

JQUERY插件 – liMarquee无缝滚动插件使用方法

liMarquee 是一款基于 jQuery 的无缝滚动插件,类似于 HTML 的 marquee 标签,但比 marquee 更强大。它可以应用于任何 Web 元素,包括文字、图像、表格、表单等元素,同时它可以设置不同的滚动方向(左右上下)、滚动速度、鼠标悬停暂停、鼠标拖动、加载 xml 文件等等。响应式端有bug慎用!!!! 基础样式与DOM LINK FILES [crayon-59c9b14038107114368954/] HTML [crayon-59c9b14038112402203402/] CSS [crayon-59c9b14038118998003839/] JavaSc…

read the article
2017/02/23

一些适合做头像跟壁纸的图片-saber篇

Ps : 以上两张的作者是WLOP 微博地址:http://weibo.com/wlop pixiv地址:http://www.pixiv.net/member.php?id=2188232 Ps : 上张的作者是[カチ] 微博地址:暂无 pixiv地址:http://www.pixiv.net/member.php?id=6035547

read the article
2017/02/17

jQuery插件 – ResponsiveSlides.js幻灯片插件使用方法与拓展

首先简单介绍一下ResponsiveSlides.js插件, 一款小巧的 jQuery 响应式幻灯片插件,压缩后不到 4KB。它几乎兼容所有浏览器,包括 IE6 以及各种移动设备上的浏览器。不过它的样式比较简单,如果想要更丰富的效果,你可能需要自定义 CSS 与 回调函数。 基础样式与DOM LINK FILES [crayon-59c9b14038823778866955/] Ps:Google的CDN是要翻墙的!请看官自行准备相关知识水平! HTML [crayon-59c9b1403882e850740095/] CSS [crayon-59c9b14038834920605781/] …

read the article
2017/02/14

HTML5.1 — 14 项新增特性及使用案例

HTML5 属于万维网联盟 (W3C), 这个组织为整个网络界提供了标准,如此形成的协议可在全世界通行。在 2016 年 11 月, W3C 对长期行使的 HTML 5 标准进行了更新,它是2年内的第一次小更新。许多最开始提出的 HTML 5.1 功能特性都因为设计上的缺陷和缺乏浏览器厂商的支持而去掉了。 尽管有一些元素和功能提升被带进了 HTML 5.1 里面, 但它仍然是一个小的更新。其中的一些新的元素包含了组合标签, 现在这样的元素包括有 <dialog>, <details>, <summary> 以及<picture>, 这样就为开发者…

read the article