6 个典型的 HTML5 文字特效示例

在HTML5出现之前,网页上的文字比较单一,除了设置大小、颜色、粗细之外,没有任何出色的特效,当然优秀的文字排版也能让页面显得舒服温馨,但 是当我们需要让页面变得震撼惊奇的话,那么HTML5就能帮助我们实现一些超酷的文字特效了。下面是6个典型的HTML5文字特效案例,仅供大家参考。

1、7组绚丽的jQuery和CSS3文字动画特效

文字特效在CSS3产生后也有了很大的发展,利用各种CSS3属性可以让你的文字在网页中分外动感。下面分享7组绚丽的jQuery和CSS3文字动画特效,一起来欣赏。

2、HTML5弹跳文字特效

今天我们分享一个来自于html5canvastutorials的超酷弹跳球效果,这里我们使用纯HTML5的画布来实现动画及其图形。整个效果 使用小球来组合生成字体,如果你的鼠标逼近这些小球,它们会四散而逃,当你的鼠标离开后,它们又自动复原,效果很酷,希望大家喜欢!

3、CSS3文字按指定路径方向显示

在CSS3还没出现前,网页中的文字只能水平来显示。但是有了CSS3后,我们可以实现文字按指定路径方向显示。这里利用CSS3的text- transform options: rotation, skew, matrix, transform-origin等属性来实现对文字按不同的路径方向显示。

4、CSS3燃烧的文字特效

这是一个用CSS3结合jQuery实现的燃烧的文字特效,这个特效主要用到了CSS3的text-shadow属性,并结合jquery动态渲染投影,从而实现了文字燃烧的效果。

5、CSS3文字镂空特效

这篇文章主要向大家介绍一下如何利用CSS3中的-webkit-text-stroke属性实现文字镂空效果。-webkit-text- stroke可以为文字添加边框。它不但可以设置文字边框的宽度,也能设置其颜色。而且,配合使用color: transparent属性,你还可以创建镂空的字体。

6、6个典型的CSS3文字阴影

用CSS3实现文字的阴影效果非常简单,下面的6种阴影文字特效非常具有代表性。不同的阴影方式有着不同的渲染效果,除了普通的文字阴影,还能实现发光、燃烧、多重阴影等效果的文字。

以上就是6个典型的HTML5文字特效,希望大家会喜欢。

以用户的角度给 Android 开发者的一封信

相比起苹果在HIG(iOS Human Interface Guideline)中提到的尊重用户、分析手势操作设计以及对UI框的规范指导,Android的用户原则中所提到的内容就显得更加亲切。

如果你感觉到学院派的论调已经让你在设计过程中感到一种枯燥,不妨试试以用户的角度给自己的设计提点意见。

吸引我的眼球

用意想不到的惊喜来取悦我

一个漂亮的界面、一个精心设置的动画、一个适时的音效反馈都是一此愉快的体验。通过将不同的细节特效组合起来,除了可以在视觉上更加自然,更可以让我感觉到自己掌握了一种强大的力量。

真实的对象比按钮和菜单更有趣

在应用程序中让我直接接触和操作目标,可以让我减少认知成本,同时也让我可以获得一种满足感。(现在的我不希望每一次的操作都像是在玩文字冒险,每次只有一个按钮,然后在上面进行文字注释)

给它打上“我的”标签

我更喜欢添加属于自己的个性化风格,因为这让我感觉这就像是身处自己的家里一样,一切尽在掌握之中。你可以向我提供一个智能的、漂亮的默认方案。同时你也考虑添加一些有新意却对主要任务不造成影响的自定义项目。


尝试去理解我

在我使用了那么多次你的应用以后,你应该了解并记住我的行为和使用。不要让我一遍又一遍的去重复相同的操作,最好你能让我直接使用我曾经做出的选择。

简化我的生活

保持简洁

向我说明时,请使用简单的单词和短句进行说明——我在阅读时很有可能直接跳过你写的那些又长又复杂的句子。(你不会让我读了一遍发现没效果,又重头再细细的读一遍吧)


图片比文字更直白

请你尽量使用图片向我进行阐述。因为图片更能吸引我的眼球,也往往比文字更能让我有直观的理解。


替我做出选择,但最终由我做出决定

你可以预先猜测我的需求,然后向我推荐你最好的解决方案,但是不要一开始就胡乱给我一堆的询问和选择。太多的选择以及被迫决定会让我非常烦恼。还有,以防万一记得给我一个“撤消”的按钮。


只在我需要的时候向我显示

同时让我看的太多,会让我感到难以承受。所以,你最好把那些复杂的任务和信息分解成多个便于操作和理解的步骤。目前对我没有必要的选项,暂时不要向我展示,同时也要告诉我在需要时我应该到哪儿去找它们。

