2012年07月_Tizian

转载 40个免费新鲜的jQuery插件和教程

你会发现，很多时候jQuery都能在你要实现什么的时候给你帮助。得到的效果大多数都像个奇迹。这个插件几乎能实现所有你想要的效果。使用它很简单，你大可不去深刻理解代码框架。直接套用来快速简单的实现你要的模式。开发人员也不断的在寻找新鲜和有用的jQuery插件。即使你是个新手也可以通过步骤一步步了解，很快你就能熟练的使用jQuery。今天，我们分享出的是一组免费新鲜的jQuery插件资源。你可以看到这

2012-07-27 15:16:40 931

转载跟紧时代，让你的设计更加popular

如今，随着智能手机、平板电脑等移动手持设备的普及，越来越多的Web网站都在向这些平台做兼容。同时，这些移动设备上的视觉设计与交互设计也在影响着Web端的设计。所以，现在我们的设计是不是要变得更加的popular一点呢？是不是可以总结出一些方法让我们的web端产品跟上时代的脚步呢？原文地址：http://www.w3cfuns.com/portal.php?mod=view&

2012-07-27 15:11:34 524

转载情感化设计

不错，值得一看，分享给大家。艺术可以让你为所欲为，但设计必须考虑其他人的感受—–吉斯利如今电脑，网络，手机，平板电脑等科技产品的普及，为设计与人互动提供了完美的平台，人们可以更加直接的去体验感受设计。而设计师也已经升级到不能仅仅只是沉醉在酷炫的视觉效果，更多的要去思考怎样通过设计来拉近人们与冰冷设备的距离，从而获得更多的用户群体进行互动成了一个值得研究的课题。要想了解怎样能使人对

2012-07-27 14:57:35 666

转载倾听色彩的声音

思路创意交互设计视觉设计产品设计前言色彩是一个网站的情绪表达方式或者说是性格特征的体现，每种颜色都有着属于自己的声音。作为一种视觉元素，色彩是很难被量化被衡量的，也很难用理性的角度去分析和阐述它，我现在试着用另外一个角度去试图衡量网页的色彩，一种尝试。从最基础的色彩本质、色彩搭配形式、及色彩对用户的潜在影响和心理暗示等着手，去分析色彩，

2012-07-27 14:47:32 687

转载浅谈图片优化的方法

在网站优化中，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用户体验，而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工程师应该采用什么方法来优化图片，既能保证UI的还原度，又使图片最精简呢？下面我就个人经验，来简单介绍一下图片优化的方法，首先我们了解一些图片方面的知识：1. 矢量图与位图。矢量图：缩放、旋转不失真的图像格式，不管你离多近去看都看不到图形的最小单位。

2012-07-27 14:04:34 507

转载如何打造软件、应用类shopping mall

不错，学习了~！2011年各大移动应用商店迅速崛起，群雄割据。在移动应用商店的基础上，软件商店也悄然形成。这些软件、应用类商店形式多样、风格迥异。一些成功的应用商店都已然向“shopping mall“迈进：比如应用商店的大赢家苹果APP Store（i Pad、iPhone），国内的安卓市场、网易应用、腾讯应用中心等等。这些商店成功的秘诀在于他们不仅仅将产品定位于一个简单的提供应用

2012-07-27 13:58:44 1690

转载整体到细节的交互设计规划

2012年初，我负责了对公司“深度匹配”产品进行了一次全面的用户体验规划，对产品整体的设计开展提供了用户视角的依据。过程收到了PD同学和业务团队的一些不错的反馈。在这里和大家分享一下这个设计推导过程。新设计师在进行交互设计时，很容易直接进入具体的界面层的设计思考，而整个过程中的前期推导过程却很容易被忽略，在这个案例中会着重前期推导的部分。基于提炼的方法论先放出一张我在设计过程中提炼的设

2012-07-27 11:30:30 472

转载发现闪屏之美

