分类目录归档：jQuery

5 个非常有用的 JavaScript 调试工具

发表于由

JavaScript被称作以原型(prototype)为基础的语言。这种语言有很多特色，比如动态和弱类型，它还有一等函数（first class function）。另一个特点是它是一个多范型(multi-paradigm)语言，支持面向对象、声明式、函数式的编程风格。

JavaScript最初被用作客户端语言，浏览器实现它用来提供增强的用户接口。JavaScript在很多现代的网站和Web应用程序中都有应用。JavaScript的一个很棒的功能也很重要，就是我确实可以用它来提高或改善网站的用户体验。JavaScript也可以提供丰富的功能和交互的组件。

JavaScript在这技术高速发展的同时变得非常受欢迎。因为受欢迎JavaScript也改进了许多，修改JavaScript脚本有很多事要做。这次我们为开发者带来了几个非常有用的JavaScript调试工具。

1）Drosera

可以调试任何WebKit程序，不仅仅是Safari浏览器。

2)Dragonfly

源代码视图有语法高亮，可以设置断点。强大的搜索功能，支持正则表达式。

3）Getfirebug

可以在任何网页编辑、调试和实时监视CSS、HTML和JavaScript。

4)Debugbar

5)Venkman

Venkman是Mozilla的JavaScript调试器名称。它旨在为以Mozilla为基础的浏览器（Firefox, Netscape 7.x/9.x and SeaMonkey）提供一个强大的JavaScript调试环境。

原文链接/OsChina.NET编译

10 款精致的 jQuery 倒计时插件推荐

发表于由

倒计时功能在很多项目中都会使用到，比如网站维护、团购网站和限时下载网站等等。通过使用jQuery倒计时插件，你可以简化你的工作量，却同样创造出超酷的jQuery倒计时功能。

本文整理了10款jQuery倒计时插件，希望为你的工作提供一些帮助。

1、5sec Maintenance Mode

此插件用于网站维护时，平息用户因无法访问网站而带来的愤怒。它有6个模板可供你选择。

源码/演示

2、Premium Coming Soon

新奇、现代、用户界面友好的倒计时页面能让你的用户清楚的记得你的网站上线的时间。此外，该插件还有数不清的主题供你选择。

源码/演示

3、Coming Soon Landing Page

此插件用以提醒用户网站正在开发中，请耐心等待。

源码/演示

4、fresh Parallax Under Construction Countdown

此插件同样用以提醒用户，网站正在开发中。它用一个动态的3D效果让“马上回来”这个维护页面增色不少。

源码/演示

5、FlipTimer

FlipTimer 1.2版本新增了8种颜色主题和一份精致的工作联系录。

源码/演示

6、Fancy Countdown

这是一个高度定制化的插件，用以帮你实现倒计时效果。它很容易使用，你可以通过时区选择自己的目标时间。此插件还有一个扩展的API。

源码/演示

7、Countdown / Construction Page

此插件内包含一份说明，方便你的使用。

源码/演示

8、JavaScript Animated Counter

简单生动的计数示例。它可以呈现当前某一个快速增加或减少的数值，比如总的注册用户数、总收入等等。

源码/演示

9、jsCountdown

此插件包含14个不同的皮肤供你选择。

源码/演示

10、Live Broadcast Countdown Module

一个精致的倒计时效果插件，依据当前的时间状态显示相应的标题。

源码/演示

英文原文：10 Cool Premium jQuery Countdown Scripts

25+ 个新鲜的 jQuery 和 CSS3 教程

发表于由

本文收录超过 25 个最新的关于 jQuery 和 CSS3 实现一些炫酷网页效果的教程，你值得拥有。

Slideshow with jmpress.js

Responsive Horizontal Layout

Login and Registration Form with HTML5 and CSS3

Responsive Content Navigator with CSS3

Accordion with CSS3

Page Transitions with CSS3

Sliding Image Panels with CSS3

CSS Buttons with Pseudo-elements

Animated Web Banners With CSS3

Filter Functionality with CSS3

Thumbnail Proximity Effect with jQuery and CSS3

Fullscreen Background Image Slideshow with CSS3

 Create Calendar using jQuery and CSS3

Create an Image Slider using jQuery and CSS3

Create Login Form with CSS3 and jQuery

How to Create Accordion Menu (CSS3+jQuery)

Create Content Accordion in Pure CSS3

Create a Stylish Image Content Slider in Pure CSS3

Timeline Portfolio

Making a Page Flip Magazine with turn.js

Making an Impressive Product Showcase with CSS3

Apple-like Login Form with CSS 3D Transforms

Enhance Your Website with the FullScreen API

CSS3 signup form

CSS3 ordered list styles

CSS3 & jQuery folder tabs

CSS3 breadcrumbs

Source: http://designmodo.com/jquery-css3-tutorials/

10 个很棒的 JavaScript 颜色拾取器插件

发表于由

MooRainbox

JavaScript ColorPicker

JPicker – A jQuery Color Picker

jPicker 是一个快速、轻量级的 jQuery 插件，提供高级的颜色拾取功能。

Color Picker

类似 PhotoShop 的颜色选择器

ExColor

jQuery 的颜色选择插件

Izzy Color Picker

Flexi

Flexi是一个简单、轻量级颜色拾色器，基于SVG/VML技术实现。它没有基于依赖任何JavaScript框架开发，能够将选中的颜色以 hexadecimal、HSV、RGB三种格式返回。选择器的尺寸、位置和滑块面积都可以采用CSS自定义，就像设置div元素一样。

JavaScript Color Picker

类似 PhotoShop 的颜色选择器

Farbtastic

Farbtastic 是一个jQuery 的颜色选择器插件。它能够在一个页面中加入多个颜色选择控件，然后每个控件关联到页面中的一个元素比如：文本输入框。

SimpleColor Plugin

 

雅虎开源 Mojito Javascript 框架

发表于由

雅虎去年在Product Runway上发布了一款Web开发技术，被称作“Cocktails”（鸡尾酒），并透露将在今年一季度实现开源，公司已经为这款令人兴奋的先进技术投入了几个月的时间来完成，这一被业界认为对当前网页开发有重大影响的编程技术，现已经用BSD授权完全开源。

http://ydn.zenfs.com/blogs/1/mojito_logo.png

Mojito是一个JavaScript的Web应用框架，可以运行在浏览器和服务器上面，这 使得开发人员能够为客户端前端与服务器后端保持单一一个 JavaScript代码库。Web框架将自己从服务器运行环境部署到浏览器运行环境，允许开发人员编写在两种运行环境下都能够执行的Web模块。

查看:Yahoo!’s Mojito is Now Open Source