2012年09月_Tizian

转载分享30个你需要知道的实用CSS代码片断

CSS是大家在web开发中常用的语言，但是有时候使用非常不爽。某一个CSS可能应用在不同的浏览器中行为不全一样。所以大家得花很多时间来进行调试。。幸运的是，网络上大家可以找到很多不错的CSS代码片断，能够有效地帮助大家解决一般性的或者设计问题。这里我们收集了30个CSS的代码片断帮助大家调试。希望大家喜欢！代码1. Chris Poteet’s CSS浏览器重置代码这个代码能

2012-09-26 11:01:34 884

转载最新的 Javascript 和 CSS 应用技巧荟萃

随着前端技术的发展，javascript和css在网站和web应用中展现出强大的统治力，特别是随着HTML5和CSS3的标准的成熟，我们可以使用javascript和css开发出你想都没有想到过的特效和动画，在今天的这篇文章中，我们将介绍一组相关CSS和javascript的强大教程和插件，希望大家喜欢！CSS动画和过渡效果随着CSS3标准的来到，CSS过渡效果和动画效果常常应用到互动

2012-09-26 10:46:07 611

转载 7个最新的CSS技术（包含源代码）

今天为大家介绍一些最好的和最新的CSS的网页设计技术。可以使您的项目更有效，更令人印象深刻。 1) Confirmation Feedback Buttons 本教程将教你如何创建一个具有响应式Web页面按钮，根据用户的互动，采取不同的状态。 2)A Clean Calendar in CSS3 jQuery

2012-09-26 10:44:40 534

转载 HTML5音频播放器和库

Dancer.js JavaScript Audio Librarydancer.js是一个高级音频API，可用于Mozilla的音频数据API和Webkit的网络音频，可以为你设计出一套可视化网络音频API。特色：1.使用实时音频数据并将其映射到任意的可视化；2.音乐节奏拍子可以可视化；3.简单的API可以让任何一首歌曲使用时间回调函数和事件；4.可扩展的框架支持插件

2012-09-26 10:42:34 1698

转载非常有用的免费UI设计工具和资源

这篇文章要与大家分享的都是一些很棒的免费UI设计工具和资源，有Web开发方面的，也有移动开发方面的，非常丰富，相信你能从中发现有用的资源。记得推荐一下哦 :)ALL In One Web Elements KitOSX Leopard GUI SetiPad GUI PSDDojoMassive Web UI & Button SetSmall GUI

2012-09-26 10:39:43 1109

转载网页矢量素材：33套精美的免费 Banner 素材下载

网站 Banner（旗帜广告，横幅广告）是网站常见的组成部分，常用于广告展示。设计师经常需要去网上搜罗一些矢量的 Banner 素材用于设计任务，网上的各种资源琳琅满目，要找到合适的 Banner 素材可能需要花费大量的时间。今天这篇文章向设计师朋友分享33款非常漂亮的免费矢量 Banner 素材。这些高质量的矢量素材既能为设计师节省时间，又能有很不错的效果。 Grunge Banner

2012-09-26 10:37:45 1684

在web开发当中，工具提示条对于完善web网站的用户体验至关重要。title属性通常是用来帮助用户了解显示链接的信息。默认情况下用于一个访客来说真是不好找，因为鼠标放上去他才可能显示。如果做一个像电子商务网站的注册页面，页面包含这么多的信息，如何让用户可以把鼠标悬停链接他自动弹出醒目的信息。这个使用jquery强大的工具提示插件在这种情况下是可以的完美实现的。你需要做的就是添加title属性指定的

2012-09-25 10:25:31 518

转载 23个优秀的HTML5/CSS3教程

HTML5/CSS3无疑是未来Web发展的方向，这一点在移动互联网领域已经得到了充分的证明。如果你也是一名web开发者，想要深入了解关于HTML5和CSS3的话，你不妨看看下面这些教程。这里有23个不错的HTML5/CSS3教程(有的使用了jQuery)，这些教程来自于国外的一些优秀的web开发者和设计师，相信看完之后你一定会学到不少东西。Apple Navigation Bar us

2012-09-25 10:17:20 1467

转载 20个新鲜使用的CSS3教程