每逢节日到来，当你打开QQ浏览器，发现有什么不同吗？QQ浏览器已经悄悄的送出了节日的关怀，呈现在你眼前的是朴实而又温情的画面——节日闪屏。她是浏览器和用户情感交流的窗口，也是传递节日祝福的桥梁。在不同的节日传达不同的人文关怀，变换不同的表现形式，无论是为你带来一秒静静的感动，或是纯净的莞尔一笑，我们都希望闪屏的氛围能给用户带来一个美好的心情，一段温暖的时光。节日闪屏的构成要素品牌log

2012-07-26 12:02:22 1019

转载社会的矢量图标集（28图标）

社会矢量图标集（预览）下载包包括所有28个高品质，矢量，完全分层，可扩展性，A ，AI插画，，EPS和PSD文件。免费下载的社会矢量图标集所有iconsÂ 下载的 Zip文件原文地址：http://www.cnblogs.com/web8cn/archive/2012/07/26/2609302.html

2012-07-26 11:46:11 1513

转载 Web设计师和开发人员可以自由应用的27 个创意设计图标

图标是网页设计师展现良好的网络项目的基本展现形式，。如果您正在寻找关于网络站点，博客，网络应用程序或应用程序的图标，今天就给大家推荐高品质的图标集合，这里面包含了iphone图标，社会媒介图标，社会网络图标等等，你可以用这些高品质的免费图形来为网页设计或者web应用开发使用 1。iPhone的界面图标Download2。五颜六色的贴纸图标Download3。五

2012-07-26 11:44:48 3026

转载关于选用DOCTYPE及DOCTYPE对页面css及js的影响

