<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[diebi9395的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/diebi9395</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; diebi9395]]></copyright><item><title><![CDATA[移动设备上的“hello word”]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958837</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958837</guid><author>diebi9395</author><pubDate>Sat, 26 Apr 2014 17:39:00 +0800</pubDate><description><![CDATA[时常有人在网上或者在技术群里问：移动端网页怎么做啊！？且不说移动端网页怎么做，html、css你会么？PC端的网页你做过么？如果回答是：会，做过。那么，移动端网页就没你想象的那么难了!
记得当初我做第一个移动端网页的时候，还是把淘宝的移动端h5页面扒了下来，看了看他的html5的代码和css3代码！看了之后，觉得新鲜但是又不那么陌生！新鲜是因为我看到了一些以前没有看到过的代码，不陌生是...]]></description><category></category></item><item><title><![CDATA[chrome emulation 快速查看移动设备h5页面]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958843</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958843</guid><author>diebi9395</author><pubDate>Sat, 26 Apr 2014 17:38:00 +0800</pubDate><description><![CDATA[之前有分享过chrome emulation的简单使用说明，如何快速学习查看移动设备H5页面呢？
下载Chrome33.0.1750.154 m版本。Step1 按F12Step2 点击Hide drawer，Step3 打开emulation，Step3 将代码编辑区调到浏览器右侧，，由于移动H5页面尺寸比较小，所以个人比较习惯这样设置，具体看个人喜好。
经过以上四步的简单...]]></description><category></category></item><item><title><![CDATA[移动端无障碍初探]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958841</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958841</guid><author>diebi9395</author><pubDate>Sat, 26 Apr 2014 17:37:00 +0800</pubDate><description><![CDATA[经过一段时间对Iphone、Ipad和小米手机的无障碍操作测试，整理出来了一点点收获。
要从以下几块做了初步的测试：测试机型：

Iphone4s
Ipad2
Mi2


测试点：

无障碍辅助功能
设备本身操作
网页操作
无障碍读屏软件（保益）（目前还没太在意，先入手设备自带辅助功能）


一、如何开启手机设备无障碍辅助功能：

apple系列机型的...]]></description><category></category></item><item><title><![CDATA[HTML5标签无障碍体验]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958842</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958842</guid><author>diebi9395</author><pubDate>Sat, 26 Apr 2014 17:36:00 +0800</pubDate><description><![CDATA[当您打开Iphone的VoiceOver后，闭上眼睛操作WebApp时，您了解VoiceOver盲人辅助工具语音是怎么响应手指触摸到每一个HTML5标签的么？

lvzei今天专门整理了一份HTML5常用标签集合，您只要打开Iphone或其他苹果系列产品的盲人辅助工具VoiceOver，扫描二维码就可以访问到该页面了。

打开VoiceOver具体操作：
Step1、点击...]]></description><category></category></item><item><title><![CDATA[css3媒体查询实现网站响应式布局]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958835</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958835</guid><author>diebi9395</author><pubDate>Sat, 26 Apr 2014 17:34:00 +0800</pubDate><description><![CDATA[响应式建筑设计、响应式家具设计、响应式办公设计，这些词可能是已有的专业名词，也可能是我自己想出来的一些名词。因为在生活中，我们常常会见到很多让人惊叹的设计，为什么同一套东西经过不同的方式变化之后会给人不同的使用感受和体验呢？这样既节约制造成本，又节省空间，还能体验创意性的生活。
先来给大家欣赏几张图大黄蜂：
沙发床：
沙发椅：
没错！大黄蜂为应对紧急战斗而瞬间由汽车变为战斗机，沙...]]></description><category></category></item><item><title><![CDATA[如何设置iscroll滚动条样式]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958838</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958838</guid><author>diebi9395</author><pubDate>Sat, 26 Apr 2014 17:33:00 +0800</pubDate><description><![CDATA[iscroll.js里边搜索关键词：bar.style.cssText
没错，就是以下代码：



转载于:https://www.cnblogs.com/css3China/p/3691806.html]]></description><category></category></item><item><title><![CDATA[移动端H5网页“上中下布局”的另类实现思路]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958839</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958839</guid><author>diebi9395</author><pubDate>Sat, 26 Apr 2014 17:32:00 +0800</pubDate><description><![CDATA[记得曾经做过这样的一个面试题，面试题要求如下：

相册空间\硬盘空间的进度条,考虑百分比的控制；
左中右三栏等高，整个页面的宽度不固定，左右宽度固定，中栏自宽度适应，论坛的文章标题也自适应宽；
加“…”的地方，考虑过长溢出省略处理；
假如这是一个访问PV达2000W/日，因成本限制，网络带宽可能满足不了此访问量，会出现滞连情况，样式文件可能加载不了，且中栏内容是最重要且要呈...]]></description><category></category></item><item><title><![CDATA[Chrome Emulation-移动设备特性随意配]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958836</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958836</guid><author>diebi9395</author><pubDate>Tue, 22 Apr 2014 13:45:00 +0800</pubDate><description><![CDATA[当我们还在使用旧版Chrome调试移动端H5网页时，Chrome33.0.1750.154 m版本已经悄悄地将更强大的移动端网页调试功能融入到了开发者工具中。
前段时间更新了Chrome之后，还纳闷我的开发者工具中User Agent（用户代理）消失到哪里去了，琢磨了半天，才发现她
隐藏到了这里，像一位羞涩的姑娘一样躲在人群中，可是当你发现她时，她就是你心中这样的女神是不是很性感呢？...]]></description><category></category></item><item><title><![CDATA[关于自己]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958832</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958832</guid><author>diebi9395</author><pubDate>Tue, 22 Apr 2014 13:42:00 +0800</pubDate><description><![CDATA[css3China诞生于2014年1月，它既不是中国权威组织的官方网站，也不是业界大牛的网站，目前只是绿贼用来记录自己工作和生活的个人博客而已。希望自己把平时学习和积累的点点滴滴能够在这里沉淀下来。
俗话说，不积跬步无以至千里，不积小流无以成江海。个人博客主要以Css3和移动端Web前端开发为主要沉淀和分享内容，也会夹杂一些五花八门，看似没关系，可确实是原汁原味出自绿贼的小小...]]></description><category></category></item><item><title><![CDATA[Voiceover “眼里” 的HTML5标签]]></title><link>https://blog.youkuaiyun.com/diebi9395/article/details/101958834</link><guid>https://blog.youkuaiyun.com/diebi9395/article/details/101958834</guid><author>diebi9395</author><pubDate>Tue, 22 Apr 2014 13:37:00 +0800</pubDate><description><![CDATA[当我们了解了移动设备中盲人辅助工具VoiceOver或Talkback或保益悦听能够帮助盲人朋友使用移动App时，我们或许应该从最基本的工作开始做起。
在大部分网页重构师面试的过程当中，“你是怎么认为标签语义化的”，这样的问题经常会被问答，说实话，真的很难有标准答案，一般都是从业者根据自己的从业经验所总结出来的对标签语义化的自我认识。
且看标签语义化相对专业化的描述：“语义化”指...]]></description><category></category></item></channel></rss>