为 Web 设计师准备的 32 个有用的 CSS3 教程

很有用的 CSS3 教程来提升你的 Web 设计技能。

 

1. Circle Navigation Effect With CSS3to Build An Awesome

circle navigation effect with css3to build an awesome

2. CSS3 Signup Form

css3 signup form

3. Create An Animated 3d Bar Chart Using CSS3

create an animated 3d bar chart using css3

4. Beautiful Photo Stack Gallery With JQuery and CSS3

beautiful photo stack gallery with jquery and css3

5. Thumbnail Proximity Effect With JQuery and CSS3

thumbnail proximity effect with jquery and css3

6. How To Make An Awesome Cufonized Fly-Out Menu With JQuery and CSS3

how to make an awesome cufonized fly-out menu with jquery and css3

7. Stylish CSS3 Progress Bars

stylish css3 progress bars

8. Create a Unique Contact Form With CSS3 Transitions

create a unique contact form with css3 transitions

9. Direction-Aware Hover Effect With CSS3 and JQuery

direction-aware hover effect with css3 and jquery

10. Create An Audio Player in HTML5 &Amp; CSS3

create an audio player in html5 & css3

11. Pure CSS3 LavaLamp Menu

pure css3 lavalamp menu

12. Rotating Words With CSS Animations

rotating words with css animations

13. Accordion With CSS3

accordion with css3

14. Slideshow With a Parallax Effect Using CSS3

slideshow with a parallax effect using css3

15. CSS3 Hover Effects

css3 hover effects

16. Filter Functionality With CSS3

filter functionality with css3

17. Apple-Like Login Form With CSS 3D Transforms

apple-like login form with css 3d transforms

18. CSS3 Breadcrumbs

css3 breadcrumbs

19. CSS3 Ordered List Styles

css3 ordered list styles

20. Quickly Build a Swish Teaser Page With CSS3

quickly build a swish teaser page with css3

21. Creating a Marble Style CSS3 Navigation Menu

creating a marble style css3 navigation menu

22. Create Your Portfolio Using HTML5 Canvas and CSS3 Transitions

create your portfolio using html5 canvas and css3 transitions

23. Pure CSS3 Cycling Slideshow

pure css3 cycling slideshow

24. Original Hover Effects With CSS3

original hover effects with css3

25. Page Transitions With CSS3

page transitions with css3

26. Orman Clark’S Vertical Navigation Menu: the CSS3 Version

Orman Clark'S Vertical Navigation Menu: the CSS3 Version

27. Responsive Content Navigator With CSS3

responsive content navigator with css3

28. Animated Buttons With CSS3

animated buttons with css3

29. How To Create Some Cool CSS3 Buttons

how to create some cool css3 buttons

30. Animated Content Tabs With CSS3

animated content tabs with css3

31. CSS3 Pricing Table

css3 pricing table

32. How To Create a CSS3 Dropdown Menu

how to create a css3 dropdown menu

微软发布新版Office:突出社交和云服务

微软发布新版Office,消费者可登陆微软官方网站office.com/preview页面查看和下载
微软发布新版Office,消费者可登陆微软官方网站office.com/preview页面查看和下载

北京时间7月17日凌晨消息,微软CEO史蒂夫·鲍尔默(Steve Ballmer)周一发布了微软新版Office软件的消费者预览版,消费者可登陆微软官方网站的office.com/preview页面查看和下载。

微软表示,新版Office软件拥有直观的设计,能在各种最新的Windows设备上通过触摸、铁笔、鼠标或键盘等方式使用。新版Office 软件具有社交性,释放出了阅读、做笔记、会议和通信等各种现代场景,将通过一项云服务来交付给用户,这项云服务将一直保持更新。

鲍尔默在旧金山召开的新闻发布会上表示:“微软正在采取大胆的举措。新的、现代化的Office软件将交付无与伦比的生产力和灵活性,无论对个人消费者还是对企业用户来说都是如此。这是一项云服务,在与Windows 8结合时将可完全展现出光芒。”

Office在Windows 8上能处于最佳状态:

——到处都可触摸。新版Office会对触摸作出象对键盘和鼠标一样自然的回应,用户可以在整个屏幕上滑动手指,或是夹住手指来进行缩放以阅读文件。通过一根手指的触摸动作,用户就可以获取新内容和使用新特性。

——用户可以使用铁笔来创造内容、做笔记和使用特性。用户可以手写电子邮件回复,然后将其自动转换为文本。用户可将铁笔用作激光棒,能给自己的内容上色,可轻松抹去错误。