设计行业可能是不断变化和发展的行业，设计师必须时刻关注所有的事情，包括在视觉设计方面的新趋势，以及jQuery、HTML5和CSS3等方面的技术。设计师用这些技术来表达更多的创意的设计，使用户体验更丰富。在这里为大家分享一些神奇的、漂亮的CSS3教程，通过这个集合我们学习新的东西，并准备着应用到将来的设计中。Quickly Build a Swish Teaser Page With CS

2012-09-25 10:15:48 379

转载 CSS 布局:40个教程、技巧、例子和最佳实践

前言：布局是WEB开发一个重要的课题，进入XHTML/CSS后，使用TABLE布局的方式逐渐淡出，CSS布局以众多优点成为主流，本文将介绍40个基于CSS的web布局的资源和教程。文章的出处在http://www.noupe.com/css/css-layouts-40-tutorials-tips-demos-and-best-practices.html。文中的不少的例子在一本经典的CSS书

2012-09-25 10:13:50 1153

转载 2012 年12 个值得收藏的新jQuery插件

1) slideshowReally Simple Slideshow是一个用于创建各种幻灯图片的jQuery插件。这款插件可以将任何图片转换到幻灯片列表中，并可以为每个幻灯显示字幕，包括它们的链接和多种过渡效果。2) trunk8trunk8是一个智能的文本截断jQuery插件。当碰到一个大的文本块，trunk8将切断足够的文本，以防止其溢出。3) Animated Re

2012-09-25 10:11:22 2289 1

转载给Web设计与开发人员的16个优秀iPhone与Android应用

在 iPhone 及 Android 应用中有许多优秀的程序可以帮助 Web 设计与开发者们更好地展开工作，本文即带来了16个不错的这些应用。一、iPhone 应用1. Web Design In a NutshelliPhone 商店中的最好应用之一，当然是对 Web 设计人员而言。该应用是 Web Design In a Nutshell 一书的电子版，这是一本专业地、系统地全面介

2012-09-25 10:08:53 503

转载 16 款优秀的Web开发辅助工具推荐

优秀的工具，可以使你的开发工作事半功倍，帮助你创建出高品质的 Web 应用。本文整理了 16 款重要的 Web 开发工具，涵盖 CSS、JavaScript、图像优化和其他方面的 Web 开发工作，希望对你的开发工作能有所帮助。一、CSS 工具 1. Simpless 这是一个免费的离线 LESS 代码编译器。如果你使

2012-09-25 10:05:33 578

转载字体大宝库：2012年最新发布的26款高质量免费英文字体

如今，网页设计师非常注重网页字体的运用，为了能让网站有更好的可读性和更强的吸引力，他们需要更漂亮的字体。正因为字体在网页设计中扮演着重要角色，设计师经常要花很多的时间去挑选字体。如果你正在寻找好看的免费英文字体，那么下面收集的这些高质量免费英文字体素材正是为你准备的，相信里面会有你喜欢的！ Veneer ExtrasMardian Demo fontFoglihtenN

2012-09-25 10:04:29 1203

转载 6 个让Javascript开发变得更轻松的实用工具

1) Heatmapjsheatmap.js是一个JavaScript library可用于利用html5canvas元素来基于你的生成Web热图(heatmaps)。Heatmap.js用来生成基于用户自定义数据上的web 热图，内嵌html5 画布元素。2) Jqapi和其他 jQuery 开发者一样，我花费了很多时间在查找文档上面。jQAPI 这个网站提供

2012-09-25 10:03:22 436

转载经典网页设计：30个独具匠心的单页网站设计案例

经典网页设计系列继续给大家带来精彩文章，这篇文章向分享30个优秀的单页网站设计案例。如果网站的内容不是很多而且将来也不怎么增加的话，那么制作成单页网站的形式是一种很好的选择。这种只有一个页面的网站形式曾经非常流行，现在依然有很多人喜欢。如果你也想制作一个这样的网站，那么下面收集的30个漂亮的单页网站设计作品相信能够帮助你找到灵感。rekupe red-monkeys

2012-09-25 09:55:58 938

转载网页素材大宝库：20套精美的清爽风格图标素材