你应该让我知道我身处在什么位置

让我清楚地知道当我在使用应用时,我身处的位置和通往其它操作的路径。让你应用的各个部分区分明确,并在界面切换时使用适当的过渡效果,用来向我叙述它们之间的关系,让我尽可能多的理解你的应用。


请不要随便丢掉我通知过你的设置要求

请你保存好我花费了时间与精力专为你准备好的内容与个人设置,让它们可以在任何时间任何地点都能代表我曾经使用过你,并且可以在手机、平板和PC之间同步更改。如果这样的话,以后你要进行升级或者其它方面变动,我也更愿意尽量的配合你。


如果你们看起来是如此的相似,那么你们给我的服务也应该相同

请你在设计时,尽量在视觉上使用明显的差异来帮助我区分你所提供的功能上的不同。避免让你看上去相似的样子、我用手指触碰你的时候却发现你长的对不起你的功能。


只有在重要的时刻才打断我

你就像一个属于我的私人助理一样,不应该在无关紧要的时候打扰我。我希望能更加集中精神的完成手上的任务,除非你发现了十万火急的事情需要我处理,否则还是不要随便打断我的任务,这会让我感到不开心,嫌弃你。

让我眼前一亮

给我最实用的那三板斧

当我摸索出你为我设计好的使用技巧时,我会感觉非常的亲切。在你的应用程序里,我使用了其他Android应用广泛采用的一些操作技巧,发现你采用 可许多相同的视觉模式和肌肉动作,这让我很容易就上手了,并且真的很满足。比如,我经常使用的“轻扫”,这是一个我在Android应用中经常使用到的导 航快捷手势。


我知道不是你的错

友好礼貌地提醒我改正错误——在使用你的应用时,我不希望你让我感觉到自己很蠢。所以,在使用的过程中出现错误提示的话,请你清楚简明地给出一个解决方案,以便让我能够尽快的反应过来,加以修正。

避免提及那些我看不懂的技术术语(我已经受够了微软动不动就提示我10个数字的错误代码,希望你能理解)。当然,如果你的应用能够把这些“事故”在后台偷偷地为我处理掉,那就更完美了!


请积极的向我反馈你的设计

把一个复杂的任务分解成多个较小的步骤,可以让我更轻松地顺利完成它。让我在每次行动后都收到一个反馈的响应,即使只是一点微弱的荧光也会让我感到亲切。


为我能用更简单的方法完成无法想象的高难度任务

用一个像我这样的菜鸟也能够理解的简单操作,完成我从未想象过的达人成就。例如,可以自动组合多种照片滤镜效果的一键功能,简单的几步操作,就可以使业余的照片变的看起来很有范儿。

优先处理更重要的事情

并非所有操作的优先度都是一样的。我需要在设计时了解到我最重要的应用功能是什么,并让这个功能可以在我需要的时候更快的发现和使用它——比如说相机的快门,或者是音乐播放器的播放/暂停按钮。

Via: Android/雷锋网

Windows Phone 8 将成为赢家的 10 大理由

据eWeek网站发表的一篇分析文章称,微软Windows Phone 8将很快推出。微软的这个移动操作系统也许比它以前的版本更受欢迎。下面是WP8将成为微软希望的赢家的10大理由。

1. 主页有很大的改进

微软为Windows Phone 8提供了一个新的开始页,让用户更方便地控制展开的图片和在打开的窗口中看到更多的信息。此外,新的开始页应该会让用户更方便地导航和找到信息。

2. 厂商大力支持

厂商非常愿意支持Windows Phone 8。在波兰举行的IFA贸易展会上,三星发布了该公司的第一款Windows Phone 8手机。诺基亚 预计下周将推出自己的采用这个操作系统的手机。其它厂商将很快跟上来。厂商在排着队地推出自己的Windows Phone 8手机。

3. 三星的案子将帮助WP8

苹果起诉三星侵犯专利的案子取得胜利对于Windows Phone 8是一个促进。这个胜利可能使三星对微软和Windows Phone热情一些,并 且促使其它Android厂商至少会考虑利用微软的移动操作系统缓解自己的市场赌注。信不信由你,微软可能成为苹果10.5亿美元取胜三星的最大的受益者。

4. 诺基亚仍是一个威胁

诺基亚也许下降了。但是,诺基亚肯定还没有出局。诺基亚品牌在新兴市场的消费者中间仍然有很高的价值。考虑到诺基亚和微软是Windows Phone的盟友,诺基亚的手机可能会帮助Windows Phone 8。

5. 微软的控制很重要

微软做出了一个聪明的决策,要想苹果一样全面控制自己的操作系统设计。通过这样做,微软减少了消费者在Android生态系统中获得的各种不同的体验。在 Android生态系统中,多种版本操作系统同时在不同型号的手机上运行。由于微软控制代码,这还将使微软保持更强大的安全控制。这是一个聪明的想法。

