AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

The Expressive Web：最具创意的HTML5和CSS3特性展示

2011-08-16 1020
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　不久前，Adobe发布了一个展示HTML5和CSS3特性的网站项目：The Expressive Web，该网站以形象生动的例子演示了加入到现代Web中最有创造性和表现力的功能，另外还提供了众多具有视觉冲击力的HTML5和CSS3学习资源。

　　不久前，Adobe发布了一个展示HTML5和CSS3特性的网站项目：The Expressive Web，该网站以形象生动的例子演示了加入到现代Web中最有创造性和表现力的功能，另外还提供了众多具有视觉冲击力的HTML5和CSS3学习资源。

展示最具创意的HTML5和CSS3特性

该网站突出展示了以​​下HTML5和CSS3特性：

CSS3 动画（CSS3 animation）演示页面：

展示最具创意的HTML5和CSS3特性

每个特性的展示页面包含如下内容：

  • 功能特性演示
  • 浏览器支持情况
  • 外部应用实例
  • 更深入的资源和教程
  • 特性检测和兼容方案

　　Adobe推出该网站的目的是让Web设计人员和开发人员能够快速的了解HTML5和CSS3新特性，提供丰富的资源和链接让他们能够更深入的认识这些特性，了解它们的用处以及学会如何使用。

　　网站地址：beta.theexpressiveweb.com

您可能还喜欢



详情参考：Introducing theexpressiveweb.com beta

文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

文章标签：
HTML5
移动开发
JavaScript
前端开发
内存技术
关键词：
HTML Web
HTML CSS
HTML特性
web CSS
web css特性
秋天风景
目录
相关文章
html的七十二变
|
3天前
|
存储 Web App开发 移动开发
HTML5 Web 存储详解
HTML5 Web存储提供了两种客户端数据存储机制：**Local Storage**和**Session Storage**。Local Storage用于长期存储数据，即使关闭浏览器数据也依然存在，适用于保存用户偏好设置等信息。Session Storage则在标签或窗口关闭时清除数据，适合存储临时信息。两者均提供了简单的API进行数据的存取操作，但需要注意的是，Web存储并非加密存储，不应存放敏感信息。现代浏览器普遍支持Web存储，合理利用这两种存储方式可提升Web应用的用户体验。
html的七十二变
37 16
html的七十二变
|
2天前
|
存储 移动开发 数据库
HTML5 Web IndexedDB 数据库常用数据存储类型
IndexedDB 支持多种数据存储类型，满足复杂数据结构的存储需求。它包括基本数据类型（如 Number、String、Boolean、Date）、对象（简单和嵌套对象）、数组、Blob（用于二进制数据如图像和视频）、ArrayBuffer 和 Typed Arrays（处理二进制数据）、结构化克隆（支持 Map 和 Set 等复杂对象），以及 JSON 数据。尽管不直接支持非序列化数据（如函数和 DOM 节点），但可以通过转换实现存储。开发者应根据具体需求选择合适的数据类型，以优化性能和使用体验。
html的七十二变
24 10
html的七十二变
|
2天前
|
存储 移动开发 大数据
HTML5 Web IndexedDB 数据库详解
IndexedDB 是一种高效的浏览器存储方案，允许在本地存储大量结构化数据，支持索引和事务，适用于需要离线和大数据处理的应用。它由数据库、对象仓库等组成，通过键值对存储数据，确保数据一致性和完整性。本介绍展示了如何创建、读取、更新和删除数据，以及事务和错误处理的最佳实践。
html的七十二变
27 10
html的七十二变
|
2天前
|
SQL 存储 移动开发
HTML5 Web SQL 数据库详解
Web SQL 数据库是 HTML5 中的一种本地存储技术，允许在浏览器中使用 SQL 语言操作本地数据，支持离线访问和事务处理，适用于缓存数据和小型应用。然而，其存储容量有限且仅部分现代浏览器支持，标准已不再积极维护，未来可能被 IndexedDB 和 localStorage 等技术取代。使用时需谨慎考虑兼容性和发展前景。
html的七十二变
23 6
html的七十二变
|
2天前
|
存储 移动开发 缓存
HTML5 Web 存储详解
HTML5 Web 存储包括 `localStorage` 和 `sessionStorage`，前者提供持久存储且无过期时间，后者仅在会话期间有效。两者均支持键值对形式存储数据，容量约为 5-10 MB。`localStorage` 适用于用户偏好设置、登录状态保持及离线应用缓存；`sessionStorage` 则用于临时数据如表单输入。数据以字符串形式存储，可通过 `JSON` 方法处理对象。由于数据存储于本地，不适合存放敏感信息。示例代码展示了如何使用按钮将输入框内容保存至 `localStorage` 并进行清除操作。
html的七十二变
18 4
小徐在进步
|
23天前
|
前端开发
【前端web入门第八天】定位、CSS精灵与一些其他CSS高级技巧
定位、CSS精灵与一些其他CSS高级技巧
小徐在进步
25 9
小徐在进步
|
23天前
|
前端开发
【前端web入门第六天】01 CSS浮动
这是关于CSS布局第六天学习目标的介绍，主要解决多个`<div>`标签在同一行显示的问题，即一个在左边，另一个在右边。文中介绍了标准流、浮动及flex布局的概念，重点推荐使用flex布局。文章详细讲解了浮动的基本使用、布局技巧及清除浮动的方法，包括额外标签法、单伪元素法、双伪元素法和`overflow`隐藏法，并提供了示例代码帮助理解。
小徐在进步
22 6
游客j4mujezz7vm7y
|
9天前
html,web页面朗读文字，朗读中文，朗读英文
html,web页面朗读文字，朗读中文，朗读英文
游客j4mujezz7vm7y
9 0
gudanhero2018
|
8天前
|
XML 前端开发 JavaScript
Html:CSS介绍
Html:CSS介绍
gudanhero2018
23 1
gudanhero2018
|
8天前
|
前端开发
Html：CSS的书写位置
Html：CSS的书写位置
gudanhero2018
17 0

