"推荐一款开发工具[F5]，可在保存代码时自动刷新页面，不用手动去刷新了。 而且不限制浏览器、编辑器和操作系统，不用改变自己的使用习惯。 这里有一个视频演示：http://t.cn/aB2EAt 有兴趣可以去官网了解一下：http://getf5.com/?1138" 嗯,这对于一名前端开发者来说绝对是个好消息,可以彻底放弃Tab+Alt & F5了... 同类工具也尝试过CSS Auto Rel... [阅读全文]

一转眼，7月份就过完了。这段时间，因为某些原因，项目delay了。所以这个很多时间都是在学习技术。当然主要还是前端这一块。然后前段时间，公司来了4个实习生，我负责带其中的2个。以自己的角度去分析Web开发，然后再次和大家聊聊兴趣和工作的问题。欢迎您的加入和讨论。 至于软件开发这个行业如何分类，没有一个很好的分类准则。按照微软的MSDN分类，就是下面这个图。呵呵！当然有童鞋做游戏就会说，我们游戏开发... [阅读全文]

WEB前端研发工程师，在国内算是一个朝阳职业，这个领域没有学校的正规教育，大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程，目的是给想了解JavaScript或者是刚接触JavaScript的朋友，介绍如何通过循序渐进的看书来学习javascript。 一. 入门级 ：就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CS... [阅读全文]

梦想天空博客专注于分享 Web 开发技术、资源和教程，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和强大的 Web 开发工具。分享快乐，快乐分享，希望这些资源能帮助到您。 HTML5: 分享15款很棒的 JavaScript 开发工具 8个惊艳的JavaScript WebGL 应用实验 推荐19个很有用的 Java... [阅读全文]

我想大多数web前端的设计师架构师们都有遇到流体布局，自动调整宽度设计的问题（我想大多只要从事2年以上的都遇到过），现在我就来讲一下我经常使用的招数，供大家讨论，如果有更好的招数，请大家一定不要吝啬。代码贴出来，大家共同研究（很多出色设计师都出自国外，为什么？就是因为人家喜欢探索，取其精华去其糟泊，大家挤出来的都是精华）。 在利用流体布局的优势的同时，一定要解决这些布局给你带来的问题，因为它的宽... [阅读全文]

在这篇文章中，收集了最新20个Web设计和设计工具推荐给大家，这些工具都是免费的，不需要任何安装和更新的过程，感谢这些工具的作者为我们提供这么有用的工具。 1. X-Icon Editor X-Icon Editor 是一款帮助你在线创建高分辨率图标的在线HTML5应用程序。 2. 520 Grid System 520 Grid System 是一个 HTML/CSS 框架，适合窄网站模板制作... [阅读全文]

Web前端的起源 Web应用诞生：随着GMail、Google Map等优秀Web应用出现，Ajax在2004年之后一度成为热门话题。经过几年的发展，一批以Prototype、Dojo、Ext为首的Ajax+UI的浏览器兼容框架不断出现。UI和Web中间新增了一层以Javascript为核心，专门处理数据传输、Web交互等内容的开发层，Web前端。Web前端伴随Web应用而诞生，并逐步走来。 We... [阅读全文]

无论你是多牛的程序员，你都无论记住所有的东西。而很多时候，查找某些知识又比较费事。所以，网上有很多Cheat Sheets，翻译成小抄也好 ，速查卡也好，总之就是帮你节省 时间的。今天转一篇开发人员的速查卡，源文在这里。下面的文章我就不翻译了。 HTML Cheat Sheet HTML/XTML in _disibledevent=HTML5: The Evolution of Web St... [阅读全文]

