随笔分类 -  Html5+Css3

深圳市彩讯科技有限公司 急招前端重构师
摘要：公司简介：深圳市彩讯科技有限公司公司网址：http://www.richinfo.cn/index.php公司产品：http://www.richinfo.cn/products.php岗位职责：参与负责中国移动139邮箱WEB标准版、企邮邮箱WEB标准版、邮箱WEBAPP版本的前端页面构建。任职资格：1、精通(X)HTML和CSS，对语义化、模块化、分离有深刻的理解;2、精通WEB标准页面开发，并实现兼容多终端和平台的用户界面；3、熟悉网页性能优化和站点速度优化，能运用重构技术来提升用户体验；4、熟悉HTML5,CSS3,能时刻关注新技术应用，并转化为实际生产力；5、能始终把"用户 阅读全文
posted @ 2013-10-19 16:18 radom 阅读(715) 评论(0) 推荐(0)
深圳彩讯科技 用户体验室 页面重构组 招页面重构师！！！
摘要：深圳彩讯科技 用户体验室 页面重构组 招页面重构师！！！岗位职责：负责中国移动139邮箱WAP版、HTML5版、PAD版、WEB版等网页重构。任职资格：1、精通(X)HTML和CSS，对语义化、模块化、分离有深刻的理解;2、精通WEB标准页面开发，并实现兼容多终端和平台的WEB用户界面；3、熟悉网页性能优化和站点速度优化，能运用重构技术来提升用户体验；4、熟悉HTML5,CSS3,能时刻关注新技术应用，并转化为实际生产力；5、能始终把"用户至上"、"细节决定成败" 的思想贯穿于实际行动中；6、熟悉手机网站的重构优先考虑；7、熟悉对象模型与脚本语言Java 阅读全文
posted @ 2012-07-04 23:41 radom 阅读(1467) 评论(2) 推荐(1)
CSS3那些不为人知的高级属性
摘要：原文：CSS的未来：一些试验性CSS属性译自：The Future Of CSS: Experimental CSS Properties请尊重版权，转载请注明来源，多谢！尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到，所以如果你最近在设计网站，你很难能脱离它们。但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可 阅读全文
posted @ 2012-04-19 16:51 radom 阅读(36740) 评论(4) 推荐(13)
webkit webApp 开发技术要点总结
摘要：如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：?width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素）height 阅读全文
posted @ 2012-03-20 00:12 radom 阅读(1351) 评论(0) 推荐(1)
针对webkit的HTML, CSS和Javascript
摘要：HTML, 从HTML文档的开始到结束排列:<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条<meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)<link rel=”apple-touch-icon” href=”icon.png”/> 设置你网页的图标, 尺寸为57X57 px<!– i 阅读全文
posted @ 2012-03-08 00:35 radom 阅读(2822) 评论(0) 推荐(0)
Web App和Native App 谁将是未来
摘要：本文详细分析了Web App和Native App的优势和劣势，指出Web只是我们作为设计者和开发者所期待的一种理想化结果，是一种趋势，将会是一个相当久的过渡阶段，对复杂产品来说，Native App + Web App也许是个不错的解决方案。AD：未来是Web App的天下，还是Native App的天下？作为设计师，我们是应该努力把客户端的体验提升到最优，还是在网页应用层面上做更多的设计？这个一直是大家关心的话题。那么，我们首先应该立体的认识一下Web App和Native App。一、Web AppWeb无需安装，对设备碎片化的适应能力优于App，它只需要通过XHTML、CSS和Java 阅读全文
posted @ 2012-03-05 23:28 radom 阅读(2758) 评论(1) 推荐(1)
Mobile web开发之道
摘要：移动web开发之道（Android与Iphone） 1、javascript篇 （1）使用querySelector和querySelectorAll这两个方法获取文档对象中DOM节点的引用 由于这两个方法都是本地方法，因此在执行效率上比较理想//获得一个id为masthead的对象的引用：var masthead = document.querySelector( "#masthead ");//获得id为banner的UL元素下面最后一个LI元素下的A标签的引用：var anchor = document.querySelector( "#banner > 阅读全文
posted @ 2012-03-02 01:00 radom 阅读(2921) 评论(0) 推荐(0)
手机浏览器
摘要：本文会告诉你目前所出现的18中手机浏览器的细节，更多信息可以参见http://quirksmode.org/mobile/mobilemarket.html手机浏览器被分为全浏览器和简化版浏览器safari浏览器受欢迎度:非常好供应商:apple操作系统:IOS(及苹果手机操作系统)渲染引擎:webkit文档：http://developer.apple.com/safari/library/navigation/index.html#section=Resource%20Types&topic=Reference版本：参照iphone os版本，iphone用户一般都会非常勤劳的去更 阅读全文
posted @ 2012-03-02 00:47 radom 阅读(950) 评论(0) 推荐(1)
前端开发中常见的HTML5标签乱用案例
摘要：一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码：12345678910111213141516<!-- HTML 4-style code --><divid="wrapper"><divid="header"> <h1>My super duper page</h1> <!-- He 阅读全文
posted @ 2012-02-09 23:45 radom 阅读(4773) 评论(0) 推荐(3)
分享HTML 5的参考手册，演讲稿，电子书和教程
摘要：今天我们介绍相关HTML5的参考手册，演讲稿，电子书和教程。HTML5是新兴的web技术，虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5，特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发展。毫无质疑，现在是学习HTML5的好时间，大多数的公司例如Google，Youtube，Facebook都已经开始使用HTML5来建站了。51CTO推荐专题：HTML 5 下一代Web开发标准详解这篇文章我们将介绍最好的HTML5参考手册，电子书，教程。友情提示：你最好阅读一些我们以前的HTML5文章!希望大家喜欢!参考手册，演讲稿，电子书第一部分我们将介 阅读全文
posted @ 2011-12-27 21:46 radom 阅读(809) 评论(0) 推荐(1)
让IE浏览器支持HTML5标准的方法
摘要：自HTML5标准的提出就得到非常多的关注，而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题，上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准，但对于IE9是否将完全支持HTML5所有的标准，微软却表现的有点含糊其辞。HTML5标准能为网页带来更高效更洁净的代码，只有微软参与HTML5的设计工作，才能让IE浏览器识别更多的新元素。HTML5标准预计是在2022年向全世界发布，虽然目前距他发布的日期还有3年左右的时间，但是我认为它距离我们并不是那么遥远，目前很多网站的设计和开发都是在采用HTML5的标准。在HTML5标准的制定和推广方面，苹 阅读全文
posted @ 2011-06-29 23:43 radom 阅读(411) 评论(0) 推荐(0)
HTML5 - 搭建移动Web应用
摘要：关于HTML5 HTML5具有语义学、本地存储、设备访问、连接性、多媒体、平面和三维效果、性能和集成和CSS3八大技术特征。让Web应用进入无插件时代，在功能和性能上逼近桌面应用。促使应用Web化，实现跨平台。 HTML5规范草案将于2012年发布候选推荐版，2022年发布计划推荐版。规范的实现似乎还在遥远的未来，其实不然！当前很多浏览器已经部分支持HTML5，caniuse.com提供了详尽的浏览器支持情况。HTML5规范本身并不多，很多相关规范都被独立出来，由浏览器各自实现。 移动Web应用方向 手机上网已经成为最重要的上网方式之一，手机网民已达3亿。移动互联网时代已经开启，发展势头迅. 阅读全文
posted @ 2011-04-29 14:22 radom 阅读(635) 评论(0) 推荐(0)
css selection改变文字反选的背景颜色
摘要：采用css selection改变文字反选的背景颜色的方法！在计算机操作中经常会有反选出现，系统一般会根据选择区域的颜色，显示出补色。但windows默认的文字选择时，背景为蓝色，前景色为白色，如果背景是深色，则文字为蓝色，背景变成白色。如下图所示： 反选后默认的样式能不能改变选择的默认颜色呢，也许很多人对这个问题不是很在意，也可能你早就见到过这个效果了，但是却忽略了。PPK给出了如下的CSS代码：::-moz-selection{ /*针对Firefox*/ background:#cc0000; color:#fff; } ::selection { background:#cc0000; 阅读全文
posted @ 2011-04-04 17:32 radom 阅读(1026) 评论(0) 推荐(0)
让IE6,IE7,IE8,IE9支持CSS3
摘要：IE6，7并不支持CSS3的属性，IE8也不能很好的支持CSS3。如何让ie支持border-radius (rounded), box-shadow ( shadow), text-shadow等这些属性呢？这里介绍一个通过htc脚本实现这些属性的方法。首先下载ie-css3.htc脚本。然后在css中加入 behavior: url(ie-css3.htc); 阅读全文
posted @ 2010-11-14 11:28 radom 阅读(1149) 评论(0) 推荐(1)
提升你设计水平的CSS3新技术
摘要：前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章，它详细介绍了CSS3的新特性和它的使用方法，它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、WordWrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音，并详细说明了每个新技术目前有哪些浏览器兼容。彬Go本想将本文翻译成中文版和大家分享，... 阅读全文
posted @ 2010-11-14 10:51 radom 阅读(739) 评论(0) 推荐(0)
你必须知道的28个HTML5特征、窍门和技术
摘要：前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课程。一、新的Doctype//zxx:”doctype”中文意思指“文档类型”仍在使用麻烦的，不可能记得住的XHTML文档类型？[代码]如果是，为什么还在用呢？使用新的HTML5文档类型代替吧。你会... 阅读全文
posted @ 2010-09-07 20:33 radom 阅读(2942) 评论(0) 推荐(1)
2010年 Web的五项技术和五个趋势
摘要：2009 结束，2010 年的 Web 会是什么样，或者说，未来的 Internet 意味着什么，2010 会是值得关注的一年。本文从 5 个方面展望 2010 年的 Web，包括 HTML5，CSS3，字体服务技术；浏览器；社会媒体；JavaScript 框架；以及 SAAS。1. CSS3, HTML5 以及 字体服务CSS3，HTML5，以及 Typekit 一类的字体服务，将给 Web 设... 阅读全文
posted @ 2010-03-31 12:41 radom 阅读(394) 评论(0) 推荐(1)