JavaScript

Javascript DOM 控制系列教程一

javascript-dom-教程

  Hello,今天开始彬Go将以系列教程的方式为大家讲解Javascript编程语言和DOM接口,本篇教程为该系列的第一部分。
  虽然现在一些js框架诸如jQuery、Prototype和MooTools能提高我们的前端开发效率而且很好的解决了浏览器兼容性问题,但我们仍要打好javascript技术基础。Javascript DOM 控制系列教程将告诉你你需要了解的javascript和文档对象模型(DOM)的本质。
Read More

CSS, JavaScript, 资源

推荐9款很棒的网页绘制图表JavaScript框架脚本

Javascript-框架-图表

今天彬Go要向大家推荐9款很棒的可在网页中绘制图表的JavaScript脚本,这些有趣的JS脚本可以帮助你快速方便的绘制图表(线、面、饼、条…),其中包括jQuery、MooTools、Prototype和一些其它的JavaScript框架。
Read More

CSS, JavaScript, 网页设计

70+漂亮且极具亲和力的导航菜单设计推荐

网站可用性是任何网站的基本要素,而可用的导航更是网站所必需的要素之一。导航决定了用户如何与网站进行交互。如果没有了可用的导航,那么网站内容就会变得毫无用处。导航菜单应当足够简单以让用户快速了解它,但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。

下面彬Go要向大家推荐的50款优秀的导航菜单,有些是基于CSS设计的,有些是基于CSS+JavaScript的菜单,还有些是基于Flash的导航菜单设计,它们都有一个共同点:那就是它们都极具创意、界面对用户有好的,且完美的与网站的整体风格融合在一起。

1.基于CSS的导航菜单设计

Loodo
让网站更有感觉的华丽的菜单

CSS-导航-实例
Read More

CSS, HTML, JavaScript

你是一个职业的页面重构工作者吗?

做为一个专职的页面重构者,我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里 导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但随着工种 的细分,加上页面重构本身的专业性,独立为一个职业也不是不可能,至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计稿,可以不 理会下面的内容。
Read More

CSS, JavaScript, 网页设计, 资源

2008年最佳Web设计/前端开发技巧、脚本及资源总结

2008-最佳-前端开发

今天是2008年的最后一天,彬Go为大家奉上今年的最后大餐,这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实例及工具资源等,有一些是曾经彬Go发表过的翻译文章。实在是丰盛的需要消化很久…无论您是刚入门的前端开发菜鸟,还是有多年前端开发经验的高手,我相信下面的这些日志总会有您需要的!
注:链接到的文章都是英文,如果您的英文不好可以尝试使用Google翻译,如果还是无法理解,可以将想看的文章的标题留言给我,暴风彬彬今后有时间会为大家翻译的。 Read More

JavaScript, 资源

10种JavaScript特效实例让你的网站更吸引人

  今天的话题是如何改进自己网站的界面或提高网站的视觉体验,从而让用户记忆犹新。

  我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。

  这里收集了10种强大的且容易上手的JavaScript特效来改进您的网页站界面,从而得到更多的用户体验。这10种javaScript特效回味你的网站带来意想不到的视觉盛宴,而且安装和使用都比较容易。

您还可以参考以下JavaScript/Ajax相关教程及资源:
10个非常棒的Ajax及Javascript实例资源网站
12种Javascript解决常见浏览器兼容问题的方法
300+Jquery, CSS, MooTools 和 JS的导航菜单资源》 

1.GreyBox

JavaScript-greybox

  GreyBox 允许你以模式窗口的形式运行其它网站(类似于弹出式窗口,但又不运行新的浏览器窗口).如果你的网站上有一些其他网站的导出链接,但你又不想让你的用户离开你的网站或不想让他们打开另一个浏览器窗口的话,这真的是一个很好的解决方案。使用GreyBox 非常简单。

Read More

CSS, JavaScript

3种修复IE6 PNG图片透明度问题的方法

  当我在自己的网页设计项目中尝试使用据有透明度的PNG图片的各种方法时,我开始寻找各种能让PNG图片在IE6下正常工作的方法。我们都知道,IE6对于PNG的不透明度支持的并不好。暴风彬彬曾经发表过CSS完美实现垂直居中的方法,如果您有兴趣也可以参考。

1..htc文件的修复方法

下载.htc文件,然后指定你希望实现PNG支持的那个元素/标签。想了解更多的话,这有在线Demo安装说明.(都是英文)