——新的Windows 8应用。OneNote和Lync代表着第一批最新的Windows 8风格Office应用,这些应用的设计目的是在平板电脑上交付触摸优先的用户体验。OneNote的新型菜单能让用户通过手指触摸来很容易地使用新特性。

——包含在Windows RT中。Office Home and Student 2013 RT包含新版Word、Excel、PowerPoint和OneNote应用,将包含在基于ARM处理器的Windows 8设备中,其中包括微软Surface平板电脑。

Office云服务:

——SkyDrive。Office将文件默认存储至SkyDrive,这样一来用户就可通过平板电脑、PC和手机等各种设备来获取文件。用户文件还可在离线使用,并在重新上线时同步。

——漫游功能。一旦注册Office以后,用户的个性化设置都可在各种设备之前漫游,如最近使用的文件、模板甚至是自定义字典等。Office甚至还能记住用户上一次停下的地方,只需点击一下就能回到那个位置。

——按需使用的Office。在订阅以后,用户就可在远离PC的情况下也可获取Office服务,方法是将功能齐备的应用流传输到一台连接互联网的WIndows PC上。

——新的订阅服务。新版Office将作为一种基于云的订阅服务提供给用户。在订阅以后,消费者可自动获得未来的更新,以及获得Skype等令人激动的云服务和额外的SkyDrive存储空间。用户可以在为家中的所有成员及其各种设备多次安装。

Office的社交性:

——Yammer。Yammer能为企业交付一个安全的、私人的社交网络。用户可以免费注册,并可立即开始使用这项社交网络服务。Yammer能与SharePoint和Microsoft Dynamics进行整合。

——用户能在SharePoint上关注其他用户、团队、文件和网站,可观看和嵌入图片、视频和Office内容来与同事保持联系。

——People Card。新版Office软件中到处都可以看到整合后的联系人信息。People Card包括带有图片、状态更新、联系人信息以及来自于Facebook和职业社交网站LinkedIn账号的活动源在内的完整信息。新的Office与 Skype进行了整合,用户在订阅后就可获得每个月使

用Skype打给全球用户60分钟的权利。新版Office将Skype联系人整合到Lync中,用户可与Skype上的任何人打电话或是发送即时信息。

Office释放新场景

——数字笔记。用户可通过OneNote在云服务中在各种设备中随时获取笔记。用户可以通过自己感觉最自然的方法来使用笔记功能,如触摸、铁笔或键盘等,也可组合使用,在多种方法之间可轻松地来回切换。

——阅读和标记。Word中的阅读模式(Read Mode)能提供现代化的、易于导航的阅读体验,能自动调整显示屏的大小。用户可以缩放内容、在文件内部流播放视频、以及通过触摸方式来翻页等。

——会议。PowerPoint拥有新的Presenter View特性,能向用户显示当前和即将播出的幻灯片,用户能在展示时通过触摸或铁笔的方式来缩放、标记和导航。Lync则支持多方高清视频、OneNote笔记共享和用于“头脑风暴”的虚拟白板等特性。

——82英寸的可触摸显示屏。通过来自于Perceptive Pixel的支持多触控及铁笔的显示屏,用户能召开更具吸引力的会议。

虽然新版Office的完整产品组合和定价计划将在今年秋天才会推出,但鲍尔默对三种新版Office 365订阅服务进行了讨论。在正式推出时,每项新的订阅服务都将包括最新的2013年版Office应用,也就是Word、Excel、 PowerPoint、OneNote、Outlook、Publisher 和

Access。此外,订阅用户还将获得版本升级的权利,以及在最多五台PC、Mac及其他移动设备上使用的权力。

以下是三个将会推出的新版本:

——Office 365 Home Premium:专为家庭和个人消费者设计的服务,包括额外的20GB SkyDrive空间以及每个月60分钟的Skype全球通话时间。

——Office 365 Small Business Premium:专为小企业设计的服务,还包括企业级的电子邮件、共享日历、网站工具和高清网络会议等功能。

——Office 365 ProPlus:专为希望获得先进的商务性能以及在云服务中进行部署和管理的灵活性的企业用户设计。

Office 15 本次将主要介绍面向消费者的版本,以及网络版Office 365.现在已经可以访问。

网址是http://www.microsoft.com/office/preview/en

Android 4.1 中的 C/C++ 组件架构

上周,谷歌发布了Android 4.1 Jelly Bean的源代码,源码中包含了很多有趣的开源组件。开发者Magnus Ernstsson通过Arqua可视化了其中包含的所有的C/C++组件。

所有的C/C++组件被构建成为可执行文件、共享库和静态库,已经被分析并上传到analysis.ernstsson.net,并被制作成交互式的、可点击的、可缩放的类UML图。