图标用于向用户传递信息，不管是在网页还是 Web 应用程序中都非常需要。这些小小的图标元素能够告诉用户怎么到下一页，如何添加、删除和取消等等各种操作。设计精美的图标不仅能增加界面的美观，也能够让应用程序更加易用。下面收集了20套精美 Web 应用程序图标可以免费下载使用，相信你会喜欢！（温馨提示：点击图片即可下载图标素材）Free Icons Free 16px icons

2012-09-25 09:54:49 1355

转载推荐网页设计师和开发人员使用的10个云应用

在过去的一到两年中云计算技术和应用成了互联网解决问题的一个重要解决方案，基于云的存储，计算和协作应用程序日益增多，使日常生活更简单，更方便。特别是网页设计师都大大受益于基于云应用程序的设计，修改和调试布局的。当云应用渗入到各行业业为网络工作者提高了工作效率和生产力，它就变得非常有必要了这里有10个高超的可以使用云服务，每个设计师都可以使用，使每天的工作更顺利。Codeanywherec

2012-09-17 16:06:24 1297

转载【特别推荐】十个拥有丰富 UI 组件的 JavaScript 开发框架

如今，网上有各种各样的 JavaScript 框架用来简化 Web 应用开发。这些框架都提供了一些核心的特性，例如 DOM 操作，动画，事件处理以及 Ajax 交互，但不是都带有 UI 组件。今天这篇文章向大家推荐的10个JavaScript 框架提供了丰富的 Web UI 组件，帮助你构建一致，可靠以及高度交互的漂亮用户界面。ExtJS　　ExtJS 是最流行的 JavaScript

2012-09-17 16:03:51 1138

转载横竖屏切换中的界面设计与体验提升

之前一周朦朦胧胧的过掉了，想来也没什么可回忆的。这是一种不坏的状态，就像每天早上莫名的空洞，它们都代表着生活和工作里至少还没有很坏很衰的事情让人焦虑。有吗？也许只是在哄骗和宽慰自己。杂志一般的小译文一篇，适合这样的下午做一做，适合这样的周末读一读。走着。眼下，智能移动设备内置的加速计的主要作用，就是根据设备的定向方式来决定屏幕的显示模式，也就是在横屏或竖屏模式之间进行切换。这种功能使用户通

2012-09-17 16:01:25 488

转载优秀的用户体验设计师应该做好的五件事

谁都会画线框图。当我(英文原文作者)的朋友们谈到自己的产品idea时，我会鼓励他们拿起纸和笔，通过草图来交流想法。他们觉得这种做法很棒，可以帮他们把头脑中的想法落实到实际当中。真正的用户体验设计师并不是由画线框图的能力所造就的，更重要的是，他们懂得怎样处理回馈信息，怎样验证想法，他们懂得做调研和迭代。他们知道草图和线框原型只是整个设计流程当中的一小部分，它们是调研工作的结论产出，是用来做沟通的

2012-09-17 16:00:07 656

转载国外创意网站设计：40个精美的水平滚动网站作品

我们平常见到的网站基本上都是垂直滚动，那么水平滚动的网站是怎么样的滚动形式呢？下面向大家展示40个创意的水平滚动网站作品，这些网站使用了 jQuery等优秀的 JavaScript 库来实现平滑的水平滚动动画效果，相信这些优秀的网站作品一定能带给你不一样的浏览体验。 1. Asiance2. Vanity Claire3. Pigs Potter4. B

2012-09-17 15:58:27 692

转载分享35套很不错的抽象纹理背景素材

背景图案对网页设计师来说非常有用，因为漂亮的纹理可以让你的网站看起来更加优雅时髦，从而脱颖而出。选择的背景图案应该和网站整体的设计搭配，不能太花哨了。今天，本文与大家分享35套很不错的抽象纹理背景素材，喜欢朋友记得收藏起来哦。原文地址：http://www.cnblogs.com/lhb25/archive/2011

2012-09-14 09:52:01 772

转载网页素材大宝库：25套高质量的网站纹理背景图片素材

