Category Archives: 原创

Safari浏览器浏览器对HTML5的支持

Safari浏览器浏览器对HTML5的支持Safari浏览器支持HTML5音频和视频元素, 离线存储支持, 和其它HTML5功能使得它很容易为​​开发人员提供丰富的, 互动媒体体验在本机的浏览器, 专有技术,而不需要为. 支持HTML5的媒体网站可以提供丰富的, 互动媒体容易,因为他们提供的图像. Safari was the… Read More »

Safari 6更新了什么?

Safari 6更新了什么? Safari continues to support the latest web standards and technologies. New features in Safari 6 allow you to create audio for interactive web applications, tap into hardware-accelerated color effects, and keep users up-to-date with web notifications. Web Audio API With the Web Audio API, you can create and customize audio effects in interactive web… Read More »

新版Mozilla Firefox的UI设计理念预览

Mozilla Firefox 未来的UI设计 作为Mozilla Firefox的忠实粉丝,这里跟大家分享一下Mozilla刚刚跟我们分享的 Firefox 的未来设计理念。他们首先展示了其实整个界面背後的设计哲学是来自火狐(Firefox)这种动物的「天性」,他们形容为和蔼(soft)丶友善(friendly)和富有人性的(human);于是他们便将界面的元素都设计得很 soft,tag 等图示都会有着圆滑的边缘(跟Chrome有点像啊)。还添加了阅读模式。另外,他们也打出界面一体化的牌,将手机丶平板和电脑的用户体验都统一了。而且在计划的当中也包括了为 Windows 8 而设的 Metro 版本,是以 Win 8 的特色 — Tile 来作为主调的。最吸引我的是新的开发模式(包括现有的3D层叠似视图),相信会给我们这些web developer带来巨大的便利和更高的用户体验。整个简报还有数不尽的「未来特色」,有兴趣的话可以到继续阅读看看。 Ux overview fxworkweek_april2012

Safari浏览器对CSS3的支持

Safari浏览器浏览器对CSS3的支持Safari将继续实施在网络上最具创新性的网络技术来推动的界限,什么是可能的. 借助Safari浏览器支持CSS动画, CSS效果, 和CSS网页字体, 您可以创建下一代丰富, 交互式Web应用程序. CSS动画Safari是第一个浏览器,支持CSS过渡和动画。... Read More »

Hibernate关联映射