其中包含了一些Android专用的组件,如libaudioflingerlibsurfaceflingerlibpixelflingerlibstagefright等。

也有一些经常用于其他环境的组件,如libpnglibjpegsshdlibxml2libsqlite等。

你可以通过analysis.ernstsson.net来查看Android 4.1中C/C++组件的结构图,建议使用Firefox、Chrome或Safari浏览器,在IE下可能会显示不正常。

Via Ernstsson

比安卓更好?有关 Firefox OS 的十件事

一说起Firefox,人们想到的总是那款著名的PC浏览器,能够成为很多人的首选,Firefox是非常成功的。随着移动设备发展,Firefox开始向该领域进军,推出了Android平台的Firefox。或许是看到了Google Android的成功,Mozilla也希望在移动领域占据一个重要地位,因此,他们准备推出自家的移动平台——Firefox OS,试图在移动市场分一杯羹。

比安卓更好?有关Firefox OS的十件事
Firefox OS

那么对于这个略显陌生的移动系统,我们现在都知道些什么呢?techradar网站为我们总结了以下这些内容:

发布日期

首个搭载Firefox OS的手机可能在2013年一月份亮相,最先会在巴西发布,然后到下半年某个时候会在欧美地区上市。

价格

Firefox OS手机初始目标是低端市场,所以届时我们或许会看到一个以低价位出现的智能手机,据悉,第一款在巴西发售的Firefox OS手机售价大约在100美元左右。未来,Mozilla也会涉足中高端手机领域,只是它选择了从低端市场起步。

基于网络和HTML5

Firefox OS本质上是一款基于互联网和HTML5的浏览器(没错,它实际上还是个浏览器),所有手机功能都通过它访问网络来得以实现,听起来很耳熟吧?Chrome OS也是这样的。

比Android更好?

一些对它抱有期望的人称Firefox OS将提供比Android更好的体验,当然,究竟表现如何还要等它明年发布后才能实际评测。

应用易于移植

对于开发者来说,将现有的HTML5应用移植到Firefox OS会很容易,据调查,目前苹果App Store和Google Play应用市场里,差不多有75%的应用都是采用HTML5开发的。

社交网络整合

Facebook以及Twitter已经做好准备植入到Firefox OS中去,允许用户随时发布新内容,并实时获取好友的更新信息。

完整的谷歌地图

由于Firefox OS基于HTML5,因此用户可以手机上获得完整的谷歌地图体验,就像在PC上一样使用。

高通处理器

Mozilla已经和芯片厂商高通达成协议,所有Firefox OS设备都将支持高通处理器。

窗口小部件

从已经展示的Firefox OS demo来看,它拥有类似iPhone那样摆放应用的主屏,但Mozilla也未完全排除添加窗口小部件的可能(类似Android平台那样)。

简单、快速、高效

Firefox OS宣称即使在低端设备(比如600MHz主频的手机)上也能提供一个简单、快捷、高效的用户体验。

业内人士曝网络宽带短斤少两内幕

宽带运营商的广告也是无处不在(资料图片)
宽带运营商的广告也是无处不在(资料图片)

近来,宽带发展成为社会高度关注的热点话题。无论是针对宽带短斤少两的质疑,还是围绕中国宽带价格是否百倍于韩国的争论,都指向一个现实———我国宽带发展不尽如人意,主要指标不仅落后于发达国家,而且与世界平均水平的差距也在拉大。

那么,我国宽带发展落后的根源是什么?如何通过应用繁荣推动宽带大发展?

揭秘

10户人的宽带15户用

“我们承诺的带宽与用户实际使用网速相差甚远,是普遍现象。这就是所谓假宽带。”昨天,本市一位不愿透露姓名的网络运营商技术主管向重庆晚报记者透露。

他称,宽带实际使用速度受到诸多因素影响,一般都达不到运营商承诺的速度。其中,除了线路质量等造成的物理损耗外,最大原因是上网拥塞。

目前,所有运营商宽带接入大体分为两种:ADSL和LAN。“这两种方式严格说来都是共享网络,只是共享范围不一样。”他形象比喻:宽带入户, 就好比一座大城市到乡间小村。运营商总部就相当于一座大城市,光纤好比高速路先接入区镇,区镇再到乡间小村,就是乡村小道。ADSL和LAN的区别主要是 最后100米,ADSL最后100米使用的是电话线,LAN最后100米是网线。按接入端位置不同,LAN在进入乡村小道时就产生拥挤,而ADSL进入乡 村小道时,这条路可能是它独享的。低带宽情况下,两者几乎没有区别,而在20M以上的高带宽可能出现差别,如光纤直接到户,这种情况一般在高档住宅中才 有。

