随笔分类 - 前端文摘
前端文摘
摘要：其实这篇文章不是这里的，只是，后台很傻B地进不了了。也不知道是什么乱七八糟的问题。先写在这里，当做这么久没更新的偷懒好了。（而且，挑出来的这些都是精华呢!），大家各取所需吧：1. 默认Web字体样式 & 再谈 Web 默认字体这两篇文章是要联一起看的，总的来说，前者的精华在两句话（行高：1.5倍中的第2点和第3点），而玉伯的文章，在秦歌的文章后看，相信可以让你更好地知道如何选择排版中的字体。2. jquery、prototype、mootools、YUI的继承的实现继承、原型，两个难搞的东西，看看这些天才们是怎么来解决的。看看作者的理解和你的理解是不是一致的。3. Pixel Perfect
阅读全文
摘要：在线地图已经是很平常的应用，Google Map 甚至可以用作驾驶导航仪，然而，这些应用的实现涉及到千丝万缕的艰辛工作，仅仅是定位你现在的位置，就有很多技术，有幸的是，如今在你的 Web 站点中，你可以通过短短的几行代码，获得一个用户的地理位置，本文介绍的是用在 Web 中的各种地理定位技术。通过 IP 地址获得用户的地理位置信息互联网不过是一个巨大的网络，上面的每一台电脑对应一个 IP 地址，通过这个 IP 地址，可以知道这个用户在什么位置，我们可以通过查询Maxmind GeoIP 数据库获得，Maxmind 还提供了一个JavaScript 接口让你在网站上实现这一功能。这个方法（演示）
阅读全文
摘要：作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在，这是第一部分。LaunchList站点发布前的工作清单，预设了28个需要检查的事项，也可以自定义。同类工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。Pencil Project: Sketching and Prototyping wit
阅读全文
摘要：在这个 Web 的时代，与 Web 相关的开发技术持续热门，从前端到后端，从标记语言到开发语言，各种技术交相辉映，沉沉浮浮，作为开发者，尤其是初级开发者，如何选择几门适合自己的开发语言尤为重要。本文是对所有 Web 相关开发语言的一次盘点，并指出其中最有前途的开发与设计语言。无穷尽的选择在 Web 开发与设计领域，我们有太多的选择，HTML 还是 XHTML, RSS 还是 Atom, PHP 还是 ASP.NET, SVG 还是 VML, JavaScript 还是 VBS？这样的对决还可以列出很多，然而，它们往往没有固定答案，取决于个人嗜好，在你对各种语言和技术彻底了解之前，你自己也未必有
阅读全文
摘要：作为网页前端工作人员，IETester这样的软件，一直想神一样的存在着，见面没有办法想象没有IETester将如何去调试页面的 兼容性。2009-09-22日更新本日官方网站放出了最新版IETester V0.4版。IETester 0.4版本有了革命性的更新，建议用户下载最新版的。更新内容如下：IETester is now multi-processed, each tab having its own process so the main window should be more stable. 采用了多线程。每一个tab就是一个独立的线程。大大的增强了软件的健壮性。It also
阅读全文
摘要：庶几何时，HTML5 开始吸引越来越多的人的目光，尽管 W3C 表示，它的最终成熟还有很长的路，然而并不能阻止人们对它的期待。2007年，HTML5 向 W3C 标准进军，HTML5 的使命是实现富 Web 应用的本地化，脱离浏览器插件的羁绊。W3C 于 2008 年 1 月 推出 HTML5 的第一份草案，而 HTML5 标准的全部实现也许要到 2022年以后。什么是 HTML5HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本，旨在消除富 Internet 程序（RIA）对 Flash， Silverlight， JavaFX 一类浏览器
阅读全文
摘要：在 Web 空前繁荣的今天，有关 Web 设计中的各种观点很多会成为话题，有的很快达成一致，有的则一直争议下去，本文讲述 Web 设计中的 5 大经典争议，这些争议从它们诞生的那天起，就被正反两方争得不亦乐乎。争议之一：链接是否应该在新窗口打开正方:外部链接应该始终从新窗口打开，当你浏览一个站点的时候，点击了一个链接，却被带到另外一个站点，你在这个站点的会话也因此丢失，这实在令人恼怒。因此，站点内的链接可以在现有窗口打开，而站点外链接则应该在新窗口打开。反方:作为 Web 设计师，我们不该控制用户的行为，一个链接是否在新窗口打开，应该是用户自己的选择。剥夺用户的控制权，在用户的桌面上打开一堆窗
阅读全文
摘要：当时您在哪里？从 developerWorks 开始到现在已经整整十年了！您能想象如何穿透历史了解这个时期的 Web 开发过程吗？这正是现在我要做的。对于 developerWorks 之类事物的回顾，即使只是 Web 开发这一个方面，也涉及到长时间的跨度。有些信息很快就会变得过时，因为看起来很先进的技术很快就会被下一次革命所取代。还有些信息则会永垂不朽，有些理念总会不断的被提起，虽然第一次出现已经是多年以前，但直到今天仍然不会过时。我本想给出我对技术的看法以及 developerWorks 对我的影响，但后来我意识到，自己的记忆对您而言没有多少意义。那个时候，您有自己的工作，有自己的烦恼。您
阅读全文
摘要：2009年3月20日，微软向全球发布了Windows Internet Explorer 8(IE8)正式版，成为人们关注的焦点。IE8迄今最符合标准的版本，它完全支持级联样式表 (CSS) 级别 2.1，并加强了对 CSS 3、HTML 4.01 的支持，也能很好地支持 HTML 5。由于改进了对这些 HTML 元素的支持，Web 开发人员现在可以构建更具表现力和可访问的 HTML 标记。本文将探讨对IE8中关于 HTML 和 CSS 支持行为的更改，以及这些更改如何影响 Web 开发人员。HTML改进为了帮助开发人员充分利用 HTML 4.01 提供的元素和更好地解释 Web 开发人员期望
阅读全文
摘要：从第一个商业浏览器 Netscape 算起，到2009年10月13日，浏览器已经度过了15年历史。我们在上一篇有关浏览器的历史的文章（浏览器20年图说简史）中提到 Tim Berners-Lee 和他设计的 WorldWideWeb 浏览器，本文从 Netscape 算起是因为 Netscape 是第一个让 Web 变得家喻户晓的互联网工具，Netscape 不仅将互联网普及到大众，而且引发了多次浏览器大战以及与软件有关的多场官司。Oct. 13, 19941994年10月13日，第一个商业浏览器诞生。Mosaic Communications Corp，就是后来的 Netscape，发布了
阅读全文
摘要：自 Silverlight 1.0 发布以来，Web 开发与设计者们关于该选择 Flash 和 Silverlight 的争论便开始了，在成熟的 Flash 面前，Silverlight 面临着如何赢得市场的难题。然而 Silverlight 中包含了一些开发设计者们一直希望 Flash 能拥有的功能，诸如SEO，本文对 Flash 和 Silverlight 的技术细节进行了详尽的对比。动画功能Flash 使用基于帧的动画模式，在逐帧动画模式中，我们为每个帧创建对象并生成动画序列。比如你想让一个对象在3秒内穿过屏幕，计算一下3秒一共有多少帧，然后计算每帧需要的矩阵。不过 Flash 在实际播
阅读全文
摘要：在 Web 开发与设计中，事事亲历亲为并非好事，我们经常被告诫不要重复发明轮『子』（don't reinvent the wheel），大而全式的开发不仅是巨大的负担，而且带来更多安全隐患，你毕竟不是所有技术的行家，业界有很多优秀的第三方技术可以借用或者集成，我们必须承认，这些技术比我们自己所能设计的要好得多。本文介绍了15种可以集成到我们的 Web 站点的技术。1. RSS feeds在站点中自己设计和管理 RSS 是个巨大的负担，尤其当订阅者的暴增的时候，同时，一些文章聚合站点，如 AllTop 以及 Technorati ，也会对你的 RSS 发起自动访问，总有一天你的服务器会不堪重负而
阅读全文
摘要：传回XML 文件资料的目前状况。 基本语法 intState ＝ xmlDocument.readyState;说 明 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 1-LOADING：加载程序进行中，但文件尚未开始解析。 2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。 3-INTERACTIVE：仅对已加载的部分文件有效，在此情况下，对象模型是有效但只读的。 4-COMPLETED：文件已完全加载，代表加载成功。 范 例 alert("The readyState property is "
阅读全文
摘要：在 Web 中嵌入图形图表的技术越来越丰富，我们可以选择 JavaScript 库，CSS，Flash，Silverlight，PHP 库，服务器端的组件，也可以选择 Google Chart API 这样的 Web 服务。本文介绍了25个在 Web 中嵌入图形图表的免费资源。JS Charts (基于 JavaScript 的图表生成工具)Protovis (可视化 javaScript 图表生成工具)Visifire (基于 Silverlight 和 WPF 的开源图表组件)pChart (PHP图表类库框架)Ejschart (Javascript)XML/SWF ChartsChro
阅读全文
摘要：Cheat Sheet 一词在中文中并没有很贴切的对译，大概是考试作弊条一类的东西，这要求 Cheat Sheet 必须短小精悍又覆盖广泛，作为 Web 开发与设计师，免不了在工作时查询大量资料，某个 Web 色值，某个 JavaScript 库的核心语法，这类资料如果攒齐了，怕有半间屋子那么多，如果用 Cheet Sheet 也许几十页纸就够了，本文收集了近百份用于 Web 开发与设计的 Cheet Sheet，你会发现他们非常实用。HTML, XHTML, CSS2CSS2 Cheat Sheet 不仅是一份完整的 CSS2 速查手册，还让你了解每个属性该怎么用。预览 | 下载 （PDF）
阅读全文
摘要：关于top、clientTop、scrollTop、offsetTop等的介绍
阅读全文
摘要：VML是The Vector Markup Language(矢量可标记语言)的缩写。 什么是vml? VML相当于IE里面的画笔，能实现你所想要的图形，而且结合脚本，可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的，在我认为， VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML，其中的文本和图片可以很容易的转换，但如果是手绘制的图形在以往的IE里面就无法解释了，如果都转换成图形文件又不太现实。于是微软把Word里面的图形控件结合到IE里面，使IE也具备了绘图功能。 最初由Microsoft开发的XML词表，现在也只有IE5.0以上版本对VM
阅读全文