文档章节

常用库:Modernizr、transform:matrix矩阵变形、FitVids、Font Squirrel、 H5大纲生成器

h
 hhj187
发布于 2016/09/13 14:11
字数 345
阅读 20
收藏 0

Modernizr   http://modernizr.cn/

H5表单验证,也用于其他特性

《响web设计》p203 223

 

Respond仅给IE678追加min/max媒体查询功能,可以独立于Modernizr使用

官方下载 https://github.com/scottjehl/respond

使用方法《响web设计》p222

 

使用Modernizr按需加载资源:

Modernizr中包含一个名为yepnope.js的小型JavaScript库文件

官方下载 http://yepnopejs.com/

使用方法《响web设计》p223

——————————————————————————-————————————————

transform:matrix矩阵变形,自动生成代码

http://useragentman.com/matrix/

《响web设计》p172

——————————————————————————————————

css自动追加前缀prefixfree《响web设计》p106  p135  官网下载http://leaverou.github.io/prefixfree/

____________________________________________________________________________

FitVids的JQ小插件 :让视频响应屏幕尺寸变化 http://www.solagirl.net/fitvids-js-made-responsive-videos.html

下载 https://github.com/davatron5000/FitVids.js

《响web设计》p98详细教程

——————————————————————————————————————

 H5大纲生成器 https://gsnedders.html5.org/outliner/  《响web设计》p80

查询当前浏对H5和css3的特性的支持程度  http://caniuse.com/

@font-face图标因为是字体所以响应式。Fico http://fico.lensco.be/   《响web设计》p162

《响应式web设计》p74  https://html5boilerplate.com/

《响应式web设计》p5  https://benfrain.com/easily-display-the-viewport-size-of-your-page-for-responsive-designs/

————————————————————————————————————

Font Squirrel  https://www.fontsquirrel.com/fonts/list/hot

font squirrel:在线转换字体成eot,otf,svg,wotf网页兼容格式字体http://www.yunsd.net/apply/fontsquirrel-eototfsvgwotf.html

___________________________________________________________________________

仿站

《响web设计》p28 http://www.andthewinnerisnt.com/

《响》响应式网站收集 http://mediaqueri.es/

——————————————————————————————————————————

 

© 著作权归作者所有

h
粉丝 1
博文 84
码字总数 12457
作品 0
天津
私信 提问
CSS3变形详情介绍

WEB设计师借助CSS3可以轻松实现倾斜,缩放,移动及翻转元素 1.变形简介 CSS3变形时一些效果的集合,比如平移、旋转以及缩放效果,每个效果都称为变形函数(Transform Function),在CSS没有变...

TyrionJ的博客
2017/12/18
0
0
Transform 的简单理解

canvas里面的transfrom与css3中的基本是一样的,唯一的不同是原点,canvas的默认原点是图形的左上角,css3是图形的中心, translate(x,y)方法 是用来移动canvas和它的原点到一个不同的位置,...

tianyawhl
2018/12/07
17
0
---CSS3绘制8种超炫的加载动画

CSS3绘制8种超炫的加载动画 逛前端开发网站的时候,偶尔发现一组非常炫酷的CSS3加载动画,遂迫不及待的做个Demo保存下来。 这些加载动画用到了CSS3的旋转transform属性,颜色透明度设置和伪元...

海博1600
2018/07/07
26
0
【css基础】如何理解transform的matrix()用法

实现炫酷的网页动画效果,自然少不了css3中transform的属性,此属性功能丰富且强大,比如实现元素的位移translate(x,y),缩放scale(x,y),2d旋转rotate(angle),倾斜变换skew(x-angle,y-angl...

06/20
0
0
Web-Fontmin -- 在线提取你需要的字体

关于@font-face @font-face是CSS3中的一个模块,使用 @font-face 可以自定义网页字体,即使用户的电脑没有安装某种字体。怎么用 @font-face 呢?你可能见过类似下面的代码片段,它可以让 @f...

forsigner
2016/03/14
119
0

没有更多内容

加载失败,请刷新页面

加载更多

rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0
简述TCP的流量控制与拥塞控制

1. TCP流量控制 流量控制就是让发送方的发送速率不要太快,要让接收方来的及接收。 原理是通过确认报文中窗口字段来控制发送方的发送速率,发送方的发送窗口大小不能超过接收方给出窗口大小。...

鏡花水月
今天
10
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
1K
11
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部