6. 设计看起来很牢固

谈到设计,微软及其厂商合作伙伴似乎都认为很好。这个操作系统制作的很好,容易导航并且似乎能够预测用户的需求。三星的Windows Phone 8手机ATIV S非常漂亮。看到微软及其厂商合作伙伴这一次追求强大的设计是非常好的事情。

7. 应用即将推出

虽然微软移动应用程序的起步较晚,但是,微软已经很快地取得了进展。随着更多的人购买Windows Phone手机,微软的平台将有很大的机会赶上谷歌Play和苹果的应用商店。这不是一直考虑的问题。但是,应用程序和应用商店的增长是极为重要的。

8. 看到新的地图功能让人欣慰

微软在Windows Phone 8中新的地图功能是增加的最好的功能。在诺基亚地图服务的帮助下,Windows Phone 8操作系统现在将提供 许多国家的内置的逐向导航、更详细的地图和离线存储这些地图的能力。在某些方面,Windows 8的地图优于苹果或者谷歌在其操作系统中提供的地图功。

9. 整个操作系统提供类似的窗口

微软做出一个聪明的决定,在整个Windows Phone 8和Windows 8操作系统提供一个非常类似的体验。通过这样做,这个操作系统能够吸引 更多的Windows 8用户,这些用户会非常熟悉它的设计。Windows 8可能就是微软寄予希望的和其他人都忘记的特洛伊木马。

10. 强大的集成NFC功能

移动市场的未来在于NFC(近距离通讯)技术。这个技术允许无线产品进行相互之间的通讯,是Windows Phone 8的一个关键的组件。据微软称, 用户将能够用于移动支付并且使用内置在Windows Phone 8中的NFC功能做许多其它事情。这将是增加的一个很好的功能。

腾讯投 10 亿在武汉建中部最大研发中心

腾讯公司董事会主席兼CEO马化腾

长江商报消息本报讯(记者 常燕 陈晴)昨日上午,腾讯无线互联网技术研发总部在汉正式动工,项目一期投资10亿,用地总面积5.6万平方米,预计2014年建成投入使用。

一向十分低调、甚少出席产品发布、奠基仪式活动的腾讯公司董事会主席兼CEO马化腾、首席行政官陈一丹同时出席奠基仪式。“我们相信,腾讯武汉研发中心建成后将成为腾讯中部最大的研发中心和人才基地,将会有力支撑腾讯移动互联网项目的长远发展。”马化腾如是说。

打造华中地区门户枢纽

腾讯武汉研发中心位于江夏区庙山开发区羊子山。届时,约有2600名员工在此办公,这将极大地提升腾讯在华中地区的产品研发能力,并给当地带来数千个就业岗位。

经过单机电脑、局域网与互联网三大时代后,全球科技产业进入宽带互联网和无线互联网并行的新时代。兴建无线互联网技术研发总部也是腾讯对无线互联网产业的最重要的战略布局之一。

“我们一直很看好武汉的发展潜力。”马化腾昨日在汉表示,希望通过本次投资能在华中地区进行全方位的发展。

腾讯首席行政官陈一丹则表示,无线互联网技术研发总部将是腾讯在华中地区的重要门户枢纽,腾讯将依托武汉的人才、政策和地理等各项优质资源,将武汉移动互联网研发总部和运营中心建成腾讯未来发展的创新引擎和成长助推器。

腾讯将为创业者提供平台

对于腾讯武汉研发中心建成后将涉及的研发业务,相关负责人表示,除汇聚QQ浏览器、HTML5开放平台等无线核心业务的研发外,还有电子商务、互动娱乐等业务部门。此外,还搭建全球浏览器创新中心,给想创业的年轻人提供平台机会。

该人士表示,届时还将在汉搭建无线互联网中心,并配套辅助产业园区扶持中小企业CP。

据相关媒体报道称,全球移动互联网用户2016年将突破29亿,比目前网络用户多出两倍多,其中超过10亿的用户将来自中国。这意味着,该项目是腾讯公 司对无线互联网产业最重要的战略布局之一,腾讯无线网技术研发中心的建成,将为腾讯抓住移动互联网的战略机会打下坚实基础。

截至目前,腾讯、搜狐、华为、亚马逊中国、京东商城、库巴商城、凡客诚品、苏宁易购等多家互联网企业都在武汉建立了分公司或研发中心。

马化腾:哪里人才多就到哪设基地

腾讯研发中心为何会选择武汉?首次来汉的马化腾在接受本报记者专访时表示,腾讯公司有很多员工都来自湖北。

