调用Google Maps API实现HTML5 Geo定位
HTML5进入人们视线的时间并不长,但我们已经能看到浏览器变得更强大,应用也变得越具智能。充分利用HTML5的新特性能使我们的生活更加便利。这儿就有一个例子——我们结合HTML5技术和地图应用接口来实现定位。
该应用可兼容的浏览器包括:Opera,Chrome, FireFox,Safari。以及……偶滴U8110自带浏览器(Safari Mobile)上测试通过。
大致原理是这样的:浏览器通过Google Map Canvas将我们的位置信息发送给API接口,然后显示地图位置。不过目前定位的准确度有时会出问题,比如福州大学城就跑到乌山路去鸟~不太力额。。。
演示地址是:http://kainy.googlecode.com/svn/trunk/HTML5_Geo_location_using_the_Google_API/index.html .
还没有引用.
Glass_Onion – win7主题一键安装包
昨天在Cb上看到一篇介绍win7主题的文章,一看就觉得这主题不错。 不过主题作者给的安装方法麻烦了些,需要安装一个第三方主题的packet,然后把文件拷到相应的主题目录中。对系统操作不熟悉的朋友可能有些困难,这里简单做了一个安装包,运行后自动把主题文件复制到相应路径,然后运行packet安装程序,仅此两步而已,希望能为需要的盆友提供方便。 安装方法: 解压压缩包->右键安装文件“以管理员身份运行”(重要)->安装完成后右键桌面,按常规步骤选择刚安装的主题即可。目前仅支持32位系统,有人需要的话再上64位。 主题截图: 下载地址: [115网盘]http://u.115.com/file/f99f9e37a8#\r\nwin7主题_-_glass_onion.zip [Skydrive]http://cid-24370b5cafbde4e1.office.live.com/embedicon.aspx/.Public/win7%e4%b8%bb%e9%a2%98%20-%20glass^_onion.zip [box.net]https://www.box.net/shared/3lcsg1i6fq 其他说明: 也许是因为打包程序的原因,有些杀软会报毒,在线检测了一下,还好,主流的基本没问题,结果如下: Antivirus Version Last Update Result AhnLab-V3 2011.04.09.00 2011.04.08 – AntiVir 7.11.6.19 2011.04.08 TR/Dropper.Gen Antiy-AVL 2.0.3.7 2011.04.09 – Avast 4.8.1351.0 2011.04.09 – Avast5 5.0.677.0 2011.04.09 – AVG 10.0.0.1190 2011.04.09 – BitDefender 7.2 2011.04.09 – CAT-QuickHeal 11.00 2011.04.09 – ClamAV 0.97.0.0 2011.04.09 – Commtouch 5.2.11.5 [...]
入手酷派D530
买来将近一周了,不过一直没时间玩,乘周末玩了两天,总结下优缺点。大家别喷我哈。 优点: 配置高、价格低,性价比高 对于电阻的触屏来说,此机确实可圈可点 网速比起联通、移动确实快 屏幕大小看电影不错+ 缺点: 通话杂音(新版本已解决) 屏幕可视角度太垃圾,正面看都会暗屏 估计屏幕用的是c’货,基本没那台没亮点的 触摸屏检测不准确,玩pes2011根本点不中游戏选项 电池待机太短 2.1rom对于游戏安装来说太不给力,虽然能app2sd但太麻烦,而且刷机以后无法直连电脑 牛b的硬件配置却弄个480 320的屏,弄的很多hd的游戏能跑不能玩(超纠结) wifi的距离太短,150m的路由,过个2个房间就没信号(touch,索爱x1信号很好) 弄个usb的耳塞接口,整的出个门要带两副耳塞 恶心的coolpad定制系统,让爱玩的机油们无法满足 下面是一些截图(有些乱): 下面的截图是一个修改版的 QQ for Pad 。 下面是几段视频:第一个、有点像ppt的介绍;第二个、玩家用酷派D530玩极品飞车的录像;第三个、也是玩游戏,3D游戏。 . 写于去年今日:2010: 2010 全国信息技术水平考试(软考)开考科目及考试时间及日程安排(0)2010: FJUT计算机系网络工程0703班大三下学期评优投票结果(0)
用HTML5无罪,挺CSS3有理
新特性无法很好地在现有浏览器中展现,是阻碍网页设计者采用最新技术的最大因素。除非你能够接受自己设计的网页在不同浏览器中有不同的外观,才有可能在现有环境下开始使用HTML5和CSS3。 虽然HTML5还 停留在草案阶段;然而换一种思路,如果你在等待CSS3的“完成”,也许将无法在有生之年看到那天的到来——要知道CSS2至今都未能为所有浏览器所支持! 本文作者的观点是:应该让每个用户获得效益最大化。对于那些使用前沿浏览器的用户,我们有什么理由不充分发挥哪些浏览器所提供的新特性?(呵呵,貌似和我《比较拉风的特效尝试》中的观点相似,渐进增强与平稳退化). 说是这样说,但要推进新技术普及,比较务实的做法还是提供平滑过渡的方法,故文章大部分内容是关于HTML5和css3跨浏览器降级兼容方案,有兴趣者可继续往下看: 以下内容来自:http://net.tutsplus.com/tutorials/html-css-techniques/html5-and-css3-without-guilt Not every HTML5 or CSS3 feature has widespread browser support, naturally. To compensate for this, enterprising developers have created a number of tools to let you use these technologies today, without leaving behind users who still live in the stone age. Prologue HTML5 Semantic Elements The good news is [...]
为什么我们应该开始用CSS3和HTML5
前几天看了XJP兄的趣文怎样在中国彻底消灭IE6,其中提出的几个方法确有其可行性,不过懂得推倒,更要思考重建;再结合从国内 IE 6 的市场份额说开去,看来当下对IE6等旧技术的声讨已蔚然成风,即将取得阶“段性进展”。 停止对IE6的兼容和抛弃IE6 孰先孰后,这本身就是鸡蛋相生的悖论,打破这一僵局的最好方法就是任一方先付诸行动,而作为开发者,我们所能做的就是:停止IE6兼容页面的生产。 能保持IE6兼容的前端和敢于对IE6说NO的前端,哪个牛逼?看完本文也许能对你做出判断有所影响。 本文首先描述了IE6等过时的技术长期存在而阻碍新技术发展的现状; 然后分别从客户、访客、开发者的角度分析不同角色早CSS3和HTML5新技术普及中的作用; 进而分别从恐惧心理(Fear Factor)、满足现状(Comfortable Factor)、质疑心理(Doubt Factor)、信念不坚定(Faith Factor)、轻敌心态(“It’s Too Early” Factor)、标准未敲定(Validation Factor)几个因素探讨了阻碍人们深入HTML5等新技术的元凶。 最后的总结:为了解决一个现实的问题——使网页设计更加清楚和简单( Plain and simple),我们必须行动起来,从今天开始使用CSS3和HTML5。 以下内容来自:http://www.smashingmagazine.com/2010/12/10/why-we-should-start-using-css3-and-html5-today For a while now, here on Smashing Magazine, we have taken notice of how many designers are reluctant to embrace the new technologies such as CSS3 or HTML5 because of the lack of [...]
比较拉风的特效尝试
2010年11月27日 - 01:11
标签: html5, 特效
分类: HTML, JavaScript | 28 人围观
正如你所看到的,小博的主题有了些变化,写篇文章记录之。 这个修改灵感来自于Android自2.1版本开始引入的动态壁纸效果,前景仍然是静态的图标、时钟、播放器微件之类,但背景一动起来,立体效果就多少有了一些。 兼容性:ie就没办法啦,就用原本主题的样式;Opera, FireFox, Chrome, Safari几个浏览器都支持canvas,Chrome下浏览体验最佳,在偶的机子上用Firefox打开博客略卡。 好处,增加网页的动态效果,打破传统网页背景不变前景变的惯势,当然,这还要归功于HTML5这类新技术的支持,动态背景的思路会否引发一场新的设计潮流,天知道;另一方面由于去掉了背景图片,修改后页面加载速度明显加快。 缺陷,新访客开始可能不能适应,注意力容易从内容分散到背景的变化。好在鼠标在内容部分时,背景色较鼠标移到外围区域时来得缓和,貌似鲜艳的颜色容易使人不淡定 不利于阅读,对于拉动滚动条浏览的访客……就让他兴奋点吧;同时,canvas的实现会占用较多的cpu资源(又或者是这里的使用方法欠妥),尤其是 mouse over function ,鼠标在页面中移动时低配置的机器鼠标滞感比较明显,操作体验下降。 虽是用到html5这么个比较新鲜的东东,但实现的原理也不复杂:建立canvas元素,然后通过 JavaScript 完成简单的动画。主要实现原理都可以在这个演示的代码中了解,前半部分JavaScript是在canvas元素中创建渐变,后半部分在鼠标移动时触发,产生跟随鼠标的白色亮点区域。有兴趣的童鞋也可以试试哈,以下是一些你可能用得到的素材,大都是canvas实现的特效: 模拟水面.html 眩晕光束.html 漩涡.html 绚丽流光.html 更多演示可以到这篇文章查看。 说了这么多都是博主自己的观点,究竟这个尝试的效果如何,当然还要由访客们说了算。欢迎大家发表自己的看法,有什么什么不足或者更好的实现方法都可以共同探讨哈。 P.S(20101205): 做了点改进,现在默认情况下背景是黑白渐变,按“Esc”键后可以调整背景效果,再按一次固定啦,这样就避免了消耗资源过大的问题(WebKit核心浏览器下有效)。另外修正了IE8下的问题,感谢默默童鞋的提醒。
HTML5的设计[部分翻译]
又见HTML5,对HTML5功能特性、标准和概念的绍已是不绝于耳,正如被炒得如火如荼而又让人云里雾里的“云计算”概念。 不过这个演说的侧重点是html5的设计,而不是用html进行的设计。就像横空出世的大英雄,大家在对他的英雄事迹津津乐道后,总会有人想要关心英雄的身世(参考阅读:The Internet: a historical encyclopedia)。 . . 以下内容来自:http://www.tech-q.cn/redirect.php?tid=13462&goto=lastpost 今天我想跟大家谈一谈HTML5的设计。主要分两个方面:一方面是HTML5。我可以站在这儿只讲HTML5,但我并不打算这样做,因为如果你想了解HTML5的话,你可以Google搜索,可以看书,甚至可以看规范文档。 实际上,确实有人会谈到规范的内容。史蒂夫·福克纳(Steve Faulkner)会讲HTML5与可访问性。而保罗·艾里什(Paul Irish)则会讲HTML5提供的各种API。因此,我今天站在这里,不会光讲一讲HTML5就算完事了。 说老实话,在正式开始之前,我想先交待清楚我所说的HTML5到底是什么意思。这话听起来有点搞笑:这会子你一直在说HTML5,难道我们还不知道什么是HTML5吗?大家知道,有一个规范,它的名字叫HTML5。我所说的HTML5,指的就是这个规范。但问题是,有些人所说的HTML5,指的不仅仅是这个规范,还有别的意思。比如说,用HTML5来代指CSS3就是一种常见的叫法。我可不是这样的。我所说的HTML5,不包含CSS3,就是HTML5。 类似的术语问题以前也有过。Ajax本来是一种含义明确的技术,但过了不久,它的含义就变成了“用JavaScript来做一切好玩的东西”。这就是Ajax,对不对?今天,HTML5也面临同样的问题,它本来指的是一个特定的规范,但如今含义却成了“在Web上做一切好玩的事。”我说的不是这种HTML5,不是这种涵盖了最近刚刚出现的各种新东东的HTML5。我说的仅仅是规范本身:HTML5。 刚才已经说了,我今天想要讲的内容不多,也没有打算介绍HTML5都包含什么。今天我要讲的是它的另一方面,即HTML5的设计。换句话说,我要讲的不是规范里都包含什么,而是规范里为什么会包含它们,以及在设计这个规范的时候,设计者们是怎么看待这些东西的。 设计原理 设计原理本质上是一种信念、一种想法、一个概念,是你行动的支柱。不管你是制定规范,还是制造一种有形的物品,或者编写软件,甚至发明编程语言。你都能找到背后的一个或者多个设计原理,多人协作的任何成果都是例证。不仅仅Web开发领域是这样。纵观人类历史,像国家和社会这样大规模的构建活动背后,同样也有设计原理。 就拿美国为例吧,美国的设计原理都写在了《独立宣言》中了。 我们认为这些真理是不言而喻的,人人生而平等,造物主赋予了每个人不可剥夺的权利,包括生存、自由和追求幸福。 这里有一句口号:生存、自由和追求幸福。这是被写进宪法中的核心理念,它关系到我们所有人的一切,也就是我们构建自己社会的原则。 还有一个例子,就是卡尔·马克思(Karl Marx),他的著作在20世纪曾被奉为建设社会主义的圭臬。其基本思想大致可以归结为下面这条设计原理: 各尽所能,各取所需。 这其实就是一种经济体系背后的设计原理。 还有一个例子,比前面两个的历史更久远一些,不过大同小异: 人人为我,我为人人。 这个极为简单的设计原理,是两千年前的拿撒勒犹太人耶稣基督提出来的。而这条原则成为了后来许多宗教的核心教义。原理与实践有时候并不是同步的。 下面是小说中的一个例子。英国小说家乔治·奥威尔(George Orwell)笔下的《动物庄园》,就是在一条设计原理的基础上构建起来的虚拟社会。这条设计原理是: 四条腿的都是好人,两条腿的都是坏蛋! 《动物庄园》中有意思的是,随着社会的变迁——变得越来越坏,这条设计原理也跟着发生了改变,变成了“四条腿的都是好人,两条腿的就更好了。”最关键的是,即使是在虚构的作品里,设计原理都是存在的。 … ———————————————— 接下来的内容请到原文查看。 演说比较长,E文不好的童鞋可能会比较痛苦了。六级水平的偶也是看得有些吃力,毕竟专业词汇比较多语速又快,这里顺带介绍下偶学习本视频的方法吧,如果也适合你就最好不过啦 1.浏览ppt :大致了解内容框架结构,抓关键字词 通过ppt可知道,前1/3的内容大致是演说的引入和介绍背景,之后主要讲的是设计HTML5时考虑的几点原则,列提纲: avoid nedless complexity support existing content solve real problems pave the cowpaths degrade gracefullly priority of [...]
QQ空间里开通腾讯微博应用
方法就是登录QQ空间后点击这个链接 http://rc.qzone.qq.com/myhome/216 PS:附上腾讯微博开通方法 腾讯微博无限邀请链接。
计算机与信息科学系网页设计大赛部分参赛作品
网页设计大赛—计算机0702—林杰 地址:http://a.kainy.cn/201006/jsj0702-lj/ 网页设计大赛—软件工程0901—翁仲钦 地址:http://a.kainy.cn/201006/rjgc0901-wzq/ 网页设计大赛—网工0802—邱沼懿 地址:http://a.kainy.cn/201006/wlgc0802-qsy/ 网页设计大赛—软件工程0901—苏银城 地址:http://a.kainy.cn/201006/rjgc0901-syc/ (这位老兄比较悲剧,用中文命名网页文件和目录,由于空间不支持中文,显示空白页面) 网页设计大赛—网络工程0703—郭涛 地址:http://0703.u0m.cn/tzb/ 本次比赛的通知和要求: http:///tw/Article/ShowArticle.asp?ArticleID=101 。
用HTML5设计的iPhone应用程序酷站
HTML5 是近十年来Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示Web 内容,它的使命是将Web 带入一个成熟的应用平台.









































约5月前
博主的文章非常不错 进来支持一下!
约2月前
文物