热门文章

最新文章

  • 1
    weex-html5 组件进阶
  • 2
    WinForms C#：html编辑器工程源码，含直接写WebBrowser的文件流、IPersistStreamInit接口的声明和一些相关的小方法
  • 3
    iReport4.5.1、Struts2.2.3生成Html文档时页面红叉叉的解决办法。
  • 4
    使用Kotlin做一个简单的HTML构造器
  • 5
    另5个你不知道的HTML5接口API
  • 6
    微软证实IE的HTML渲染引擎中存在0day漏洞
  • 7
    DOM方法操作HTML属性
  • 8
    HTML5的五种客户端离线存储方案
  • 9
    基于Spring3 MVC实现基于HTML form表单文件上传
  • 10
    Windows8/Silverlight/WPF/WP7/HTML5周学习导读(1月1日-1月6日)
  • 1
    什么是web与搭建自己的第一个pikachu靶场
    80
  • 2
    【Web系列笔记】Restful
    58
  • 3
    【Web 前端】如何将一个 HTML 元素添加到 DOM 树中的？
    74
  • 4
    【Web 前端】jQuery 里的 each() 是什么函数？你是如何使用它的？
    148
  • 5
    【Web 前端】如何找到所有 HTML select 标签的选中项？
    93
  • 6
    【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
    66
  • 7
    【Web 前端】$(document).ready() 是个什么函数？为什么要用它？
    502
  • 8
    【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片？
    179
  • 9
    20：基于EL与JSTL的产品管理页-Java Web
    54
  • 10
    19：Web开发模式与MVC设计模式-Java Web
    81

    • 相关课程

    更多
  • CSS 快速掌握
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础

    • 相关电子书

    更多
  • 零基础CSS入门教程
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • 图表样式智能美化工具
  • 使用SLB+2ECS+NAS，部署电商web网站的高可用架构
  • 1分钟SAE部署Web在线游戏
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack1：Webpack5打包工具介绍
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    无影云桌面