如IE6,在他上面还不那么富饶，给程序调试带来的很大的痛苦啊，所以日志即时输出是一个不错的选择，可以知道程序覆盖到了哪里。即是在先进的浏览器上也是很有必要的，他比去调试程序来确定相应的业务代码有没有执行到也快的多也容易的多，好了，下面来给大家介绍一个我业余时间写的调试信息输出工具。 上代码： 复制代码 代码如下: (function(){ var cache = []; var el = null... [阅读全文]

本期专题主题：PHP+Ajax Google。我只是一个普通开发者，使用Ajax 的地方不是特别多，我就简单的把我使用的心得说一下。Ajax 技术在 PHP 中的简单使用（1）Ajax 技术在 PHP 中的简单使用（2）Yahoo! 率先提供出其 Y!Q 服务。这个新的服务能够使你搜索任何 Web 页面，前提是该页面的作者必须包括在他们的 Web 页面中。是服务技术实现了把相关的搜索结果呈现到读者... [阅读全文]

点评：以下是我开发时碰到的问题以及心得经验，花了些时间调试，贴出来避免大家少走弯路。 xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如?,就算能存也需要转换，比较麻烦，utf-8也符合国际规范 CSS中:hover这个伪类，如果放在:visited前面则会失效 a标签如果没有href属性，所有对它的css的伪类如:hover均失效 js文件中用do... [阅读全文]

现在问题来了，这个版块不大，更新频率却很高，每天都有十数条最新的信息上去，浏览网站的会员对于最新图书的了解和需求越来越大，因此需要对这个板块进行改良，以满足会员的需求，会员的主要要求有以下几个方面：显示该最新上架的图书的封面缩略图，该图书的名称和作者名称，以及该书部分内容的介绍和作者的简介... 这下把Ben给愁坏掉了，首页上根本就没有多余的空间，怎么来呈现封面缩略图甚至是内容简介，如果去掉别的板... [阅读全文]

为新项目写的一份规范文档, 分享给大家. 我想前端开发过程中, 无论是团队开发, 还是单兵做站, 有一份开发文档做规范, 对开发工作都是很有益的. 本文档由本人编写, 部分意见来源于网络, 以此感谢, 片面及有误的地方, 希望大家指正. 另, 本文档部分规范是为我所在项目组所写, 使用时请根据实际项目需求修改.　　以下为[WEB前端开发规范文档]正文点此查看WEB版本规范目的为提高团队协作效率, ... [阅读全文]

Web应用程序的界面设计，其核心就是网页设计，但它的重点主要是在功能方面。要超越桌面应用程序， Web应用程序必须提供简单、直观和即时响应的用户界面，让他们的用户花更少的精力和时间去完成事情。　　以前，我们并没有注意到web应用程序这个方式，但是现在是时候仔细看看一些实用的技术和设计解决方案，让Web应用更友好更漂亮。　　1、界面元素的需求　　在Web前端开发中，简单这个原则是很重要的。在任何时候... [阅读全文]

Web应用程序的界面设计，其核心就是网页设计，但它的重点主要是在功能方面。要超越桌面应用程序，Web应用程序必须提供简单、直观和即时响应的用户界面，让他们的用户花更少的精力和时间去完成事情。　　以前，我们并没有注意到Web应用程序这个方式，但是现在是时候仔细看看一些实用的技术和设计解决方案，让Web应用更友好更漂亮。　　1、界面元素的需求　　在Web前端开发中，简单这个原则是很重要的。在任何时候，... [阅读全文]

如果愿意看英文，直接看：　　Google的前端优化最佳实践　　Yahoo的前端优化最佳实践 　　High Performance Web Pages – 20 new best practices　　View more presentations from Stoyan Stefanov.　　-----------------------------------------------... [阅读全文]

新产品为了效果，做的比较炫，用了很多的图片和JS，所以前端的性能是很大的问题，分篇记录前端性能优化的一些小经验。　　第一篇：HTTP服务器　　因tomcat处理静态资源的速度比较慢，所以首先想到的就是把所有静态资源(JS,CSS,image,swf)提到单独的服务器，用更加快速的HTTP服务器，这里选择了nginx 了，nginx相比apache，更加轻量级，配置更加简单，而且nginx不仅仅是高... [阅读全文]

前言：　　转自淘宝UED；　　读完这篇　　1、思考团队的重要性；　　2、由于设计人员和制作人员的立场不同（考核也不同），导致会有这样那样的磨擦；　　3、如何协调设计、制作是管理者必须考虑的。　　作为互联网产品设计师，在和前端开发人员沟通时你是否常常会听到这样的声音：　　—— “大姐，给点专业精神好不好，这个表格是自适应的，你这样设计页面不好扩展啊…... [阅读全文]

自从接触asp.net以来，就开始接触分层开发的思想。到如今六个年头过去了，.net也从1.0升级到了4.0，正好跨越了6次重大升级。6年中，我参与过学校的教学项目小组；做过程序救火队员友情客串；到中小公司担任过主力程序员；目前自己在带队伍开发一套庞大企业信息化应用。然而，六年过去了，我始终未曾见过真正实施分层开发的队伍或者公司。或者真的有分层开发的队伍或者公司，也许是我的个人经历有限，没有遇到过... [阅读全文]

想要打造并拥有一流的Web产品开发团队，在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说，仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备，特此罗列了Web前端产品工程师所涉及的技能列表如下： 　　通过许多实际项目，个人认为一个完备的前端产品开发团队，必须拥有如下的人才配备，也希望大家补充： 　　◎ 团队全体成员达到所有技能中的a级标准 　　◎ ... [阅读全文]

Yahoo! 的 Exceptional Performance team 在 Web 前端方面作出了卓越的贡献。广为人知的优化规则也由 13 条到 14 条，再到 20 条，乃至现在的 34 条--真是与时俱进啊。最新的 34 条也针对不同的角度做了分类。面向内容的优化规则目前有 10 条。1. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests) 作为第一条，可能也是... [阅读全文]

作者: Fenng | 可以转载, 转载时务必以超链接形式标明文章原始出处和作者信息及版权声明网址: http://www.dbanotes.net/web/best_practices_for_speeding_up_your_web_site_content.htmlYahoo! 的 Exceptional Performance team 在 Web 前端方面作出了卓越的贡献。广为人知的优化... [阅读全文]

Yahoo! 的 Exceptional Performance team 在 Web 前端方面作出了卓越的贡献。广为人知的优化规则也由 13 条到 14 条，再到 20 条，乃至现在的 34 条--真是与时俱进啊。最新的 34 条也针对不同的角度做了分类。面向内容的优化规则目前有 10 条。... [阅读全文]