06 2010 档案

Web 设计师的 50 个超便利工具（上）
摘要：作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在，这是第一部分。LaunchList站点发布前的工作清单，预设了28个需要检查的事项，也可以自定义。同类工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。Pencil Project: Sketching and Prototyping wit 阅读全文
posted @ 2010-06-30 19:28 mytec 阅读(111) 评论(0) 推荐(0)
一个网站的金字塔战略
摘要：在这个由 Twitter, Facebook 等等社会网络主导 Web 的世界，我们似乎忘记了一个网站的使命，内容与用户体验，越来越多的人醉心与同社会网络周旋，却忘记了内容，用户体验这些最基础，最本质的东西。本文讲述的是一个网站所应该拥有的金字塔结构。Web 金字塔结构内容让我们从金字塔的底层，内容开始，“内容为王”虽说是陈词滥调，却是颠扑不破的真理，你的站点可以有很好的广告投放，有大量 Twitter 追随者，有最酷的设计，然而，假如没有好的内容，一切都不会长久。精彩的内容是带动这一切的根源，是最好的开端，如果你拥有独特的，吸引人的，为用户而编写的内容，你就拥有了坚实的基础。关于内容，你不妨 阅读全文
posted @ 2010-06-28 19:10 mytec 阅读(190) 评论(0) 推荐(0)
你从没见过的 HTML5 动画效果
摘要：HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。Tunnelers纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。The Mesmerizer在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。Burn 在页面上移动鼠标，或按下鼠 阅读全文
posted @ 2010-06-26 11:56 mytec 阅读(155) 评论(0) 推荐(0)
Web 开发与设计语言大盘点
摘要：在这个 Web 的时代，与 Web 相关的开发技术持续热门，从前端到后端，从标记语言到开发语言，各种技术交相辉映，沉沉浮浮，作为开发者，尤其是初级开发者，如何选择几门适合自己的开发语言尤为重要。本文是对所有 Web 相关开发语言的一次盘点，并指出其中最有前途的开发与设计语言。无穷尽的选择在 Web 开发与设计领域，我们有太多的选择，HTML 还是 XHTML, RSS 还是 Atom, PHP 还是 ASP.NET, SVG 还是 VML, JavaScript 还是 VBS？这样的对决还可以列出很多，然而，它们往往没有固定答案，取决于个人嗜好，在你对各种语言和技术彻底了解之前，你自己也未必有 阅读全文
posted @ 2010-06-23 12:56 mytec 阅读(185) 评论(0) 推荐(0)
纯 CSS3 实现的 Twitter 图画
摘要：上过 Twitter 的人都知道下面的这幅图片，这是 Twitter 的出错画面。一位叫 Steve Dennis 的新西兰 Web 前端设计师，使用纯 CSS 生成了这幅画面，甚至，假如你使用基于 Webkit 的浏览器（Safari 或 Chrome），画面还可以动，不过，对 IE 浏览器，生成的效果还差强人意。作者的灵感来自 Twitter 的一次宕机，当 Twitter 页面上出现这个画面，他突发奇想，希望用 CSS 生成一幅同样的图画，并加上动画效果。如何实现事实上很不容易，纯手工编码，不断的试验与失败。曲线使用 CSS 的圆角功能，复杂线条则使用容器遮罩，花了一个周末，很有趣，但不 阅读全文
posted @ 2010-06-22 11:30 mytec 阅读(162) 评论(0) 推荐(0)
Google 产品速查手册大全
摘要：我们每天使用的工具与服务中，至少有一款来自 Google，不管是搜索，还是电子邮件，还是在线文档或是其它（虽然它们中的大部分在长城的另一边）。这么多产品，功能，快捷键很不容易记住，本文搜集了11款备受欢迎的 Google 产品的速查手册，可以帮助你更好地使用这些工具与服务。Gmail Shortcuts (Gmail 快捷键)Google Reader Keyboard Shortcuts （Google Reader 快捷键）Google Calculator Cheat Sheet （Google 计算器命令速查表）Keyboard shortcuts for Google Present 阅读全文
posted @ 2010-06-21 07:05 mytec 阅读(141) 评论(0) 推荐(0)
关于 HTML5 应用现状与前景的思考
摘要：现在的 HTML5 就像当年崭露头角时的 Ajax，有人在做，但不知道叫它什么。最近，苹果在 HTML5 上大做文章，而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师，本文是他对 HTML5 应用现状与前景的思考。术语首先说说 HTML5 应用中的几个定义。HTML5HTML5 最好的定义来自 Mark Pilgrim 的 Dive Into HTML5："HTML5 是继 HTML4.01，XHTML 1.0/1.1 之后的下一代 HTML"值得一提的是，我们或许能看到 阅读全文
posted @ 2010-06-20 07:15 mytec 阅读(240) 评论(0) 推荐(0)
10 个强大的开源 Web 流量分析工具
摘要：Web 流量分析工具多不胜数，从 WebTrends 这样专业而昂贵的，到 Google Analytics 这样强大而免费的，从需要在服务器端单独部署的，到可以从前端集成的，不一而足。本文收集并介绍了10个功能强大的开源 Web 流量分析工具，因为是开源的，因此可以免费部署到你的网站。TraceWatchTraceWatch 是一个开源 Web 流量分析程序，支持实时分析，可以提供深度分析报告。 SlimStat基于 PHP-MySQL，同时，可以像 Google Analytics 那样，通过 JavaScript 或 PHP 脚本集成到网站。Piwik 可以生成站点的详细的实时访问报告， 阅读全文
posted @ 2010-06-17 16:13 mytec 阅读(701) 评论(0) 推荐(0)
关于用户体验，我们常犯的9个错误
摘要：Web 用户体验大师 Jacob Nielsen 说过，“一个烂网站就像一个性情乖戾的推销员”，这样的推销员不仅无法说服顾客，而且让人生厌，就网站而言，再也没有什么比蹩脚的用户体验更让人沮丧的了。本文讲述了 Web 设计与开发中常犯的 9 个用户体验错误以及它们的解决方法。1. 难以找到你感兴趣的内容下面这些知名站点不仅设计陈旧，而且易用性不佳irs.govboink.comreddit.com为什么不用更有意义的表单名字?那几个旋转的骨牌原来是导航...reddit.com，我喜欢它的概念，但内容太令人受伤。我们常常在从一个网站查找内容的时候发现困难重重，比如那些政府站点，既然我们都知道内容 阅读全文
posted @ 2010-06-16 12:47 mytec 阅读(168) 评论(0) 推荐(0)
IE6 很邪恶，但我爱它的盒子模型
摘要：盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。盒子模型下图就是一个典型的盒子模型示意图在内容区外面，依次围绕着 padding 区，border 区，margin 区，这一模型结构在所有主流浏览器都是一致的。通过盒子模型，我们可以为我们的内容设置边界，留白以及边距，盒子模型最典型的应用是这样：我们有一段内容，可以为这段内容设置一个边框，为了让内容不至于紧挨着边框，可以设置 阅读全文
posted @ 2010-06-12 12:02 mytec 阅读(127) 评论(0) 推荐(0)
W3C 验证的是是非非
摘要：W3C 验证让很多 Web 设计与开发者感到纠结，在自己的网页上放置一个验证按钮，点击以后，当看到 W3C 为你给出的全部是绿色对勾的时候，满足感油然而生，然而对这种机器验证的过度依赖往往带来另外的问题，本文讲述的是 W3C 验证中的一些是与非。W3C Web 验证的现状必须明白，所有有生命的东西必须在机械与常识之间取得平衡，虽然 Web 标准如今被奉为圭皋，然而那些用来对你的代码进行验证的工具并不代表最好的判断。下面的代码或许通不过验证，但在没有更好的替代方法之前是可以接受的。那些不遵守代码验证的站点我们可以对 Alexa 排名前 100 的站点进行 W3C 验证测试，会发现，大量的站点根本 阅读全文
posted @ 2010-06-11 09:37 mytec 阅读(160) 评论(0) 推荐(0)
编写跨浏览器兼容的 CSS 代码的金科玉律
摘要：作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。理解 CSS 盒子模型如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特定条件下的 IE 浏览器。CSS 盒子模型负责处理以下事情:一个 blcok （区块）级对象占据多大的空间该对象的边界，留白盒子的尺寸盒子与页面其它元素 阅读全文
posted @ 2010-06-09 07:48 mytec 阅读(136) 评论(0) 推荐(0)
我为什么卖掉了 Zappos
摘要：Tony Hsieh (谢家华) 一手创办了著名的电子商务网站 Zappos，然而，他却在 Zappos 如日中天的时候，将它卖给了 Amazon，到底是什么原因使 Tony Hsieh 做出这一决定，本文是 Zappos 创始人 Tony Shieh 的新书《Delivering Happiness: A Path to Profits, Passion, and Purpose》的节选。 Amazon.com 第一次试图收购 Zappos 的时候，我们想都没想就拒绝了那是2005年夏天，我已经向 Zappos 倾注了5年心血和全部积蓄，最后总算走上正规。Zappos 在线销售鞋类和服饰，我 阅读全文
posted @ 2010-06-08 07:24 mytec 阅读(263) 评论(0) 推荐(0)
iPhone 与 Android 的发展现状全对比
摘要：2010年第一季度 Nielsen 的调查数据显示，所有用户的移动设备中，智能手机所占的比例已经由09年第二季度的 16% 上升到 23%，这标志着以互联网为中心的移动应用已经越来越受到人们的认可，而作为智能手机最受人关注的两大平台 iPhone 和 Andriod，各自的现状又是什么？本文将就此做一阐述。智能手机发展势头各智能手机平台市场份额在所有智能手机平台中，最受关注的是 Apple iPhone 和 Google Android，09年4季度，到10年1季度，二者的市场份额分别上涨2%，而智能手机的领头羊 Blackberry 则下降 2% 至 35%，微软的 Windows Mobi 阅读全文
posted @ 2010-06-06 15:34 mytec 阅读(241) 评论(0) 推荐(0)
Smokescreen 计划: 用 HTML5 实现 Flash
摘要：一个叫 Chris Smoak 的程序员，最近发起一个使用 JavaScript/HTML5 实现 Flash 功能的开源项目，Smokescreen，可以将 Flash 动画转换为纯 HTML5 + JavaScript，以便脱离 Flash 插件，直接在浏览器中实现 Flash 风格的动画。这里有一些很漂亮的演示。关于这项技术，一个叫 Simon Willison 的程序员，在他的博客中做了很好的剖析：SmokeScreen 完全在浏览器中运行，读取 SWF 二进制文件，解压缩（而且使用本地 JavaScript 解压缩！），从中抽取图像与内嵌的音频，将它们转换为 Base64 编码的数据 阅读全文
posted @ 2010-06-03 13:50 mytec 阅读(167) 评论(0) 推荐(0)
跨浏览器测试资源大全
摘要：我们生活在一个幸福又痛苦的时代，有太多的浏览器可以使用，对 Web 开发与设计者而言，你有义务保证你的设计兼容所有主流浏览器。然而跨浏览器测试是件相当复杂的事，涉及不同的浏览器，不同的版本，不同的平台。本文介绍了与跨浏览器兼容测试有关的大量资源。在线测试资源Browsershots是一个备受欢迎的免费在线跨浏览器测试工具，包含各种平台的各种浏览器，会为你的网站截图，因为太受欢迎，所以要排队。Netrenderer针对不同版本的 IE 进行测试，甚至即将包含 IE9。Browsrcamp免费版支持 Mac 上的 Safari 3.1.2 测试，收费版本包括更多 Mac 浏览器。Adobe Bro 阅读全文
posted @ 2010-06-02 08:34 mytec 阅读(165) 评论(0) 推荐(0)
国外著名博客 Gizmodo 博主 Brian Lam 访谈录
摘要：一个月前，苹果下一代 iPhone 设计被泄露的闹剧让 Gizmodo.com 名声大振，Gizmodo 因此上了“早安美国”和 “The Daily Show”。Gizmodo 的博主 Brian Lam 也因此被公众所关注，甚至惹上官司。本文是纽约市报的 NICK BILTON 对 Brian Lam 的访谈。Nick Bilton: 你是如何投身技术博客领域的？Brian Lam: 我曾经在一家拳击俱乐部工作，认识了一个在一家技术杂志工作的人，因为对拳击失去了兴趣，就希望去他那工作。你在拳击俱乐部做什么?拖地板，做一些初级的培训。你曾想吃拳击这碗饭吗?没有，那是互联网泡沫那几年，找份工作 阅读全文
posted @ 2010-06-01 05:50 mytec 阅读(264) 评论(0) 推荐(0)