25 个非常棒的 CSS3 菜单教程

本文收集了 25 个超棒的 CSS3 菜单教程,同时提供在线演示以及打包下载。

Create a Fabulous CSS3 Dropdown Menu

Demo || Download

Create a fabulous CSS3 Dropdown Menu

Halftone Navigation Menu With jQuery & CSS3

Demo || Download

Halftone Navigation Menu With jQuery & CSS3

Advertisement

Creating a CSS3 Dropdown Menu

Demo || Download

Creating A CSS3 Dropdown Menu

Creating a Sweet CSS3 Vertical Navigation

Demo || Download

Creating a Sweet CSS3 Vertical Navigation

Creating a Drop-down Nav Menu with HTML5, CSS3 and jQuery

Demo || Download

Creating a Drop-down Nav Menu with HTML5, CSS3 and jQuery

How to Make a Modern Ribbon Banner Navigation Bar

Demo || Download

How to Make a Modern Ribbon Banner Navigation Bar

How to Make Amazing Animated Buttons using CSS3

Demo || Download

How to Make Amazing Animated Buttons using CSS3

Creating A CSS3 Animated Menu

Demo || Download

Creating A CSS3 Animated Menu

Awesome Cufonized Fly-out Menu with jQuery and CSS3

Demo || Download

Awesome Cufonized Fly-out Menu with jQuery and CSS3

How to Create a Toggle CSS3 Bottom Navigation Bar

Demo || Download

How to Create a Toggle CSS3 Bottom Navigation Bar

Create an Awesome Marble Style CSS3 Navigation Menu

Demo || Download

Create an Awesome Marble Style CSS3 Navigation Menu

How to Create a jQuery style menu with CSS3

Demo || Download

How to Create a jQuery style menu with CSS3

Making a Cool Animated Navigation Menu With Only CSS

Demo || Download

Making a Cool Animated Navigation Menu With only CSS

CSS3 multilevel menu with transition and animation

Demo || Download

CSS3 multilevel menu with transition and animation

Dark Menu: Pure CSS3 Two Level Menu

Demo || Download

Dark Menu Pure CSS3 Two Level Menu

Creating an accordion effect using CSS3

Demo || Download

Creating an accordion effect using CSS3

Make the Click-action CSS3 Dropdown Menu with jQuery

Demo || Download

Make the Click-action CSS3 Dropdown Menu with jQuery

How to Create a CSS3 Wheel Menu

Demo || Download

How to Create a CSS3 Wheel Menu

Creating CSS3 Chunky Menu

Demo || Download

Creating CSS3 Chunky Menu

CSS3/jQuery Crossbrowser Drop-down menu with Tabs

Demo || Download

CSS3-jQuery Crossbrowser Drop-down menu with Tabs

Sweet Tabbed Navigation

Demo || Download

Sweet Tabbed Navigation

Creating CSS3 Slideout Menu

Demo || Download

Creating CSS3 Slideout Menu

How to Create the CSS3 Hover Tabs without JavaScript

Demo || Download

How to Create the CSS3 Hover Tabs without JavaScript

Create a Cool CSS3 Animated Menu

Demo || Download

Create a Cool CSS3 Animated Menu

Creating the Apple.com navigation menu by only using CSS3

Demo || Download

Creating the Apple.com navigation menu by only using CSS3

20个jQuery插件,帮你打造完美网页表单

网页表单主要是用来从用户那里收集一些必要的信息,是网页设计中不可或缺的一环。一个设计良好的表单能更有效的获取用户信息,也会给用户带来更好地使用体 验。基于这一点,很多设计师开始使用jQuery来创建网页表单。而使用jQuery表单插件会让你的网页表单脱颖而出。

为此,我们收集了一些不同类型的jQuery表单插件和读者分享。在下面这些jQuery表单插件中,有些能改变表单的外观并同时兼容各种浏览 器;有些用于表单验证并方便管理员和用户的操作;还有一些则是非常流行的日历表单和下拉列表表单。我们希望这些插件能够有助于你的工作。

1、高亮表单插件

高亮功能可以增加页面的可用性。

2、mcDropdown

一个允许用户选择下拉菜单的表单插件。

3、让图片成为输入框的一部分

在输入框里可以嵌入图片。

4、jQuery Impromptu

一个为用户提供更舒适输入方式的表单插件。

5、jqTransform

一个美化表单元素的风格插件。

6、密码强度测试仪

一个能显示密码强度的jQuery表单插件。

7、The jQuery Tooltip

添加了一个消息提示功能,用户可根据自己的喜好来做出相应的选择。

8、日期选择插件

一个简单的日期选择插件。

9、自动提示插件

一个轻量级的自动提示插件。

10、自动保存插件

这个插件被设计用来自动保存表单信息,这样即使有某些未知的事情发生,用户也不会丢失他们已经输入的内容。

