核心技术与前沿案例,20个神奇的伪Flash网站

作者: 前端知识  发布:2019-09-21

十七个奇妙的伪Flash网址

2011/07/09 · CSS, HTML5, JavaScript · CSS, HTML5, Javascript

毫无以为上面包车型大巴那个网址是采纳Flash做的,它们其实是选拔老式的HTML和CSS营造,也会有些的JavaScript,同样也能到达不敢相信 无法相信的动画片效果。

  1. Emilie Crssrd
    该网址做了广大统一准备,进而看起来像Flash,图片加载动画更像Flash网址常见的功用等同 。

  2. Stefan Kanchev
    Logo的淡入和退出效果和你的鼠标经过的渠道产生了健全的竞相。

金沙澳门官网网址 1

  1. Brand Republic
    该网址依据CSS成分动态地退换职业边界,成立三个3D职能,并确定保证Logo在醒目标背景下横空出世。

金沙澳门官网网址 2

  1. Cooper
    在导航中甄选项目,相关内容会滚动到日前窗口中,图片的安澜对接,感到非常像Flash,但它真的是采纳正规的Web语言来成功 。

金沙澳门官网网址 3

  1. Flipboard
    支撑页面动态调度,以适应您的浏览器(有个别限制),你会发觉三个正经的Flash效果。

金沙澳门官网网址 4

  1. Crafty 2010
    作风和可用性之间到达三个很好的平衡。

金沙澳门官网网址 5

  1. 20 Things I Learned About Browsers and the Web

金沙澳门官网网址 6

  1. NL Engenharia

滑出式导航、全显示器图像、动态调节大小,该网址有着Flash网址的享有特点。

金沙澳门官网网址 7

  1. Ryan C. Jones
    该网址有二个绝色的录制组合,它利用八个简短而使得的章程来体现水墨画创作。

金沙澳门官网网址 8

  1. Studio Gang Architects
    乍一看,创新意识的分界面类似Flash,它显得出老式的HTML也得以做动画效果。

金沙澳门官网网址 9

  1. DIST Creative
    借助于其动画、装载Logo和流动分界面,那个网站是根据HTML的极度实用的卡通片技术方案,具备好的Flash布局成立力。

金沙澳门官网网址 10

  1. Messages for Japan
    该卡通格局很好地杰出了顾客的相互。

金沙澳门官网网址 11

  1. Atlason
    该网址内容充满荧屏,窗口式的布局更易令人喜好。

金沙澳门官网网址 12

  1. Bit Byte Bit
    动态的区域。

金沙澳门官网网址 13

  1. FORM

金沙澳门官网网址 14

  1. EEHarbor
    该网址的速度是其成功的一大原因,你不会感到动画片内容花哨。

金沙澳门官网网址 15

  1. Wells Riley
    三个不行非常的拉绳动画效果 。

金沙澳门官网网址 16

  1. Manchester Design Symposium
    具备超洁净和省略的分界面,具备稳固不改变的尾部,页面下边包车型客车一些能够滚动浏览。

金沙澳门官网网址 17

  1. Sophie Hardach
    有局地有意思的卡通片,如元素的活动、放大、停留,还应该有尾部的波浪效果。

金沙澳门官网网址 18

   20. Renato Zero
向下滚动浏览,就能够产出一个新的页面。动画是飞速的,就像感觉不到加载。

金沙澳门官网网址 19

原文:webdesignerdepot
译文:iteye

 

赞 收藏 评论

金沙澳门官网网址 20

《HTML5基础知识、宗旨本事与前沿案例 》是一本辅导初、中级学习者深刻通晓并有效调整HTML5为主技术的本事实战书籍,全书选拔“基础知识 案例驱动”的双轨方式,精心安顿了大气优秀的HTML5规划实战案例,包涵页面成分与布局、动画与动作效果、图形与图像、交互操作、页面组件、音频与录像、响应式设计等,并选用了微信小游戏、创新意识网址等综合性的战线交互使用。实例基本富含了初、中级学习者在实战中差不离恐怕境遇的持格外,体现了各类流行的相互设计意见,让读者能够轻易地球科学习基础知识,有效调整各样主题技巧,神速上手前沿应用开采,并因而HTML5意识互相设计的乐趣。

金沙澳门官网网址 21

课程地址:HTML5基础知识、宗旨才具与前沿案例 (刘欢先生等著)完整版PDF

目录

第一有个别 HTML5基础

第1章 初探HTML5:制作一份邀请函 010

1.1 开辟前的计划干活 010

1.1.1 拟定第八个上学指标 010

1.1.2 计划开辟遭遇 011

1.2 制作HTML页面 012

1.2.1 创制第几个HTML5页面 012

1.2.2 扩充须要的页面成分 014