对于设计师来说，高质量的网站纹理背景图片是非常有价值的素材。在网上能搜索到各种眼花缭乱的纹理背景资源，但是要为网站选择合适的高质量背景还是非常困难的。下面分享向大家分享25套免费的高质量网站纹理背景图片素材，赶紧为你的网站换上，让你的网站带给访客不一样的感觉吧。

2012-09-14 09:50:47 2105

转载负距离-相互影响的迭代过程

负距离指的是换位思考前言(抛出问题): …………………………………………………………………………………………………………………………………………………….产品经理把握功能功能-指事物或方法所发挥的有利作用 .比如实用性,操作性。设计师主导品相品相-用来表示收藏品的完好程度. 但我个人喜欢拿来这个词比作对美感的追求。一个实,一

2012-09-14 09:48:49 549

转载复杂性和用户体验[译]

【译者按】每一个交互设计师应该都怀有一颗追求简单的心——轻盈的操作，简易的流程，干净的界面。每每提及复杂性，必然会想到其对立面——简单。所谓简单，就是要去除不必要的干扰，让用户直达目标。 UX的使命之一就是：将复杂的流程简单化。其间，纠结一个Button的摆放、大小、颜色，又或者研究各类用户群体的“脾气”。让简单变复杂，这很简单。但让复杂变简单，变非常简单，这就是创造力。

2012-09-14 09:41:18 506

转载推荐40个简单的 jQuery 导航插件和教程【下篇】

在这篇文章中，我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分，能够帮助用户找到他们想要的内容，因此导航设计的好坏决定了用户能够在你的网站停留更长的时间，浏览更多的内容。在下面的集合中，你会发现很多便利的 jQuery 导航插件和有用的教程，帮助你实现充满吸引力的网站导航，让你网站更有组织性和交互性。 Creating CSS3 Dropdown Me

2012-09-11 10:54:13 433

转载 2012年最新75款免费的专业英文字体下载【下篇】

时尚的字体能够增加页面设计的美观，有助于更方便的表达信息。这篇文章收集了75款专业的英文字体分享给大家，可以免费下载使用，特别适合网页设计师和平面设计师。如果你正在寻找免费漂亮的专业英文字体，那么下面这份清单正是为你准备的。 51. Sofia Pro 52. Poly 53. Jenna Sue 54. Great Vibes

2012-09-11 10:53:06 588

转载 45个纯 CSS 实现的精美边框效果【附源码】

确实觉得很好，但是粘贴不过来，所以把连接分享给大家了。45个纯 CSS 实现的精美边框效果【附源码】【上篇】地址：http://www.cnblogs.com/lhb25/archive/2012/08/29/css-border-and-box-effect-a.html45个纯 CSS 实现的精美边框效果【附在线演示和源码】【下篇】地址：http://www.c

2012-09-11 10:51:33 4017

转载网页设计精粹：网页中那些迷人的按钮设计

按钮是网页最重要的组成元素之一，是用户和网站进行交互的重要桥梁。要设计出优秀的按钮是一件非常困难的事情，因为设计师们需要从整体设计的角度考虑按钮设计成什么样的风格才能和页面的其它部分很好的融合，同时按钮的设计要操持风格的一致性。下面和大家分享网页中20个迷人的按钮设计案例，一起欣赏。Radio fm buttonsModal Pop-upWood SwitchF

2012-09-11 10:44:14 1146

转载推荐几份能够帮助你学习 CSS3 的实用帮助手册

今天这篇文章向大家分享几份对学习 CSS3 非常有帮助的手册，大家记得收藏起来。CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写JavaScript 才能实现的效果，如今只需要简单的写几句CSS3 代码就能实现。 CSS3 Click Chart演示 CSS3 特性的示例代码以及浏览器支持情况的详

2012-09-11 10:42:21 348

转载用JS判断IE版本的代码超管用！

