发表于 2013-03-20 15:24:00 阅读量(3351) Accessibility简称A11Y，指的是软件产品的可访问性，易用性。A11Y 的出发点是让所有的群体所有的人都可以访问 Web 或者软件应用，本文主要关注 Web 应用的可访问性，主要针对访问 Web 应用有障碍的人士，下面针对几类主要人群对 Web 应用提出的挑战以及我们开发时应该解决得问题加以介绍： 视力有障碍的人士，无法像正常人一样用眼睛浏览网页。此时的解决办法就是用读屏软件将网页...
.box{ display:block; height:350px; width:250px; background:#ddd; cursor:pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .box:hover{ border-top-right-radius:180px 120px;background: rgba(246,246...
前言 最近在 前端观察 看见了这篇老文章，看见了元素居中的5种办法，其中提到了 display:table-cell 这个css显示的新属性，按照当时的浏览器市场来说想必兼容性会是糟糕的一比，但是现在这坛老酒其实可以用到移动端来。 在PC端，应该很少用到 display:table-cell 这个属性，究其原因在于兼容性【IE8+以及现代浏览器才支持】，或者说很少去关注这个标签。此标签的用处就是垂直居中布局功能，这个功能可以让我们不用依赖 ma...
基于Vue的简单的单页面应用 在对Vue和webpack有了一定了解后，我们就可以开始利用所了解的东西做一个简单的webapp了，不了解的同学可以看下我的前两篇关于vue和webpack的基本应用： webpack+vue起步 利用webpack和vue实现组件化 构建项目 首先创建各个组件，我的目录结构如下： //没有后缀名的都是文件夹|-wechat |-dist |-src | |-components //存放vue组件 | | |-t...
本帖最后由 u013414547 于 2014-01-12 18:45:18 编辑 找了半天没找到仿chrome网上应用商店的主题 回复讨论(解决方案) 继续找。才半天 你?找到的，我看好你。 人一定要有一?精神，那就是?持，不管是一年，?年，?是十年，二十年，我相信你一定能找到的! 小伙子，我真的很看好你...
本帖最后由 phf0313 于 2011-10-21 12:27:24 编辑 .qiandao { width:210px; height:267px; background:url(http://192.168.1.3/image/my_qd_bg.jpg) no-repeat;}.qd_circle { border:1px solid #d0ccc3; width:196px; height:35px; margin-top:6px; margin-left:5px; } qd_circle用了margin-top,但是qiandao也被撑下来了，求解？ 回复讨论(解决方案) 恩 如果 父标签有边框...
中国 美国 日本 #a1{ color:red; font-size:200px;}#a2{ color:blue; font-size:100px;}#b1{ color:green; font-size:50px;} 为啥ie里显示不出来css设定的风格呢？ 回复讨论(解决方案) 改一下编码就行了。 改了也没用，还是不能应用css，为什么呢？ 改一下编码就行了。 LZ应该是用XSLT和XML方式生成静态HTML页面吧,如果是这样的话应该在XSLT里添加CSS,而不是XML 发现用谷歌浏览器能够正常显示...
欢迎光临当当网，请登录免费注册 购物车 我的订单 我的当当 礼品卡 帮助 网上购物享当当 首页 图书 百货 品牌 促销 商家 当当榜 礼物 在线读书 更多服务
PurifyCSS 是干啥的 可以检查应用程序中在使用哪些 CSS 类，进而创建一个（排除了没有用上的 CSS ）的文件 也可以检测 JavaScript 中动态加载的 CSS 类 除了可用于单页应用（single-page app）之外，PurifyCSS 也可以用于静态页面应用（static page app）。 可能减少的量 Bootstrap 文件大小 ~140k 平均 Bootstrap 的使用率是: ~40% (最多) Minified Bootstrap: ~117k characters. Purified + Minifi...
效果： 主要的功能有： 1. 网格设计 2. 充话费独占2行2列 3. 充话费鼠标移入有字体缩小的动画 4. 充话费等第一行的四个应用鼠标移入时，图标会向上弹一下 5. 充话费等第一行的四个应用鼠标移入时，会有更多的应用内容以框的显示显示在该应用下面，如： 本文的价值： 1. 在html结构，css逻辑方面，有一些自己的想法可供参考和交流 2. 熟悉css的transition和animation的简单应用 3. 学习如何通过浮动和负的的margin值，...
今天我要和大家一起来学习一个酷炫的鼠标Hover效果。主要将会涉及到CSS3中3D效果的使用，以及在实现过程中我们使用到的一些简单的转换算法，我会尽量以图解的形式让理论变得更容易理解。废话不多说，我们先看一下最终效果：Hover特效（http://www.seejs.com/demos/examples/3dcss3/）。打开连接，鼠标进入图片列表区域并移动鼠标，观察对应区域中内容浮层的变化效果，注意：请使用高级浏览器预览（推荐Chrome浏览器）。 预备 ...
昨天，张小龙在首次公开演讲中透露了微信正在着手打造应用号的消息。这一消息一经发布就引起了热烈的讨论，不过最容易感到振奋的应该是很多 HTML5 领域的创业者。火速移动 CEO 赵九州今天就向 36 氪独家透露，他们将在本月底正式推出基于微信应用号的开发者平台。 火速移动（原火速轻应用）是36 氪此前报道过的一个 HTML 5 应用的分发平台，和原生应用的分发平台类似，区别在于用户无需下载就可以直接在上面使用 HTML 5 应用。 ...
/index.php"> M_UserName; ?> /index.php">会员中心 ">我的空间 /guestbook_admin.php">我的留言 /mystow.php">我的收藏 /article_add.php">发表文章 /myfriend.php">好友管理 /visit-history.php">访客记录 /search.php">查找好友 /index_do.php?fmdo=login&dopost=exit">退出登录 css: .pr{position:relative;...
除了CSS外，这里每一种应用程序开发框架还支持HTML5或 JavaScript，而且都是开源版本，至少有某个版本的免费程序。 如果你在开发基于Android的游戏或者复杂应用程序，又与云全面集成，那么你可能想要原生的应用程序开发工具。这方面的工具多种多样，有的是面向Java的AndroidSDK和安卓开发工具(ADT)Eclipse插件，有的是像Corona这类面向游戏的引擎，还有像面向云的Monaca工具套件这样的商用企业平台。 然而，大多数移动应用程...
自jQuery诞生以来，HTML5中国都在不断地为大家分享许许多多功能不一的插件应用，很多实用性超强的 jQuery插件 对我们的前端开发帮助非常大，不仅可以更完美的完成指定功能，而且节省时间，稍作配置或修改就可以上线。本文收集了8个超实用的jQuery插件应用，希望对你有所帮助。 1、强大的CSS3动画库animate.css 50多种动画形式 今天要给大家介绍一款强大的CSS3动画库animate.css，animate.css定义了大概50多种动画形式，包...