目前,腾讯在北京、上海、深圳、广州、成都均已建立分部或研发中心。马化腾表示,在汉建设互联网研发中心,是想通过落户武汉,将腾讯扎根华中地区,继华南、华北、华东、西南等地之后,进一步完善其在全国的布局,来自全国各地高校的人才,回到家乡附近也会更方便。

马化腾表示,从2009年开始,仅短短3年,中国移动互联网产业在3G技术的快速普及下迎来爆发式增长,中国也已经逐步成为目前全球最大的移动互联网用户市场。随着移动通信技术的不断发展,智能终端用户,特别 是智能手机用户的增加,可以预见到中国移动互联网产业已进入高速成长期,同时产业大格局已经初步形成,这将为整个产业链上的参与者提供更多的机会和挑战。

“我们一定要跟着人才走,哪里人才多,就要在哪里设立基地。”马化腾表示,“在移动互联网高速发展的背景下,腾讯公司必须抓住这一历史机遇,加大对移动 互联网行业的关注和投入。”此次腾讯对武汉地区的战略性投资,就是对移动互联网产业最重要的布局之一,同时也是腾讯公司大力发展移动互联网行业所迈出的坚 实一步。

◇影响

腾讯将给湖北IT业带来“鲶鱼效应”

“虽然此次主要是建设研发中心,但腾讯的到来,对本土企业来说是一个机会。”华中科技大学管理学院教授田志龙表示,腾讯来汉将带动相关区域和产业的快速发展。

作为中国最大的互联网企业,腾讯的落户,将拉动移动互联网上下游产业链,对IT人才、武汉移动互联网产业带来利好。

腾讯有望成汉企“黄埔军校”

“武汉能为腾讯提供发展必须的人才、产业环境资源等各方面支持;腾讯也可以为武汉的发展做出贡献,不仅带动当地高新科技产业发展,还能携手打造和谐共赢的产业生态圈。”谈及此次合作,马化腾认为这是一个双赢的选择。

武汉IT界业内人士直言,任何一个城市必须在行业内有一个领头羊的企业,这样才能逐步形成完整的产业链,形成聚合效应,此次腾讯来汉,就是一个契机。腾讯有望成为武汉企业的“黄埔军校”。

不过,湖北有深谙移动互联网产业的人士则表示,作为信息产业的巨头,腾讯令武汉本土企业又敬又怕。

“不可否认,腾讯现在处于行业领头羊地位,令人敬佩。”不过,上述人士同时表示,腾讯的平台过于强大,若企业与它合作,能站在巨人肩膀上但还是被巨人身影盖住,令人恐惧 。

有业内人士笑称,这种“又爱又怕”的心态会逐步发生变化。武汉IT企业不能像鸵鸟一样把头埋在沙子里,不闻窗外事。IT业的快速变化,需要企业具有国际 视野。“有点鲶鱼效应的意思,腾讯的到来,会让大家都动起来,自发地往前冲,而不是安享在武汉当区域的老大。”该人士如是说。

同时,该人士表示,武汉多数信息相关企业,以面向企业等相对比较专业的客户为主,而腾讯则是面对群体非常庞大的普通网民,二者定位上有区别。他建议,今后,武汉本土企业可以继续发挥自己优势,深耕自己的专业领域。

将带动行业快速发展

“若可以去腾讯工作,我就不用去外地了。”对于腾讯的入驻,2006年毕业的华中科技大学学生小洪非常期待。

小洪说,自己目前在光谷一家互联网相关企业工作,虽然工作多年,工资仍然只有四千元左右。而自己正打算和女朋友买房结婚,但目前收入水平让他捉襟见肘。 “近期,有广东的朋友给我介绍了几个工作机会,薪水比现在高得多,但在武汉生活习惯了,朋友都在这里,实在不想离开。”

事实上,像小洪这样的人很多。据了解,虽然武汉高校资源丰富,但由于沿海地区有更多更好的机会,近年来,很多毕业生还是去了沿海,武汉人才流失现象严重。

腾讯、华为、搜狐等IT龙头企业入驻之后,湖北人才外流的现象将得到根本性的改变。田志龙说,外地房价高,生活成本也高,很多毕业生其实想回来,而腾讯这些大佬的入驻则正好提供了这样一个机会。

不过,也有IT业内人士担忧,相比武汉本土企业,腾讯公司为人才提供的各方面待遇更为优厚,这对于人才来说当然是好事,能吸引并留住人才,但对本土企业来说,却是一种压力。

“此类标志性的公司来汉,会进一步带动湖北籍IT精英的回归。”该人士认为,腾讯、联想、搜狐等IT巨头相继入驻武汉,一批湖北籍的IT精英会随之回到 故里。这些回流的人才,有着不局限于武汉的国际视野。而IT巨头的到来,除了将提高本地IT行业人才的薪资标准,还将带动行业快速发展。