13个绚丽的Jquery 界面设计网站推荐_jquery

How to create the image-less from Google.com

无图片、完全通过CSS控制的一些表单元素。据说Google专门招募了一些设计高手专门研究一些此项技术。

How to Create an Image Gallery with easily Switchable Views

 

此相册具有两种视图:文字并茂和纯图片效果,这两种效果可以灵活第进行切换。

An Animated Sharing-Bar that includes a 3D Carousel Effect

3D旋转效果展示分享按钮,具有动画效果。WordPress的tab云好像也有这种效果。

Facebook Style Footer Admin Panel with CSS and jQuery

类似Facebook的底部管理面板,把一些常用的管理按钮放到网站的底部。

How to use the Sliding-Doors Technique to create buttons using Sprites

减轻服务器负担的Sprite技术

jQuery Mega-Menu with slide-down effects

一个富导航按钮,能够展示更宽广和大气的导航。

jQuery Fly-To-Basket Effect for Online Stores

点击【Add to Basket】按钮,商品滑动到右侧的购物车,非常Cool。

Fancy Quotes using jQuery, CSS and Ajax

鼠标放到右侧的概要List时,右侧List自动滚动,鼠标点击后,左侧展示详细内容。

GivaLabs iButtons – a different way of displaying your checkbox

具有动画效果的CheckBox

jQuery Impromptu – A Sleek, light-weight and simple way to add user-prompts

光滑、轻量级的用户提示框。

NiceForms – Easy Form Skinning for the masses

非常漂亮的表单元素皮肤,可以美化checkbox, select and input field 等元素。

A Very Simple Change to your Layout – Fade in and Fade-out effects for main page icons

页面Icon图标的淡入和淡出效果

A Colorful Accordion with Bounce Effects

具有颜色的手风琴效果

英文地址:http://addyosmani.com/blog/13-jquery-user-interface-tutorials-to-improve-your-designs/

时间: 2024-10-28 12:40:53

13个绚丽的Jquery 界面设计网站推荐_jquery的相关文章

15个款优秀的 jQuery 图片特效插件推荐_jquery

这篇文章向大家推荐15个最佳 jQuery 图片效果插件.jQuery是最流行的Javascript框架,使用简单灵活,同时还有许多成熟的插件可供选择.其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入一些让人惊叹的图片效果. 01. Responsive Image Gallery     02. Image Zoom Tour     03. Automatic Image Montage       04. 3D Image Slider    

jQuery使用经验小技巧(推荐)_jquery

在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式.这样我就可以复制并粘贴大部分的代码结构,只要专注最主要的逻辑代码就行了. 使用相同的设计模式和架构也让修复bug或者二次开发更容易.一套经过验证的架构可以保证我的插件不出大的问题,不论插件简单还是复杂.我在这里分享10条我总结的经验. 1. 把你的代码全部放在闭包里面 这是我用的最多的一条.但是有时候在闭包外面的方法会不能调用.不过你的插件的代码只为你自己的插件服务,所以不存在这个问题,你可以把所

很棒的学习jQuery的12个网站推荐_jquery

1. jquery-mix.com 2. jqueryfordesigners.com 3. 15daysofjquery.com 4. jqueryking.com 5. addyosmani.com 6. docs.jquery.com 7. tutorialzine.com 8. visualjquery.com 9. jquerystock.com 10. developphp.com 11. jquerystyle.com 12. marcgrabanski.com (编译来源:梦想天

jQuery 性能优化手册 推荐_jquery

在twitter上发现了<jQuery Performance Rules>这篇文章, 简单的摘译了一下: 总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $(window).load 压缩js 全面掌握jquery库 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. 复制

jquery 入门教程 [翻译] 推荐_jquery

jQuery入门指南教程 这个指南是一个对jQuery库的说明,要求读者了解HTML(DOM)和CSS的一些常识.它包括了一个简单的Hello World的例子,选择器和事件基础,AJAX.FX的用法,以及如何制作jQuery的插件. 这个指南包括了很多代码,你可以copy它们,并试着修改它们,看看产生的效果. 内容提要 安装 Hello jQuery Find me:使用选择器和事件 Rate me:使用AJAX Animate me(让我生动起来):使用FX Sort me(将我有序化):使

jquery png 透明解决方案(推荐)_jquery

原型:http://jquery.andreaseberhard.de/pngFix/index.html 下载:http://jquery.andreaseberhard.de/download/pngFix.zip 很方便使用:) 复制代码 代码如下: <script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="tex

分享十五个最佳jQuery 幻灯插件和教程_jquery

幻灯(通常也被称为"内容滑动".内容切换效果.焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法.动态的自动滑动内容在很多网站上都是很流行的.你是否也对在自己的网站上实现类似的效果感兴趣?那就看一下本文列出的jQuery插件吧!1. jFlow 官方网站 | 演示 一个漂亮而整洁的图片幻灯,被nettut推荐,如果你想自己做一个图片幻灯效果,就去看看吧. 2. 使用jQuery UI实现推荐内容的幻灯展示 官方网站 这是一个教你如何"使用一种很有冲击力的方法展示你的网

精选31个网站界面设计实践教程

中介交易 SEO诊断 淘宝客 云主机 技术大厅 设计一个网站从来都不是一件容易的事.如果你去询问一位在该行业有丰富经验的网页设计师,他会告诉你以前根本没有太多关于Web设计/开发的资源.文章和各种沟通交流平台,更不用说高质量免费教程了. 本文转自:http://blog.bingo929.com/31-practical-web-interface-design-tutorials.html 如果您打算建立自己的个人网站或者重新设计您的博客的主题,现在看来已经不是很难了.这要感谢那些慷慨的设计师

友好界面设计:平板电脑友好网站设计技巧

文章描述:站长分享:如何设计对平板电脑友好的网站. 导语:随着以苹果iPad为代表的平板电脑风暴越演越烈,许多行业都因此发生了重大变化.根据国际数据集团预计2015年,移动设备会取代个人电脑的霸主地位,成为接入网络的首选设备.对于网站站长而言,一个友好的界面对平板电脑用户的重要性可想而知,因此,站长们应该尽快更新自己的网站.为此,国外年轻企业家Ryan Taft在设计网站1stweb上,撰文阐述了在设计对平板电脑友好的网站时的注意事项. 你的网站是否已准备好应对平板电脑革命了?除非你是末日准备族