以简单的两个类为例: User(int id, String name) Group(int id, String name) 没有关联关系时的关系模型: t_user(id int pk, name varchar) t_group(id int pk, name varchar) 一、多对一和一对多关联映射(多个用户有相同的组) 这几种关联映射后的关系模型是相同的: t_user(id int pk, name varchar, gid int fk->t_group(id)) t_group(id int pk, name varchar) 1、多对一单向关联 实体模型: bean.User(int id, String name, Group group) bean.Group(int id, String name) 2、一对多单向关联(几乎不用) 实体模型: bean.User(int id, String name) bean.Group(int id,… Read More »

如何升级三星高清摄像机HMX-Q10的固件升级

今日入手三星高清摄像机Q10,而令我非常头疼的是,不知如何进行固件升级,明明已经按照升级步骤进行,就是不能自动色别设计文件!网上搜索方法,国内没有相关文章,官网和说明书上都没有一个字提及!最后搜索国外,得以解决! 原因其实是:一定要连接住交流适配器!让机子一直在充电!晕。。。 以下是转载: Download HMX-Q10 Firmware The Q10 firmware upgrade will extend the function of the Switch Grip. Before this firmware upgrade, the Switch Grip was only supported while on standby mode, but this firmware upgrade enhances the Q10 Switch Grip functions allowing you to switch your grip while recording or while on pause mode.… Read More »

针对移动设备web制作的小知识

最近,因为对手持设备样式表的逐渐了解,我对手机网站的开发设想产生了一点点改变。 首先,什么时候你会想打开手机用来上网? 通常有两种情况:一种是急需获得某种信息,但因为各种原因只能通过手机上网查询;另一种是闲着无聊,便通过手机上网消遣。 对于后一种情况,设计一种同电脑浏览有相同浏览体验的网站依然是每一个WEB开发者的梦想,但是对于前一种呢?当上课要迟到时,在路上赶路缺忘了上课的课室时,只想快速地查到想要的数据,一点不在乎网页的用户体验;同样,在外地想查询某公司的电话号码时,我们需要的,仅仅是一个8位数的电话号码,并不要任何的视觉效果。 现在开始,我们将讨论如何制作针对前一种情况的wml。 现在正是移动web的成长期,在这个阶段,手机的功能正在变得越来越强,他们的内存甚至比早期的个人电脑还要多,但是,与所有技术的成长期一样,移动WEB的未来还有太多的变数。数百种手持设备,它们可能使用四十种不同的浏览器,而这些浏览器以不同的方式支持HTML和CSS。目前我建议在等待移动WEB成熟的时候保持简约和耐心。 下面列出了一些针对手持设备应该注意的地方: 让每KB都物有所值,隐藏额外的部分,使用更少更小的图像,等等,因为WEB访问是昂贵的。 要确保站点上每个有意义的图像都有替换文本,使以无图像方式查看页面的访问者不会错过任何信息。因为访问者可能会选择在不显示图像的情况下查看页面(从而加快访问速度)。 保证图像尽可能小,彻底地对站点进行测试。因为许多手机浏览器(比如UCWEB)会通过代理服务器对网站进行过滤,从而去掉手机浏览器无法处理的内容。 在栏上使用窄的外边距,最好根本不使用。不要使用浮动、绝对定位、表格(它们的内容可能以出乎意料的次序显示)和弹出窗口。 避免使用固定宽度的设计。应该使用em和百分数来代替。 避免使用CSS字体属性,应该主要依靠标题标记,如h1,h2等等,来区分大标题和小标题。对于常规文本用p,对于强调部分用b或strong,尽量少用斜体。因为大多数手持浏览器只支持一种字体和最多两三种字号,支持粗体而不支持斜体(至少支持得不好)。 可以对导航条使用有编号的列表(ol)。因为手持设备对列表的支持很好。 避免使用背景图片。因为不太支持CSS的background-image属性。 一般支持CSS的color和background-color属性,应尽可能地利用,使得文本颜色和背景颜色之间的对比足够强烈,让访问者在日光下也能够看清页面上的内容。 确保站点的显示在没有加在样式表的情况下也是有意义的。测试时用尽可能多的手持设备或手持浏览器来查看站点。因为某些手持浏览器会完全忽视CSS文件(比如QQ手机浏览器居然像傻瓜似的不加载一个以上的样式表)。

开放移动web网页中的一些体会

本文讲述我这两周手机web开发中的一些经验总结,我是个菜鸟,有什么地方说错了请大家帮忙指点一下~ 时代在不断变迁,手机上网早已普及大众,但远远落后的,不是停滞不前的wap协议,而是花样百出的手机浏览器,手机浏览器已进入百家争鸣的状态。但是欣慰的是,现在手机浏览器存在一个共同的目标:如何让网页显示得和电脑看到的一样(即使电脑不同浏览器间也存在差别,特别是CSS3的到来)。 我们没有选择WML,而是HTML。 WAP协议是针对流量受限,屏幕大小较小,功率消耗小,运算处理速度低的小型移动终端而设计的;尽管WAP的兼容性和可扩展性好,可是人们的目标始终是:手机浏览和电脑浏览能得到一致的效果,因此,随着手机浏览器的发展,WAP必将被舍弃。 参考资料:http://www.wapforum.org/faqs/index.htm 几个测试 通过对不同机型的实测,请允许我我主观地对结果做一个简单的排序: Android自带浏览器 用户体验一流 用过Android自带浏览器的用户应该深有体会,当你用两个手指放大网页上的图片时,不得不在心理发出惊叹,这种感觉太棒了!,字体和图片全部跟着放大,并懂得自动换行,这才是smartphone! 堪称完美的样式展示 测试用的9种手机浏览器中,这种是网页兼容性最好的浏览器了。和我在电脑上用firefox测试的效果一模一样,甚至在某些方面做得更好;而且,这是测试的9种浏览器中两种实现了自动跳转脚本的浏览器之一。 字体显示全部按用户设定的大小显示 Opera Mobile (Version 10.00) 超炫的界面,几乎完美的兼容性,仅仅是偶尔的中文排版问题(原因不明,英文可以完美展示,中文浏览部分网站会排版错误,比如一行多出3个字符)。 Symbian s60 3rd UCWEB (V7.2.2.51) 适应屏幕模式: 强制统一了所以字体大小,包括h4~h6和p一样大,h1~h3比p大约2px。无斜体。 当字体颜色和背景颜色相同时,强制改为黑色。 border-color默认为灰色。 body强制有3px的margin。 不完全的无视margin和padding,默认margin为0,block元素有1px的padding-top和3px的padding-bottom,还有margin:5px 0px;但是当没有定义margin的上和下时,会出现IE典型的double margin的bug。 对于内联函数,对齐也有问题,有空截图下来。 缩放模式:字体还是统一了大小(UC这你就做得不对了)。 魅族自带浏览器 感觉就是仿Android,可是幸运的是,“该有”的小bug它也有了~ Opera Mini(Version 5.0.18755) 作为mini型浏览器,opera mini非常的出色,几乎完美地表现了盒子模型,只是偶尔会碰到中文字体换行有偏差,估计是外框的左padding撑开了字体?不对啊,一行显示的字数足足多出了4,5个…这个以后有空在研究。 Android UCWEB(v7.0.3.45) & 魅族UCWEB(v7.1.042 wince) 不明白为什么Android的UCWEB比Symbian的效果差,字体大小被重设,这本身没有什么问题,错就错在字体被放大得太大了,图标和图片还是原比例,搭配非常不协调。还有很多小bug,比如图标对齐有问题。 Symbian s60 3rd自带浏览器 网络浏览体验其实还蛮不错的,可惜以为一尘不变以及流量的浪费,使它最后还是成为了诺基亚的一个花瓶。 Symbian QQ浏览器 请原谅这位手机浏览器的初生婴儿吧,半岁大的QQ手机浏览器,不单止只能载入单一CSS,默认字体和大小都奇丑无比,样式也一团糟,还自作聪明地去掉了所有空格,除了进QQ农场,还是不要干别的好… 一些要注意的地方: 所有测试的适应屏幕浏览器均不支持a:focus。所有懂得适应屏幕模式都重设了字体大小和样式。(现在想想重设才是正常的)… Read More »