他介绍,宽带提供商为了充分利用宽带资源,会计算出一个上网在线比率,并会在标准配置基础上增多配置用户。例如,一个小区有100M的带宽,每 户10M,本来只能分配给10户,再假设按上网在线比率每天5户不上网,运营商就会分给15户,甚至更多。由此,万一哪天大伙同时上网,带宽就明显不足。 “在线比率没有国家统一规定,运营商往往根据自身情况确定,因此一些小的运营商为抢占更多业务,往往不顾在线比率或提高设备扩容,导致宽带不足,从而欺骗 消费者。”

他说,宽带运营从高速路到乡间小道无论哪一个环节出现堵塞,都会造成带宽不足,出现承诺带宽与用户实际使用带宽相差甚远的情况。“电脑用户在不 断增加,要解决这个问题,只有不断大量地增加投入,用于基础设施建设。但现实中,可投入的基础设施建设往往跟不上用户的需求,宽带提速也就出现困难。”

官方

惊心数字刺痛神经

3月13日,人民邮电报报道,自去年下半年以来,一连串触目惊心的数字刺痛着我国电信业和社会公众的神经。

来自权威CDN服务提供商Akamai的最新数字表明,2011年底,中国互联网接入速率为1.4兆比特,国际排名降到第90位。

网络测速机构Speedtes的数据显示,2010年上半年我国宽带网络实际下载能力居全球第79位,不到全球平均水平的一半。一时间,假宽带、垄断阻碍发展等观点广泛传播。

据人民邮电报报道,更让人难以接受的是,这一落后恰恰是在中国国力高速崛起的进程中发生的。

公众怎么才能看到一个覆盖无所不在、应用支撑有力、资费又尽可能低廉的宽带中国?令人振奋的是,我国国家发改委、财政部、工信部、科技部、国务 院国资委等多个部门已成立工作小组,将共同组织宽带中国战略研究。在战略性新兴产业和信息产业两个“十二五”规划中,也分别提到实现宽带中国战略和启动宽 带中国工程。可以说,国家宽带战略已经呼之欲出。

重庆晚报记者 韩毅 实习生 张玲玲 熊欣

重庆最高网速

专业用户最高网速能达到10G。普通用户LAN能达100兆。ADSL能达到20兆。目前新开用户一般为4兆。

套餐资费选择

同样标准,电信、联通网速较高资费也较高,其他运营商资费较低网速也较低。专家建议,还要考虑运营商提供的带宽大小,以每M/月的价格标准进行考量,根据个人实际需要和收入水平进行选择,同时考虑宽带服务商提供的服务稳定性。

用户要根据自身需要和经济收入选择相应网速及资费,不要只图网速高而冤枉花钱。

小区宽带选择

问:小区只接入电信网络,可以选择其他运营商吗?

答:新建小区一般实行的是共建共享,原则上所有运营商都可进入,但若只有电信网络,消费者就不能有其他选择。

问:ADSL和LAN,消费者可以自由选择吗?

答:需要根据布线情况而定,若小区只布ADSL的线,消费者就无其他选择。

网速本来就慢

为何还短斤少两

中国的网速本来就慢,但还短斤少两,谁来解决?

今年1月16日,中国互联网络信息中心(CNNIC)发布《第29次中国互联网络发展状况统计报告》。报告显示,截至2011年12月底,中国网民规模突破5亿,达到5.13亿,全年新增网民5580万。

人类进入了网络社会,可是,现实生活中常常听到类似的埋怨:公司因为网速慢,重要文件及大型数据没能及时发出,造成重大经济损失或名誉损害;男 网友因为QQ反应慢,本在热恋中的女友误认为自己受到冷落,宣布分手;股民埋怨网速慢,本该卖出的股票没能及时成交,结果深度套牢……

我们要问:到底是谁拿走了我们的网速?将如何处罚哪些“短斤少两”的行为?

如何让电脑变快

1,玩大型网游或下载高清电影时,避开高峰时间。

2,定期清理系统垃圾,查杀恶意软件。

3,尽量把虚拟内存设置大一些。

4,将猫放在通风处,不要和路由器重叠放置。

5,几台电脑共用网络,使用相应路由器。

6,打开IE开始-运行,输入gpedit.msc,打开组策略,选择本地计算机策略-计算机配置-管理模板-网络-qos数据报计划程序,在右侧双击限制可保留带宽,设置为禁用。

7,修改ip为静态设置。

8,开启arp防火墙。

9,管理开机启动项,智能优化加速。

10,只装一个主杀毒软件。