30 个创新的 CSS3 Web 网站设计实例

还有什么开发离得开 Web 吗?桌面应用和Web应用的界限越来越模糊,甚至手机应用和Web应用也越来越模糊。制作出一个漂亮而且吸引人的网页让人惊叹。

每天都有大量的富有创意和美丽的设计。 CSS3 摆脱了网页设计的所有限制。下面是我们推荐的 30 个各种各样创意的网站设计。

Alma Natura

HTC

Plugo Browser

Timothee Roussilhe Portfolio

Carnation Group

The UK Energy Guide

The Expressive Web

HMR Servis

CSS Piffle Pitch

Nicolas Tarier Photography

Riley Cran

Infographic Design

ZURB

Code Poet

Campbell Harrison

Yourself WordPress Theme

Bearded

Piccsy

Domani Studios

K2

X-PRIME GROUP

Tomislav Pocedulic

Mailboxing

Sony make.believe

Google Ventures

Offscreen Magazine

Madeinhaus

Whiteboard

Superlovers

LE TIPI

via djdesignerlab /oschina

Firefox 16 将支持桌面 Web 应用

Firefox 16 目前还处于 nightly 版本阶段,不过已经是支持来自 Mozilla 市场的桌面 Web 应用。Mozilla 市场的 App 是由 HTML5、CSS3、JavaScript 以及 Mozilla 提供的固有 API 实现的。通过 Mozilla 市场安装的应用跟一个普通的桌面应用没有别,例如在 Win7 下安装了一个名为 Jauntly 应用,同样可以从开始菜单或者桌面中启动它。

这个跟 Chrome 的应用快捷方式很类似,但更强大,可当作桌面应用软件来进行管理。安装后,运行结果如下:

从上面的截图你会注意到,Mozilla 应用是在一个独立的窗口中打开,提供很少的浏览器菜单,这是特别为平板优化的。

要从 Mozilla 市场上安装 App,必须有 BrowserID 帐号:

卸载 App 的方法:

你可以直接利用 Windows 的卸载工具来除去 Mozilla App 软件:

如果是 Mac 的系统就更简单了,直接将应用图表拖到垃圾箱即可。不过 Linux 下暂时还不支持卸载功能,当然将来将会实现此功能。

英文原文OSCHINA原创翻译

iOS 开发收入是 Android 的四倍

调查称由于Android的碎片化严重,iOS开发人员收入大幅领先于Android。

尽管Android的手机市场份额不断增加,但苹果iOS继续吸引着更多的开发人员。根据研究公司Flurry Analytics今天公布的最新数据显示,
2012年第一季度新的应用程序中,每10个有7个是iOS,3个是Android。iOS的程序是Android的2倍多,尽管Android拥有智能手机市场份额的50.8%,苹果为31.4%(根据comScore的数据)。

新的应用对比

苹果iOS开发的普及关键原因在于平板市场的主导地位。在2012年前5个月内,iPad占了销售市场的88%,而三星的Galaxy Tab只有9%,Kindle Fire只有3%。Flurry还发现iOS应用平均一个用户对于开发人员的收入是Android的4倍。

还有一个原因是Android市场的软件和硬件碎片化,使得谷歌开发平台成本更加昂贵。研究还指出,Android市场排名前20的17个设备,只占有6%的应用程序使用率。这意味着增加了对硬件的支持,只获得了少量的用户提升。

系统的不同版本也是一个阻碍。Gingerbread,越有70%的用户,Honeycomb和Ice Cream Sandwich约有11%。

这意味着运行Android系统需要好几次迭代。

新闻来源:CNet

14 个比较独特的 jQuery 插件

默认情况下,标准的HTML元素是非常恼人的,它很丑陋。经常有人问我如何创建一个漂亮的表单,而不是浏览器默认的外观,网上充斥大量此类的教程和介绍,但很容易让人迷失其中。但如果我们使用一些 JavaScript 的功能,利用强大的 jQuery 库可以很方面实现这个要求。

jQuery 最强大的是它有一个非常庞大的插件库,非常多的人开发出大量的插件并不断的维护它们。本文与大家分享一些很新的,可以帮助你为你的下一个Web项目的15个独特和有用的jQuery插件列表。

01. QapTcha : jQuery captcha system with jQuery & jQuery UI

QapTcha : jQuery captcha system with jQuery & jQuery UI

从上面的截图看你会不会觉得很库,类似 iPhone 手机的滑动解锁,不再需要输入非常难懂的被扭曲的各种验证码字符,该插件必须跟 jQuery UI 一起工作。

02. Accessible slider

Accessible slider

这是用来增强进度条功能的 jQuery 插件,在滑动块的基础上同时增加了数字的显示。

03. Fancy Letter Plugin | Part 2

Multiple Fancy Drop Caps

学习如何使用jQuery来创建一个下拉盖,将它应用到每一个DIV段。

04. Approach

jQuery Approach Plugins

jQuery Approach 类似 jQuery animate, 不同的是它是根据距离而不是时间来进行动画处理。

05. Colorful Sliders With jQuery & CSS3

Colorful Sliders With jQuery & CSS3

在这个教程中,我们使用 jQuery 和 CSS3 中的新的转换方法来创建滑块控制。

06. Textualizer – A jQuery plugin to transition through blurbs of text

Textualizer jQueyr plugins

Textualizer 是个轻量级的jQuery 插件,可以帮助你创建效果非常棒的文本显示,支持主流的浏览器。

07. QuickFlip 2

QuickFlip 2

QuickFlip 实现了卡片翻转的效果,第二个版本速度更快速而且平滑。

08. Scroll Path

jQuery Scroll Path

ScrollPath 可以让你按特定的路径对页面中的内容进行滚动显示,你如果不清楚具体意思可以通过下面的演示页面查看效果,通过向下键进行滚动。

09. jParallax

这是一个用于生成视差现象的jQuery插件。mParallax能够产生的效果与jParallax一样但采用Mootools框架开发。

10. Airport Text Effect

Airport Jquery Plugin

Airport 是一个 jQuery 的简单文本效果插件,模仿机场的文章翻转效果。

11. jRumble – jQuery Rumble Effect Plugin

jRumble,它能让网页上的任意元素抖动起来,在你的网站中使用这个效果会有很大的机率吸引用户的注意力。此插件的效果可以用在链接上,或者div 上,你可以设置抖动的范围、XY坐标、抖动幅度等。可设置为当鼠标移动上去抖动或者默认一直抖动,插件可定制性还是蛮高的。

12. Timeago

Timeago jQuery plugin

Timeago 是一个用来将实际的时间戳转成适合阅读的格式,例如2分钟前这样的内容。

13. Extremes jQuery Plugin

jQuery Extremes是一个极其简单、轻量级的jQuery插件,它使用CSS3的Rotate旋转属性,将元素旋转并排成一圈,效果挺炫的。

14. uCompare

uCompare 是一个用来比较两个图片的 jQuery 插件,实际的使用效果请看软件首页。

英文原文OSCHINA原创编译

10 个很有用的 jQuery 弹出层提示插件

模态对话框为网站用户提供了快速显示信息的方法,也可以用来提示错误、警告和确认等信息,这里介绍了 10 个弹出模态对话框插件。

How to Create a jQuery Confirm Dialog Replacement

Open Source TinyBox2 JavaScript Modal Windows

Apprise: Attractive Alert and Dialog Box for jQuery

noty

Reveal: jQuery Modals Made Easy

A Simple Lightweight Modal Windows jQuery Plugin

Fancy Javascript Popup Library with jQuery UI

PageSlide

Lightbox_me – A Really Simple Lightboxing for Programmer

Growl for Rails