Read More

JavaScript

JavaScript编写的胸罩罩杯尺寸计算器

  JavaScript出能能为网页添加更多互动元素、为网页的视觉效果锦上添花之外,还能干些什么?今天这个答案也许会出乎你的意料,外国一位设计师Ed Spencer用JavaScript为一个内衣网站编写了胸罩罩杯尺寸计算器。我们在使用JavaScript完成日常工作之余,其实也能编写这种有趣的程序。

  只在周末放松一下。

  近来Ed Spencer为一个更具诱惑性网站中的一个工作,这家网站是专卖女性内衣的。 除了不得不一整天去看只穿内衣的女人的图片这个不值得羡慕的任务之外,Ed Spencer还被迫去写一个胸罩尺寸计算器。

  胸罩尺寸计算器背后的理论是有点神秘和神奇了。 让一个男人或野兽理解它并不容易,所以它是幸运的,Ed Spencer完全不属于那两类, 他通过了痛苦和折磨的考验节省了广大女性的麻烦。

  下面来学习学习这个JavaScript有趣实例吧…

Read More

JavaScript, 资源

15个前端开发/网页设计师必备的Bookmarklet

  Bookmarklet(书签工具)是节省网页设计/前端开发时间的最佳工具。仅需点击一下,它就能提供很多信息或帮助。Bookmarklet是使用一段Javascript代码编辑而成的书签,当你在浏览器中点击已经预存的Bookmarklet(书签工具)时,其中的Javascript程序就会运行,从而起到书签相应的辅助功能。

  今天暴风彬彬要向大家推荐15个有助于网页设计/前端开发的Bookmarklet,他们的功能涵盖了:

  • 了解颜色的运用。
  • 为网页插入标尺。
  • 在未重载网页的情况下重载CSS
  • 修改网页元素等功能…

Bookmarklet使用方法:您可以用鼠标将”使用”链接拖到书签栏中(适用于FF、Chrome),在IE中可以右击”使用”链接,选择”添加到收藏夹”就可以了,记得添加以后重新命名哦。如果没有”使用”链接,那么您可以点击相应链接到该工具的作者网站寻找添加的链接。

点击这里下载适用于导入Firefox的书签文件夹。(点击FF的”书签”–>”管理书签”–>”导入&备份”–>选择导入下载的html文件即可)

提示:如果您很少或不习惯使用这种Bookmarklet工具,您也可以考虑使用Firefox的Web Developer工具栏(扩展),它包含了部分Bookmarklet的功能,也是非常棒的网页开发辅助工具。

您还可以参考以下网页设计/前端开发相关资源:
推荐12款可用于前端开发的免费文本编辑器
Web前端开发必备手册下载》 
推荐3个网页设计在线配色网站
10个非常棒的Ajax及Javascript实例资源网站
20个免费的SEO网站分析工具》 

1.WTFramework

用于学习JavaScipt框架的Bookmarklet工具

wtf-bookmarklet

  当你好奇某个网站在使用哪个JavaScript框架的时候,相比查看网页源文件,点击以下书签就能查看网站使用的什么JavaScript框架要容易得多。

Read More

CSS, HTML, JavaScript, 资源

推荐12款可用于前端开发的免费文本编辑器

  作为前端开发工程师,你有能力编写复杂的代码,但你真正需要的是你最喜爱的,可信赖的文本编辑器。你可以使用一个简单的,如微软的记事本,但往往比较有益的文字编辑器具有语法突出/高亮功能,支持多种语言,包含一个强大的查找和替换功能,和其他功能和选项,让你在编写代码的时候更加容易。

  如果你在寻找一个优秀的,免费的文本编辑器。下面收集了20款免费的文本编辑器,包含适用于Windows , Mac或Linux操作系统的。一句话,你能找到你想要的文本编辑器。

您还可以参考以下前端开发相关资源:
15个前端开发/网页设计师必备的Bookmarklet
精选15个国外CSS框架》 
Web前端开发必备手册下载》 
10个非常棒的Ajax及Javascript实例资源网站》 

1.Bluefish Editor

(Mac, Linux)

css-文本-编辑器

  Bluefish Editor 是一个面向程序员和网页设计师、强大开源的文本编辑器。作为一种快速,轻巧的文本编辑器,它支持500多种文件格式。它有一个内置的函数参考浏览器( PHP,Python,CSS和HTML ) ,这样你可以快速地了解特别的语法。

Read More