JavaScript是一门令人愉悦的语言

作为一名前端工程师,我承认我可能是有偏见的,但是我真的非常享受编写JavaScript程序。JavaScript代码可以非常的优雅,也可以让人崩溃。在很长一段时间内JS在开发者社区中都是一个笑话。但是现在JS是一门聚光灯下的明星语言,越来越多的开发者加入到这个阵营。这篇文章例举了几个我喜欢JS的理由。

速度

Google的V8 JS引擎让我们可以在客户端和服务端更好的执行JS代码,这就给复杂的JS程序提供了基础。我们现在可以发送几百KB的压缩后的JS代码到客户端,并且可以预期客户端可以流畅的执行这些代码。

除此以外,JS也是非常容易编写和测试的。编写-保存-刷新,简单三个步骤就可以看到效果,这比任何其他开发环境都要快速。我们现在也有webkit控制台和调试器,可以帮助我们方便的调试代码。我最近也在尝试使用Jasmine来做单元测试。

简单

JS是一门非常轻量级的语言,没有大量复杂的保留字,没有各种复杂的数据类型。JSON已经成为了流行的数据传输格式。JS也是Web浏览器的本地语言,还有很多工具支持,几乎不用任何安装工作。

自由

也许是JS框架的作者希望把代码尽量精简,或者他们只是默认事情就应该保持简单,我发现所有JS的框架都没有很强的侵入性,不像Rails,Rjango,CakePHP那样必须按照约定的格式去写代码。流行的JS框架例如jQuery,Underscore.js,Backbone.js的代码是完全可读,并且很专注,而且他们的设计是可以互相整合的。

 可塑性

删除代码是一个很幸福的过程,因为它减少了复杂性,修复了bug,缩减了代码量。所以我很享受删除自己写的垃圾代码的过程。由于页面的重新设计或者需求的变化,前台代码天然具有短生命周期。模块化是浏览器端JS的天然属性,这让我可以重构一个组件而不用把所有的代码都搞的一团糟。

英文出自:allenc.com

20 个免费高质量的 Magento 主题

Magento是一套专业开源的PHP电子商务系统。Magento设计得非常灵活,具有模块化架构体系和丰富的功能。易于与第三方应用系统无缝集成。

本文介绍 20 款漂亮的而且免费的 Magento 主题,可让你快速搭建自己的电子商务网站。

Absolute Magento Template

Free POP Magento Template

mApple Magento Template

Classic Blue Magento Template

Web To Print Store Magento Template

Bluescale Magento Template

Free Magento Template

mEbay Magento Template

Shoes Store Magento Template

Wine Free Magento Template

Seonitik Magento Template

Telescope Magento Theme

Glam Free Magento Template

Grayscale Free Magento Template

Watch Store Magento Template

Electronics Free Magento Template

Wired Magento Template

Grayscale Shop Magento Template

Electronics Magento Template

SOCCER SPORTS TEMPLATE

 

via djdesignerlab

jQuery 1.7.2正式版发布!

jQuery 1.7.2正式版发布。该版本在1.7.1的基础上修复了大量的bug,并改进了部分功能。而相比于1.7.2 RC1,只修复了一个bug。

值得注意的是:如果你正在使用jQuery Mobile,请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本,因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。 更多详情参看jquery。

下载地址:
http://code.jquery.com/jquery-1.7.2.min.js (minified, production)
http://code.jquery.com/jquery-1.7.2.js (unminified, debug)

37个超级棒的 jQuery菜单插件

导航是网站设计最重要的元素之一。一个优秀的导航菜单要简洁易用,方便用户。而用 jQuery 菜单插件制作出来的动态导航则能很好的满足这一点。jQuery 是一个轻量级的 JavaScript 框架,兼容 CSS3 以及各种浏览器,同时还有许多成熟的插件可供选择,能给用户带来更好的使用体验。本文整理了 37 个优秀的 jQuery 菜单插件,用以帮助你创建更好的导航菜单。

1、用 jQuery 和 CSS 创建的 Mac 风格的菜单

如果你是一名标准的 Mac 迷,你一定会喜欢这个菜单。它有两处停靠的位置:顶部和底部。

2、超级菜单包

超级菜单包里包含了 10 个效果很酷的菜单,其中有 5 个是全部用 CSS 写出来的。对于那些想要拥有一次特殊设计体验,或者寻求全新起点的设计师来说,它堪称完美。

3、LavaLamp

LavaLamp 是一个简单易用的 jQuery 插件,可以让你创造出效果惊人的水平导航条。让人高兴的是,这很容易实现。

4、Quick & Pro 菜单

Quick & Pro 菜单插件可以创建带有特殊风格的 jQuery 大型菜单,这在网站设计中很少见,不过,却很容易让用户快速得知网站的大量信息。

5、Superfish jQuery 菜单插件

Superfish 是一个专门用于菜单上的 jQuery 插件。

6、菜单制作者

这是一段 JavaScript 代码,为你提供一个具有友好界面的工具,此工具用圆角和流畅的动画帮助你创建导航菜单。制作导航菜单从未像这样简单。你所要做的仅仅是拖动滚动条来调整菜单的属性。

7、快速访问菜单

轻松定制,易于集成,并可以快速访问你的网站。是适用于网站设计的最小的设计方案。

8、Sticklr——用 CSS3 和 jQuery 实现的固定侧边栏

灵感来自 Envato 站点的切换工具,这里有一个很有用的固定侧边栏,用 CSS 实现后并经由 jQuery 增强了这一效果。

9、Puffer Fish 式的导航

带有悬停发光效果的导航插件。

10、滑动标签——jQuery 插件

