随笔分类 - Web
1
摘要：自娱自乐版： 1.原型设计 通过和搭档的交流，在脑海中，你便可以知道你需要做什么，你们的需求大概是什么，需要几个页面。这时，你便可以找张纸，找支笔开始框架、轮廓、布局的勾勒。这对自娱自乐是非常有效的，因为你的原型设计不需要经过众多人的评审，不需要提供给客户，不需要具体的表现出每一个链接的跳转，每一个按钮的结果。这一切只需在你原型的空白处加以简单的注释。 到这里，貌似原型已经设计完毕。 No，接下来的一步非常重要。自娱自乐的时候，约束、文档会比较欠缺，这可能会导致你所表达的想法并非和我理解的一致。这时，交流和确认就是必须的了。它不仅可以再次确认你们的共...
阅读全文
摘要：比较容易读懂，在这就不翻译了。这里总结下：图片压缩其实很简单，去掉不用的部分，选择合适的存储格式根据图片质量要求进行压缩（重点参见第二节第二段）。
Author: Susie Sahim, Web Designer and Google Doodler
Recommended skills: Basic image manipulation
When you optimize every line of code for your website, don't forget about your static content - including images. Simple imp
阅读全文
摘要：在 b3log solo 已初成型后，与88250 开始着手B3log Symphony。B3log Symphony 是一个基于 Google App Engine 的简约社区。经过2周业余时间的奋战，一个简易版的论坛诞生了。欢迎大家来内测，试玩，提出更多的宝贵意见 :-)B 3 L O G Symphnony本文是使用 B3log Solo 从 Vanessa 进行同步发布的原文地址：http://vanessa.b3log.org/B3log-Symphony-mold
阅读全文
摘要：在设计和编程之间只有薄薄的一线，当我们进入新的十年时，这条线变得越来越模糊。在Photoshop上绘制漂亮的模型就够了吗？5年以前也许如 此。在今天，普通的网络用户要求的更多。所有的东西都很漂亮，但没有实质内容，过段时间人们就会厌烦。如果你唯一的目标是用你漂亮的设计影响圈内其他设计 师，你会发现你很快就落伍了。2011年不关心漂亮，而是关心功能。新的一年甚至十年的趋势是交互设计、粘度和虚拟现实。2011年你会如何设计呢？设计师的最终目标是留住用户，而不是让人炫目。所有得到惊讶声和赞叹声的设计师都很容易被忘记。高超的设计师可以创 造出一种环境，吸引并迷住用户到不想点击"返回"
阅读全文
摘要：var 主题 = "The Time is Now for Front-End Architects"; var 前端架构师 = { 职责:{ 1: "提升网站的前端性能，保证前端应用具有跨浏览器和跨平台兼容性及可访问性", 2: "保证前端团队的编码质量，提升其工作效率", 3: "创建并完善内部所使用的前端工具和框架", 4: "定义与后端工程师合作的边界、标准化与后端程序的接口" }, 技能: { 1: "XHTML", 2: "CSS(1, 2, 3)&qu
阅读全文
摘要：懒得翻译了。将就看下 *-*
Posted by Henry Jones
Shaken Grid This theme is perfect for you if you’re in need of a gallery/portfolio website or if you just want a website with a unique grid layout that not many websites have taken full advantage of yet. “Shaken Grid” uses the jQuery Masonry plugin which “arr...
阅读全文
摘要：Last week we kicked off our “Best of 2010″ series by showing you the best free WordPress themes released in the past year. This week the focus is on fonts. There were a ton of remarkable free fonts put out in 2010, so it was very difficult picking our favorites. Nevertheless, we did it and here t...
阅读全文
摘要：虽然是很老的文章了，但是现在看来觉得还是很强悍。特此收藏。作者:its数据是抽象的，尤其是海量数据，人的大脑很难直接对大量数据进行分析并获得印象，然而从另一个角度看，数据也可以异常美丽，人们设计了很多工具，让 枯燥的数据图形化，本文介绍了50个数据图形化工具，它们以令人难以置信的方式让我们看到了数据美丽的一面。这是本文档第一部分，第二部分请参阅数据之美（上）。音乐相关Narratives 2.0将不同声轨的音乐用该系统进行分析，下面是贝多芬第五交响曲的样子。Liveplasma输入乐队，歌手，电影，演员的名字，该工具会帮你列出他们之间的关联。Tuneglue输入任何歌手或乐队的名字，点搜索，可
阅读全文
摘要：Quirks 模式是指 Web 浏览器保持向后兼容的一种技术，它可兼容只适用于旧版浏览器中的网页，从而不适用标准模式中的 W3C 严格解释和 IETF 标准。概述 web 网页的结构和外观被两中标准化语言共同描述：HTML，web 中用来设计的标记语言，它描述了网页的内容和结构；CSS，广义样式表语言，用于指定各种媒体中的页面应该如何被渲染（屏幕显示的视觉样式，当打印页面时使用的打印样式，使用屏幕阅读器阅读网页的听觉样式等）。但是，大多数旧的 Web 浏览器要么没有完全实现这些语言的规范，要么基于之前的最终标准来开发（例如：在2001年发布的用于 Macintosh 平台的 Mic...
阅读全文
摘要：Max Indelicato是一位软件开发主管和前首席软件架构师，他最近发表了一篇关于如何设计具备可伸缩性的web应用程序的文章。他提出要选择正确的部署和存储解决方案，选择可伸缩的数据存储和模式，并且使用抽象层。适合工作的工具Indelicato的第一个建议是“为工作选择正确的工具”，想要达到这个目的，就要选择下列架构解决方案中的一种：使用云部署解决方案使用可伸缩的数据存储解决方案，像MongoDB、CouchDB、Cassandra或者Redis。添加高速缓存层，像Memcached。他认为在开始开发应用程序的时候，这些解决方案并不是必须的，但是在开始时就选择可伸缩的数据存储解决方案是很明智
阅读全文
摘要：UserflyUserfly可以提供免费的网页访客动作记录服务。只需要在网页中添加一段简单的Javascript代码，就可以记录访客从打开该网页到关闭整个过程中的动作。 Userfly能够记录的内容包括鼠标的移动、点击以及键盘输入等动作。下面这个视频很好的讲解了Userfly的使用方法和主要的功能http://userfly.com免费用户每个小时记录10位用户（10个IP）的动作。Userfly也提供收费服务，除了可以记录更多的用户外，还支持身份验证和网页加密。对于网站拥有者来说，Userfly可以很方便的对用户行为进行检测和分析，通过A/B Testing等方法为网站UI/UE提供非常有价
阅读全文
摘要：Author: 李丽媛Date: 2010/6/2Email: lly219#gmail.com2 JavaScript 优化方案 2.1测试驱动开发为了编写可维护的 JavaScript，测试驱动是必不可少的。因为每个测试都起到质量反馈的作用，给后期维护和修改创建了一个安全保护网并提供了一份可执行的文档。通过测试，我们可以保证所有的功能被覆盖，也避免了重写代码后再进行测试的高昂代价。解决方案：以后的开发中使用 JsUnit 和 JSMock 进行测试驱动。 2.2框架现在已经形成部分框架，但都不够复用和抽象。并且缺少文档说明，让后期开发人员很难进行维护和使用。解决方案：对框架进行封装、抽象、
阅读全文
摘要：Author: 李丽媛Date: 2010/6/2Email: lly219#gmail.com1CSS 优化方案1.1使用CSS 优化工具a)online CSS Optimizer；b)CSS Formatter and Optimizer。解决方案：选取以上一个工具进行进行优化。1.2清理 CSS在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式 更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。a)Dust-Me selector；b)Page Speed；c)C
阅读全文
摘要：作者 Abel Avram 译者 丁雪丰Steve Huffman，Reddit的共同创始人，分享了将Reddit从一个小型Web应用程序发展为大型社交网站过程中学到的主要经验。Steve Huffman和Alexis Ohanian在2005年创建了Reddit，当时在一台机器上运行Web应用程序、应用服务器和数据库。发展至今，Reddit已经成长为每月750 万用户、2亿7千万PV的站点。Huffman在一次演讲中谈到Reddit发展过程中学到的经验，他们犯的很多错误，以及他们是如何...
阅读全文
摘要：作者 Dionysios G. Synodinos 译者 侯伯薇 发布于 2010年5月21日 下午9时38分 Akshell是一种云服务，它使用服务端的JavaScript和在线的IDE帮助开发者进行快速应用程序开发。 它还提供云托管，所以部署是即时的。 它的创建者将其描述为“web应用网络”。Akshell的核心会使用Google V8 JavaScript引擎来执行应用程序，它会将JavaScript代码编译成本地代码以提高性能。 为...
阅读全文
摘要：为了纪念逝去的JSF，淘汰的JApplet，友好的Facelets，实用的Seam，优秀的Maven，理论的UCD，经典的Java EE，再次回顾了我的毕业论文。它本来是短小精简的，但是在导师的要求下，不情愿的加了很多东西。在这里和大家分享一下。BeyondTrack 软件过程支持环境—— Web 层设计及实现目录插图目录 iii表格目录 vBeyondTrack软件过程支撑环境 —— Web 层设计及实现 11绪论 31．1研究的背景和意义 31．2国内外现状 41．3研究内容 51．3．1 Java EE 中 Web 层设计和实现 51．3．2 JSF 技术 51．3．3 JApplet
阅读全文
摘要：SEO（所搜引擎优化），在设计网页的时候也是要考虑比较多的内容，因为优化是要从基础开始做的。这样可以使网站更容易被搜索引擎“理解”，从而提高网站在搜索引擎的排名。网络上很多SEO研究人员交流认为：权重分值排列 内部链接文字：10分 标题title：10分 域名：7分 H1,H2字号标题：5分 每段首句：5分 路径或文件名：4分 相似度（关键词堆积）：4分 每句开头：1.5分 加粗或斜体：1分 文本用法(内容)：1分 title属性：1分 (注意不是title>, 是title属性, 比如a href=… t...
阅读全文
摘要：对于追求无限创意和具实验探索精神的Web设计师来讲，趋势一说可能会显得有点可笑，如果每个设计师都遵循原有的趋势，那谁还去开创新趋势？没有了新趋势，下一个轮回的时候，设计师们又去遵循什么趋势？但不管你是否属于哪一类网页设计师，你却偏偏又不得不了解和跟随这些趋势。除非你只为你自己做网站，否则如果你给客户的项目完全背离了主流的趋势，那要么就是黑马，要么就是客户觉得你无能，跟不上趋势的节奏。所以，随时关注着Web网页设计趋势是每个设计师都应该做的事儿，本文就为你奉上2010年Web网页设计趋势总结。1. 巨大的logo/标头(headers)飞出页面（Splashpages）已经非常过时了。为了给访问
阅读全文
摘要：责任编辑：覃里作者：51cto 2009-10-30 来源：IT168网站 文本Tag： IT业界 Java Web 2.0 html javascript 【IT168 评论】HTML 5是万维网核心语言的第5个主要版本，早在2004年就由网络富文本应用技术工作组(WHATWG)发起。虽然标准仍在制定之中，但有些浏览器已经能够支持一部分HTML 5的...
阅读全文
摘要：发现这个http://www.instantshift.com/上有好多有用的东东。。。share一下。Dkumar MIt’s no secret that web designers and developers love Firefox! Firefox provides an endless amount of functionality that you simply won’t find in any other modern Internet browser.One of the greatest aspects of Firefox is the ability to inst
阅读全文
1