方法一： function getIE() { if(navigator.appName == "Microsoft Internet Explorer") { if(navigator.appVersion.match(/7./i)=='7.') { //是IE7，不跳转 } else { //不是，跳转 location.href='http://127.0.0.1';

2012-09-10 16:10:00 1831

转载浅谈情感化设计

上个月在淘宝UED奶茶会分享的主题。把它整理成文字，分享给大家。一、何为情感情感是人对外界事物作用于自身时的一种生理的反应。是由需要和期望决定的。当这种需求和期望得到满足时会产生愉快、喜爱的情感，反之，苦恼、厌恶。二、何为情感化设计情感化的设计只是一种创意工具,表达和发挥设计师的思想和设计目的,随着时代的发展,这种创意工具将变得日益锐利

2012-09-10 15:28:09 1229

转载 23个有意思的HTML5和CSS3网站

随着互联网的发展，HTML5逐渐成为互联网的一种核心语言，并且形成一种趋势，越来越多的网站采用HTML5和CSS3技术制作网站，在这里给大家分享23个很有意思的HTML5和CSS3网站。Web For FreaksBent the BodyguardSeamcoLV GraphicDigital HandsRobedwardsHello Imto

2012-09-06 16:42:33 1106

转载【交互探讨：以用户场景和产品需求导向的设计】

作为交互设计师，我觉得有几个发展阶段：初入这个领域，大部份人可能更多精力放在如何使用工具、如何画线框图、如何将想法变为实际可见的Demo；再往下一个阶段的设计师，可能会考虑线框图怎样做得更加合理、怎样可以有更棒的交互效果、关注任务流程和信息结构的设计以及可用性原则；再到一个更高层次，我觉得需要设计师在前两个层次的基础上去前置产品，深刻理解产品需求

2012-09-06 16:35:22 865

转载推荐40款强大的 jQuery 导航插件和教程【上篇】

在这篇文章中，我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分，能够帮助用户找到他们想要的内容，因此导航设计的好坏决定了用户能够在你的网站停留更长的时间，浏览更多的内容。在下面的集合中，你会发现很多便利的 jQuery 导航插件和有用的教程，帮助你实现充满吸引力的网站导航，让你网站更有组织性和交互性。 A Stylish Navigation Menu

2012-09-06 16:32:32 599

转载【特别推荐】32套精美的免费 PSD 网页界面设计素材

网页界面设计是一件很花时间和精力的工作，如果有现成的界面设计模板可以使用，那将会有事半功倍的效果。网上的设计素材资源玲琅满目，要找到精美的素材也不是那么容易的。因此，这篇文章精心挑选32套精美的 PSD 网页界面素材分享给大家，可以免费下载使用，希望这些免费的 PSD 网页界面素材能帮助到您。 Transparent Ui Kit Crito UI Orange U

2012-09-06 16:30:48 953

转载 2012最新75款好看的英文字体免费下载【中篇】

时尚的字体能够增加页面设计的美观，有助于更方便的表达信息。这篇文章收集了75款专业的英文字体分享给大家，可以免费下载使用，特别适合网页设计师和平面设计师。如果你正在寻找免费漂亮的专业英文字体，那么下面这份清单正是为你准备的。 26. LUCREZIA 43. Valentina 27. Sablon 28. INNERCITY

2012-09-06 16:27:46 659

转载 BANNER的故事

Banner设计可以说是我日常工作中最主要的一块需求，banner不比大型项目，从设计成本上来讲不可能给太多的时间给设计师，所以这也引发了我对如何更有效率地完成一个banner的思考。我觉得构成banner的重点主要有三个方面，即风格，排版以及配色。我个人的习惯是先定风格，再做大致的排版和配色，然后根据整体再来调整，最后再优化细节。下面我就根据自己的一些经验从从这3个方面展开来讲一下(视

2012-09-05 17:15:31 383

转载页面导航设计的快速验证方法

著名的格林童话故事里面汉赛尔和格莱特知道后母想要在深林里面丢掉他们的计划，将面包屑撒在来时的路上，虽然当月亮升起时，面包屑被鸟吃掉了，但是现在的互联网设计师们从这个故事中找到了灵感，设计出不会被鸟吃掉的固定“面包屑”。图1:互联网上各种各样的面包屑汉赛尔和格莱特为了在森林中找到回家的路，撒下了面包屑，这是一种导航方式，如果没有被鸟吃掉，无论走到森林的任何地方都可以知道如何从当前的位置走回家

2012-09-05 11:34:23 582

设计师的法宝-网站

空空如也