网页设计, 资源

推荐21套非常棒的网页设计图标素材

网页设计-图标-下载

在设计Web界面的时候,如何确保用户更方便快捷的使用是关键所在。在导航或其他一些地方使用恰当的图标既可以让网页更漂亮又可以提高用户体验和可用性。但是如果每个网站项目都要从头开始创意和设计一套图标的话,会浪费很多宝贵的时间,为什么不使用那些现成做好的图标呢(当然如果项目比较大,那是需要单独设计的。)下面暴风彬彬将向大家推荐21套国外精品图标集,适用于各种风格的网页设计项目中。
(更多…)

CSS, JavaScript, 网页设计, 资源

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

2008-最佳-前端开发

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

网页设计, 资源

网页设计新趋势:云隙阳光和光线效果

  云隙阳光效果是当今网页设计和平面设计中非常流行和时髦的设计趋势。云隙阳光效果就是指从某一点向四周发出的太阳光线效果。它们是Web2.0的设计趋势,在配合其它图形元素的时候会使设计工作更加事半功倍。

  今天暴风彬彬将和大家一同分享一些如何使用现有的Photoshop形状和笔刷创作你自己的云隙阳光效果,然后会为大家展示15个使用了云隙阳光效果的漂亮的网站实例

网页设计-阳光-教程
(更多…)

网页设计, 资源

精选2008年最佳设计素材资源&灵感

  2008年已经接近尾声,暴风彬彬今天将同大家一起来回顾今年的一些网页设计共享资源,在这里我收集了一些2008年我很喜欢的免费资源。在这篇文章中您将看到涵盖网页设计图标素材、Wordpress主题、网页设计字体、网页设计材质素材乃至生成背景图案的网站应用程序的一些不错的资源,它们有的能对你的网站项目有所帮助,有的则会给你带来更多设计灵感。还等什么,继续往下看吧…

您还可以参考以下网页设计相关资源:
220个漂亮的免费Photoshop图层样式下载
推荐3个网页设计在线配色网站
精选30个免费高品质PSD源文件
网页设计必备的10套漂亮图标集》 

BB 免费字体:Conglomerfont

一款漂亮的免费英文字体。

英文字体-下载

免费图标: Function Icon Set

包含128个高质量图标的网页设计图标素材集。

网页设计-图标
(更多…)

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 非常简单。

(更多…)

CSS, 资源

精选30个优秀的CSS技术和实例

  今天,暴风彬彬为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。

  单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面(英文),单击每个实例的图片截图可以直接跳转到相应实例的Demo页面。

  彬Go会经常更新前端开发/CSS技巧等相关技术及教程文章,欢迎订阅本博客来及时浏览本博客的最新教程及资源。

1.Hoverbox 图片集

一个纯净的基于CSS的图片集,鼠标悬停缩略图就会显示放大效果。

CSS-实例

(更多…)

资源

Lunascape:将FireFox、Safari和IE合为一体的浏览器

Lunascape-3engine

  作为前端开发/网页设计师,电脑中总是安装着各种不同内核渲染引擎的浏览器,如IE(Internet Explorer)、FireFox、Safari、opera、Chrome等,在编写网页时要经常在不同的浏览器中进行测试,以便能在这些浏览器中有相同的显示效果。暴风彬彬曾经介绍过整合了IE5、IE6、IE7和IE8的浏览器IETester。今天暴风彬彬向大家推荐一款将FireFox、Safari和IE三大浏览器引擎整合在一起的浏览器:lunascape

(更多…)

CSS, 资源

精选15个国外CSS框架

什么是css框架

实际上还是让我们从框架说起吧。
框架就是一个你可以用于你的网站项目的基本的概念上的结构体。

css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如:

  • typography.css 基本排版规则
  • grid.css 基于网格的布局
  • layout.css 通常的布局
  • form.css for 表单样式
  • general.css 更多通用规则

您还可以参考以下前端开发/CSS相关资源:
使用CSS3开启GPU硬件加速提升网站动画渲染性能
推荐12款可用于前端开发的免费文本编辑器
Web前端开发必备手册下载
推荐20个让你学习并精通CSS的网站
300+Jquery, CSS, MooTools 和 JS的导航菜单资源

下面一起来了解一下各种不同的CSS框架吧:

1.960 Grid System

CSS-框架-960

960网格系统是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面宽度。它有两种类型,12和16列,他们可以独立使用或是协同使用。

(更多…)

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框架要容易得多。

(更多…)

网页设计, 资源

220个漂亮的免费Photoshop图层样式下载

网页设计-样式

  Photoshop图层样式一直是一种很常用的提高平面/网页设计效率的工具。今天暴风彬彬向大家推荐220个Photoshop图层样式,可以说是对网页设计有很大的帮助,可以大大提高工作效率。你可以将它们应用到标题栏、导航栏等需要各种质感的网页设计区域。其中有很多图层样式是很适合当今Web2.0时代的应用的,还等什么,快收藏起来吧!

(更多…)