11、表单输入自动tab和自动过滤

提供了自动跳到下一个输入框功能和自动过滤功能。

12、AJAX Upload

一个无刷新上传多个文件的插件。

13、Contactable

一个方便易用的联系表单插件。

14、jQuery UI Slider from a Select Element

使用该插件,用户既可以从下拉列表中选择开始与截止日期,也可以拖动滑块来选择。

15、快捷键

该插件允许你在代码中很方便地添加或移除键盘事件。

16、jQuery复选框

用于在JavaScript被禁用时,显示复选框的状态。

17、PrettyCheckboxes

此插件会让你的复选框更加醒目。

18、jQuery验证插件

一个在提交表单时显示提示信息的验证插件。

19、LightForm

A form that combines FormCheck2 for fields validation and NiceForms to style tech fields and textareas.

该表单整合了用于验证字段的FormCheck2插件以及用于美化字段和输入框的NiceForms插件。

20、In-Field Labels

当输入框被选中时,输入框里的标签开始慢慢退色直至消失。

英文原文:20 Useful jQuery Plugins to Work With HTML Forms

Debian 加入 OSI (Open Source Initiative)

Debian 项目发布 声明 其加入了 OSI 开源倡议,并成为其子公司,声明称:

Debian 项目成为OSI的子公司,承认 OSI 的历史以及今后共同努力的目标。然而,Debian项目不会自动采取OSI的决定,在可接受的特定软件许可证下,保持一个独立的许可证审查过程。

浏览器大 PK:Chrome 18 VS Opera 11 VS Firefox 11 VS IE9(32位) VS Safari 5

外媒发布了一篇浏览器对比的信息,在此翻译如下:

谷歌发布了Chrome18,现在来对比下各款浏览器,Chrome17也会加入,看看谁是乌龟,谁是兔子。

浏览器面临的以下测试

*SunSpider JavaScript 0.9.1

*V8 Benchmark Suite

*Peacekeeper

*Kraken 1.0
所有的测试在Windows 7 64位机子上,2.5GHz 四核处理器,4GB RAM和NVDIA GTX 260 显卡,浏览器均是最先版本。

 

兔子:IE9
乌龟:Safari 5
Chrome 17和18中庸。


兔子:Chrome 18
乌龟:IE9
Chrome 18略微领先于17。

兔子:Chrome 17
乌龟:IE9
Chrome 17保持领先,但其实2个版本不相上下。


兔子:Chrome 18
乌龟:IE9
Chrome 18有微弱的领先。

结论:看来Chrome 18和17性能大致相同,在Javascript上表现也一般。Chrome  18最大的变化是相关的硬件加速,它能够在Windows和Mac系统加速2D Canvas。该版本还扩大了对旧系统的对WebGL 3D的支持。我也不认为Javascript性能是多大的问题,在现实中,我们几乎感觉不到他们的区别。

Oracle 领导下的 Java 长远发展战略

根据 Oracle 最新的 PPT “To Java SE 8 and Beyond”从 JDK 10 开始,Java 将拥有一个统一的类型体系,也就是任何类型都是对象,没有基本类型(primitives)了。上周 Oracle 技术的布道者 Simon Ritter 提到了一些关于 Java 的雄伟计划。其中有一项 “ Java SE 9 (and Beyond)” 揭示了一些关于互操作性的目标,例如多语言的 JVM 以及改进的 Java/native 整合。

除了 Java 以外,越来越多的 JVM 语言例如 JRubyScalaGroovy 等等正变的越来越流行。演讲中提到的一个计划是2015年发布 JDK 9,2017年发布 JDK 10,2019年发布 JDK 11,2021年发布 JDK 12。演讲者强调“Java 不是新的 Cobol”。

Java 的易用性目标包括了自我调节的 JVM 和语言的增强。高级的优化包括统一的类型体系和数据结构。演讲的副标题是“在任何地方任何设备上工作(Works Everywhere and With Everything)”。Oracle 列出的目标包括从嵌入式系统到大型服务器,同时也支持异种架构的计算模型。

对于云计算环境,从 JDK 9 开始将提供自我管理的 JVM,包括协作内存页共享。从 JDK 8 开始将提供多寄主功能,包括改进的同一操作系统的 JVM 共享和线程/线程组级别的资源跟踪和管理。从语言的功能上讲,JDK 9 将包括大数据支持(with 64-bit and large-array backing)。从 JDK 10 开始将支持真正的泛型,函数类型以及数据类型优化,包括多维数组。

对于异种架构的计算模型的支持将从 JDK 9 开始,包括 Java 语言对于 GPU,FPGA,off-load 引擎,远程 PL/SQL 的支持。同时 Oracle 也提到了“open development”,也就是说原型的研究和开发将在 OpenJDK 项目中完成。

 

原文链接OSChina.NET 编译