滑动标签是一款为你的网站创建水平或垂直动画标签的 jQuery 插件。你可以在一个页面上实现多个标签实例,而且可以用 CSS 实现任何你定制的标签。这款插件有很多定制的选项,使得它灵活易用,易于满足你的定制需求。

11、垂直滑动的 jQuery 菜单

毫无疑问,你的客户一定会喜欢它。更妙的是,本教程也将教你如何用 Photoshop 来设计此类菜单。

12、Sherpa 完整的导航系统

Sherpa 汇聚了每个页面都必不可少的三个主要导航元素:导航栏、侧边栏和固定页脚。

13、向下滑动菜单

这个创意是当缩略图弹出时,菜单选项像盒子一样滑出。对于一些菜单选项,我们还容纳一个子菜单来添加一些链接。子菜单是从左边还是从右边滑出,这取决于鼠标放在哪一个菜单选项上。

14、Memu——一个简单的的 CSS / JavaScript / jQuery 的菜单

一个小而实用的 jQuery 插件。

15、下拉式菜单

有了这个脚本,你可以制作美观且互动性良好的下拉菜单。这个脚本的好处是,你不仅可以制作下拉列表菜单,也可以使用一个 div 标签作为下拉元素。

16、用 JavaScript 写出超大水平菜单

17、Ninja UI

18、超大的菜单设置

通过 10 多个 jQuery 效果和 13 种颜色中的一种来创建这种独特的菜单,而这一效果可以由巨型下拉菜单设置完美的实现。 

19、图片悬停移动

一个简单实用的导航插件。

20、jQuery One Page 导航插件

有了这个插件,当导航被点击时页面翻转的更平滑。它还可以根据翻转的内容自动突出正确的导航区域。

21、固定页脚

这里使用 jQuery 只为增强网页特效的效果。

22、Asura jQuery Footer

Asura jQuery 式的页脚是一个高度可定制的固定页脚。它可以让你更自由地在网页底部放置内容。

23、Dropp

Dropp 是一个可以用来取代常规下拉菜单的 jQuery 插件。

24、jMenu

jMenu 是一个我们可以用来创建带有无限制子菜单水平导航的 jQuery 插件。菜单中的标记显得很干净,因为它使用嵌套列表。

25、skinableTabs

skinableTabs 是一个不显眼的 jQuery 插件,它允许你用美观的标签来凸显网站的内容。

26、地铁地图可视化的 jQuery 插件

这个插件把无序的列表嵌入到一张类似于伦敦地下地图风格的地铁地图里。

27、MobilyBlocks

MobilyBlocks 插件允许你将无序列表创建成一个类似于圆圈的样式。

28、mb.verticalSlider

29、infiniScroll

30、jQCloud

jQCloud 允许你创建整齐的云形字和云形的标签。由于这个插件产生纯 HTML 代码,这种云形字的布局可以很容易地通过传统的 CSS 样式自定义方式来实现。

31、jQuery Stepy——一个魔幻般的插件

32、使用 jQuery 的手风琴式菜单

33、jQuery 菜单选择器

这个插件通过本地路径来激活菜单选项。

34、FooBar——一个 jQuery 式的通知栏

Foobar 的是一个位于页面顶部的通知栏,它简洁且不显眼,当用户访问时,用以告知或公布网站信息。

35、无尽的自动浏览

当运行在一个 DOM 元素上的时候,倘若用户浏览到此元素的底部,这个插件将扩展此元素并自动填充内容。内容是通过 Ajax 来获取的,插件使用本地存储来保持高速缓存。

36、jQuery Context Menu

ContextMenu 是一个轻量级的 jQuery 插件,可以让你选择性地覆盖浏览器的右键菜单。

37、jCrumb

jCrumb 是一个 jQuery 插件,可以让你添加一些琐碎的消息到任何一个 Web 页里,而不必担心站点地图的问题。

英文原文:35+ Useful jQuery Menu Plugins.

6个 JavaScript 语法高亮插件

语法高亮对所有的代码编辑器来说是一个很重要的特性。当然它应该增加可读性,简化调试过程,给不同的代码语法设置不同的颜色。如果你的网站可以分享代码或者教程,你应该确保有一个好的语法高亮插件显示给你的读者。为了让你的代码呈现为可视化的,友好的方式,它是必不可少的。下面我们来进一步讨论和实现你的代码。

我个人认为可视化的SyntaxHighlighter有点乱, Snippet很干净的,也很小。

Snippet

Snippet是一个很酷的jQuery语法高亮插件,基于SHJS脚本,你可以在SourceForge上找到源码。

 

 Google Code Prettify

Google Prettify

Google Code Pretiffy 是 Google 的一个用来对代码进行语法着色的 JavaScript 库,支持 C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript, Makefiles和部分Perl。

Highlight.js

Highlight.js是一个用于在任何web页面上着色显示各种示例源代码语法的JS项目。

SHJS

SHJS 是一个用来高亮显示不同源码语法的JavaScript库。支持几乎所有的编程语言的语法。

SHJS

Chili

Chili是一个jQuery源代码语法着色/高亮插件。具有以下特性: 着色非常快,易于使用,完全可定制,文档丰富。 支持显示行号。 在Internet Explorer、Firefox、Opera和Safari等浏览器上显示同样的效果。 默认支持的源代码类型包括:C++、C#、CSS、Delphi、Java、JavaScript、LotusScript、MySQL、PHP和XHTML。 完全支持正则表达式,包括反向引用。

SyntaxHighlighter

SyntaxHighlighter (原名:dp.SyntaxHighlighter)是一套在浏览器上对各种代码进行语法着色的独立 JavaScript 库。格式化效果如下图所示:

这也是本站所使用的语法着色库。

示例代码:

SyntaxHighlighter.config.bloggerMode = true;SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';...SyntaxHighlighter.all();

 

英文原文,OSCHINA原创翻译