什么是DOCTYPE DOCTYPE 是documenttype(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。其中的DTD(例如上例中的xhtml1- transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XH

2012-07-25 16:13:49 674

转载 [面试题] 2010~2011年度搜狐、腾讯、网易、淘宝、阿里巴巴、百度等多家名企Web前端开发面试题！

前端开发网（W3Cfuns.com）今天给大家奉出多家互联网名企的前端开发面试题，有搜狐、腾讯、网易、淘宝、阿里巴巴、百度...，帮助各位同学学习和提高自己技能，时刻为自己未来的那场面试做好准备，毕竟机会总是给有准备的人嘛~在这里还要特别感谢把面试题分享出来的同学们，有些同学是用手机拍下来后整理成文字发布到咱们W3Cfuns上的，这样大家才有了第一手的面试参考资料，感谢这些同学，如果你觉着

2012-07-25 10:11:36 5001

转载 [面试官说] 2012择业秘诀之如何选择称心如意的IT公司

最近经常有朋友提问，同时收到几家公司的offer，应该如何选择，或者找工作的时候，找怎样的公司，我在这里阐述一下我的观点。但愿对朋友们有所帮助。　　还是那句老话，选择什么样的公司，关键是你想要过什么样的生活。　　以下类型公司应选择拒绝。　　１）纯外包公司。　　这类公司特点是：待遇为4k-6k，刚毕业到5年经验都是这个价位。不管面视官或HR给你吹得多悬，这种公司，应该马上

2012-07-25 09:53:02 3599

转载 CSS:@import与link的具体区别

我们知道在网页中引用外部CSS有两种方式，即:@import与link。【注意】如果您不知道网页中引用CSS样式共有几种方式，可以去看一下这节《基础四：CSS如何控制页面》我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗? 继续往下看linklink就是把外部CSS与网页连接起来。@importimport文字上与link的区别

2012-07-25 09:42:26 459

转载 30个 Web 设计者必备的免费 PSD UI 工具包

寻找免费的资源和灵感可以是一件非常简单的任务。如果您是一名经验丰富的设计师，你知道最好的学习方法可以是寻找和学习其他人的工作。寻找PSD 文件可以是一种功能强大的有效率的方式学习，并满足你的工作需求的期望。今天就给大家推荐设计开发者必备的包含的 UI 套件， web 和图形设计，以及很酷的图标.你可以免费下载他们使用Tech UI elementsGUIFX Elements Pack

2012-07-25 09:34:23 1481

转载 jquery实现的3D缩略图悬停效果

今天我们要告诉你如何创建一些令人兴奋的3D使用CSS3和jQuery悬停效果。这一想法的灵感来自于凉爽的悬停效果，再给客户做网站的时候用的这样的效果，今天就共享出来在这个效果当中，我将使用的thumbails，就会发现一些更多的信息悬停。将创建一个使用jQuery的结构，将允许的图象出现折叠或弯曲，当他悬停时候。为悬停效果，我们将使用CSS 3D变换。效果如下演示下载

2012-07-25 09:29:33 461

转载 7月份37个新鲜的jQuery图片内容滑块和幻灯片出炉啦

很多的jQuery的形象和内容滑块和幻灯片，如果让你选择用那个，你会觉得很混乱，不知道用那个好。因此，这个月收集了新鲜一些最好的jQuery的图像和内容滑块和幻灯片，这些都是新鲜和创意的jquery幻灯片，你可以下载他们用来展示惊人的效果，Responsive Image Gallery with Thumbnail Carousel( 演示 | 下载 )Slice

2012-07-25 09:27:21 1294

转载使用gravatar创建自己的动态照片登录框

gravatar全球最大的个性图像库。他的应用已经在成千百万的网站使用。现在最常用的是gravatar显示自己的评论头像，但是今天，我奇思妙想，使用gravatar创建自己的登录头像，每次登录的时候输入email地址，如果正确就显示自己的动态头像，这个效果是不是很棒，这样网站的吸引量也会大大增加我将编写一个简单的用户登录框e-mail/password。当用户输入正确的email地址之后，

2012-07-24 12:54:20 766

转载跨浏览器兼容性检查的最佳工具

跨浏览器测试是网站设计和开发过程中不可或缺的重要组成部分。这不是一件容易的事。现在有那么多的操作系统和浏览器可在网上，如果没有专业的测试工具一个个的测试会是非常麻烦的。即使如此，你不能跳过这个过程，通过测试你可以发现你网站存在的问题不是专业的测试人员，不会对测试这个东西很重视，因为他们不知道一个网站在不同浏览器当中的效果不同，在IE能正常打开，在火狐下面就有错位可能因此，要确保网站运行

2012-07-24 12:50:40 351

转载 JavaScript世界的一等公民 - 函数

不错，收藏了，还没看的童鞋也可翻来看看。 JavaScript世界的一等公民 - 函数简介在很多传统语言（C/C++/Java/C#等）中，函数都是作为一个二等公民存在，你只能用语言的关键字声明一个函数然后调用它，如果需要把函数作为参数传给另一个函数，或是赋值给一个本地变量，又或是作为返回值，就

2012-07-24 11:44:17 622

转载网页设计师的必备选择20 +必需的Windows应用程序

今天给网页设计师推荐20几个windows下提高工作效率的应用程序，对于设计师来说是必不可少的，希望大家喜欢1。 Skybound Stylizer虽然我更喜欢使用Firebug时，我发现“开箱即用”的CSS编辑器要真正有用的。Skybound Stylizer已经出了一段时间，但最新版本，4.0，现在是出了很多令人难以置信的功能，以帮助您在开发过程中。的核心功能之一是它支持谷歌Chr

2012-07-23 13:20:14 1546

转载 20个最新的 CSS3 和 HTML5 工具

1. Sencha Animator用标准的网页技术打造超炫的动画，Senchar Animator使用CSS3来打造动态的文字和图片，流畅的变换，阴影，渐变等效果。2. CSS LINT 这个工具可以帮你找出你CSS中的问题。不光是语法错误，它还能指出你的代码写的不合理的地方，或者不高效的地方。3. Normalize.cssNormalize.css 是

2012-07-23 13:14:37 445

转载为前端开发者准备的 20 个实用的 HTML5 教程

想学html5的童鞋可以看看哦。HTML5越来越受追捧，成为耀眼的技术明星，应用领域也越广，在这里为前端开发者准备了20个实用的HTML5教程。HTML5: 基础知识从头开始编码的HTML5布局用 HTML5 设计一个博客用 HTML5+CSS3 创建优雅的网站用 HTML5 设计一个很酷的 iPhone App 网站HTML5 应用基于浏览器的

2012-07-23 13:13:05 542

转载 7个超棒的HTML5交互性网站

近几年，网络技术发展的速度十分惊人，前几年Flash还是网站互动和动画技术的主导，但现在Flash已经慢慢的被淘汰，并采取更多的与搜索引擎友好和强大的HTML5、CSS3和JavaScript技术。通过快速计算系统和高速上网，可轻松实现复杂但又流畅的动画效果的。在这里，我们向你推荐7个超棒的HTML5设计的交互网站，很酷，很炫！1、Intacto10 Years通过一个数字机构显示了数字

2012-07-23 09:58:37 4418

转载 45个设计师们不常见的html5和css3漂亮模板

对于Web开发人员来说，当他们需要创建一个非常时尚和新潮的CSS3和HTML5网站时需要非常专业的水准。html5和css3的结合能够做出非同寻常的网站效果。。所以，今天，我推荐给大家45个免费的时尚模板，您可以下载。1. Interio( 演示 | 下载 ) 2. Art School Template( 演示 | 下载 ) 3. Folder( 演示

2012-07-23 09:53:22 615

转载 11个视觉差滚动效果的HTML5网站

可以看看，为你的网站寻找些灵感哦。Cover Image by: Wang Qi@DamnDigital视觉差滚动效果意为多种背景层可以横向及纵向各自滚动。这个惊人的视效最早出现在 Nike 2011年的 Nike Better World 项目里，自此这个效果广为沿用，时至今日，诞生了很多不错的作品。在此，与各位读者分享11个使用视觉差滚动效果的企业网站模版。绝对可以让你们大饱眼

2012-07-23 09:39:48 1398

转载正则表达式语法

“正则表达式”描述在搜索文本正文时要匹配的一个或多个字符串。该表达式可用作一个将字符模式与要搜索的字符串相匹配的模板。正则表达式包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”）。特殊字符下表包含了单字符元字符的列表以及它们在正则表达式中的行为。说明若要匹配这些特殊字符之一，必须首先转义字符，即，在字符前

2012-07-20 15:04:37 362

转载常用正则表达式的例子

1正则表达式用于字符串处理、表单验证等场合，实用高效。现将一些常用的表达式收集于此，以备不时之需。23匹配中文字符的正则表达式： [\u4e00-\u9fa5]4评注：匹配中文还真是个头疼的事，有了这个表达式就好办了5匹配双字节字符(包括汉字在内)：[^\x00-\xff]6评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）7匹配空白行的正则表达式

2012-07-20 14:58:20 313

转载浏览器是怎样工作的：渲染引擎，HTML解析（连载二）

渲染引擎渲染引擎的职责是……渲染，也就是把请求的内容显示到浏览器屏幕上。默认情况下渲染引擎可以显示HTML，XML文档以及图片。通过插件（浏览器扩展）它可以显示其它类型文档。比如使用PDF viewer插件显示PDF文件。我们会在一个专门的章节讨论插件与扩展。在这一节我们将专注渲染引擎的主要用途——显示用CSS格式化的HTML与图片。各种渲染引擎我们提到的Firefox, Saf

2012-07-18 22:54:27 1174

转载浏览器是怎样工作的（一）：基础知识

译注：前两天看到一篇不错的英文文章，叫做 How browsers work，该文概要的介绍了浏览器从头到尾的工作机制，包括HTML等的解析，DOM树的生成，节点与CSS的渲染等等，对于想学习浏览器源码的同学来说，实在是很棒的一篇科普文章。尽管对于每部分，该文的描述并不足够深入，但综合来讲，即使没兴趣学浏览器源码，也还是有一些值的学习的思想在里面的，可以权当开拓下视野，有益无害。于是，

2012-07-18 22:53:01 473

转载寻找网页设计灵感的27个最佳网站推荐

今天，本文要向大家推荐的是27个寻找网页设计灵感的最佳网站。设计师们可通过这些网站收集的优秀网页设计作品来获取灵感，进而设计出更加时尚、更有创意的作品。如果你有收藏这个列表中遗漏的网站，欢迎在评论中与大家分享。CSS NatureDesign SnackCSS DanceCSS HeavenBest of the Web GalleryCSS Desig

2012-07-18 10:21:56 1417

转载推荐35个非常有创意的404错误页面

这个星期在做一些调查，在网上查找资料的时候发现几个网站都出现了可怕的错误空白页面，于是决定整理一份404错误页面与大家分享。花时间去认真设计一个错误页面是一件非常好的事情，尽管知道这个页面被看到的概率很小，至少不应该被看到，然而我们的网站有时候难免出现错误，对于那些极少数时候出现的错误情况，更好的做法让用户看到一个新颖的错误页面。Dailymotion CloudSarah Maxey

2012-07-18 10:19:47 390

转载最佳6款用于移动网站开发的 jQuery 图片滑块插件

随着智能手机的普及，越来越多的用户喜欢通过手机中浏览网页。今天这篇文章为大家推荐最佳6款用于移动应用的 jQuery 图片滑块插件，这些插件很好的处理了触屏事件，效果平滑，帮助你构建用户体验良好的移动网站。 PhotoSwipePhotoSwipe 是一款免费的 jQuery 图片库插件，支持 iPhone, iPad, Android, Blackberry 等各种移动设

2012-07-18 10:17:06 577

转载 HTML5/CSS3速成教程

HTML5/CSS3越来越普及，用的越来越多，我们到底如何学习并掌握他们？现在前端开发网（W3Cfuns）就带领大家一起快速的掌握它。HTML5速成教程[未完待续,更新中]第一章：HTML5表单篇HTML5速成教程之 Form新属性的使用HTML5速成教程之 input新增加的URL类型与email类型应用HTML5速成教程之 input新增加的六种时间类型应

2012-07-18 09:51:26 2553 3

转载大气风格网站设计示范（原创教程）

不错的教程，可以学习下。公司企业集团类简约大气，纯概念表现手法！以一个案例演示不同版型，不同构成部分的处理方法，主要包含以下几个方面：（一）概念的深入理解（二）发散思维方法（三）视觉设计（简约大气）原文地址：http://www.w3cfuns.com/article-131-1.html

2012-07-18 09:43:56 421

转载 2010年精选的101个最佳Photoshop设计教程

虽然是2010年的了，但是还是一个很好的教程，所以还是转过来分享给大家。这里精选了100个2010年最好的Photoshop设计教程，其中有些非常有创意，技巧性强，有利于大家学习处理图像的方法。1. Use custom brushes in Photoshop to create energy and light effects2. Mak

2012-07-17 14:40:58 783

转载 JavaScript视频系统教程

Javascript做为一门脚本语言,在web2.0的到来越来越发挥着重要的作用,系统的掌握javascript变的越来越紧切。本教程共六章，每个知识点都对应着实例进行贯通巩固，并提供了对应实例的源码下载，及作业的讲解视频，老师答疑等，内容主要包括：javascript的基础语法,函数,document对象,location对象,history对象,事件对象,特效的制作等,

2012-07-17 12:13:45 1149

转载电子商务门户界面设计总结

电子商务网站界面设计总结，（一）电子商务网站学习任务目标概述，（二）电子商务网站类型及特点分析，（三）学习目标电子商务网站个组成部分特点及表现形式分析，（四）电子商务网站Banner分析及设计手法。原文地址：http://www.w3cfuns.com/article-145-5.html

2012-07-17 12:04:15 722

转载 jquery常用的插件1000收集

花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。感谢大家的支持。 1.accordion类基于jQuery开发，非常简单的水平方向折叠控件。 Horizontal accordion: jQuery热点图书：www.hotbook.cn jQuery-Horizontal Accordion具有XBOX360

2012-07-17 11:09:10 112

转载 Web前端：11个让你代码整洁的原则

写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到了这一点吗？我们一起来看一张图片：上图展示了两段代码，我想大家都只会喜欢第一种，我们先不说其语义，至少他的结构让我们看上去清爽，而第

2012-07-16 17:30:33 685

设计师的法宝-网站

空空如也