1.2.3 页面中这么些看不见的代码 015

1.3 页面包车型地铁美化 015

1.3.1 制作邀请信的页面背景 015

1.3.2 调解邀请信的剧情区域地点 018

1.3.3 调度邀请函的文字字体与字号 020

1.3.4 制作邀请函的按键 021

1.3.5 创造二个外界CSS文件 022

1.4 为页面创制交互 024

1.4.1 创造按键的JavaScript交互 024

1.4.2 制作还未停止:页面的移动化 026

第2章 HTML5菜鸟详解 028

2.1 HTML代码基础 028

2.1.1 HTML基础语法 028

2.1.2 页面根成分 029

2.1.3 文书档案元数据 031

2.1.4 区块成分 034

2.1.5 分组内容成分 039

2.2 HTML常用成分 042

2.2.1 文本 042

2.2.2 表单 043

2.2.3 表格 047

2.2.4 WAI-ARIA 050

第3章 CSS3新手详解 052

3.1 CSS代码基础 052

3.1.1 CSS基础语法 052

3.1.2 继承 054

3.1.3 选择器 057

3.2 CSS3常用属性 059

3.2.1 文本和字体 059

3.2.2 边框与背景 062

3.2.3要素定位 065

3.2.4 框模型 068

3.2.5 列表 071

3.3 CSS3常用功效与技能 075

3.3.1 阴影效果 075

3.3.2 2D与3D效果 077

3.3.3 优先级 078

第4章 JavaScript新手详解 080

4.1 JavaScript代码基础 080

4.1.1 怎么样调节和测验JavaScript? 080

4.1.2 为代码增加注释 081

4.1.3 创设八个归纳的变量 082

4.1.4 三种常用的JavaScript运算符 083

4.1.5 JavaScript中的条件语句 085

4.1.6 JavaScript中的循环语句 087

4.2 JavaScript编制程序进级 089

4.2.1 数组及其操作 089

4.2.2 日期和时间 091

4.2.3 初涉函数 092

4.2.4 函数的变量成效域 094

4.2.5 Object简介 095

4.2.6 JavaScript的DOM操作 097

4.2.7 DOM事件处理 100

4.2.8 利用JavaScript实现HTML5拖放 101

第5章 移动端HTML5开采详解 103

5.1 桌面端开垦概述 103

5.1.1 桌面端和移动端有啥分裂? 103

5.1.2 响应式设计依然移动版网址? 104

5.2 移动端支付本事 105

5.2.1 Viewport设置 105

金沙澳门官网网址 ,5.2.2 百分比布局 106

5.2.3 Flexbox:轻巧落成弹性布局 111

5.2.4 Media Query 114

5.2.5 雪碧图 116

5.2.6 Logo字体 119

5.2.7 移动端交互 121

5.2.8 移动端调节和测量检验 122

5.2.9 移动端其余技能 124

第6章 一箭双雕:运用流行开源类库 126

6.1 开源类库jQuery介绍 126

6.1.1 强大的jQuery 126

6.1.2 jQuery选择器 128

6.1.3 jQuery的性质和DOM操作 130

6.1.4 jQuery动态效果 132

6.1.5 jQuery事件 134

6.1.6 jQuery的优劣势 136

6.2 其余开源类库介绍 136

6.2.1 使用jQuery Mobile开荒活动站点 136

6.2.2 Zepto——移动端的jQuery 137

6.2.3 前端开辟框架BootStrap 138

6.2.4 设计工具包Flat UI 139

6.2.5 浏览器检查评定工具Modernizr 140

6.2.6 数据可视化学工业具D3 141

6.2.7 使用哈默轻巧调整触摸手势 141

6.2.8 前端在线编辑工具 142

第7章 HTML5与普及编制程序语言、软件 143

7.1 HTML5与Flash 143

7.1.1 HTML5与Flash的结合 143

7.1.2 使用Google Swiffy进行Flash转换 145

7.2 HTML5与别的周边语言和软件 146

7.2.1 HTML5与使用开荒 146

7.2.2 HTML5与Illustrator的结合 148

7.2.3 HTML5与Photoshop的结合 149

7.2.4 HTML5开辟桌面端应用 151

其次片段?HTML5前沿杰出应用篇

第8章 HTML5页面元素与布局 153

8.1 页面成分与布局基本工夫 153

8.2 HTML5布局基础 153

8.2.1 图像和文字混排与题图像和文字字布局 154

8.2.2 Hero Unit图标题文混排 156

8.2.3 两列均分布局 159

8.2.4 格子布局 164

8.2.5 多列等高布局 168

本文由金沙澳门官网发布于前端知识,转载请注明出处:核心技术与前沿案例,20个神奇的伪Flash网站

关键词: 金沙澳门官网