摘要：
尽管人们期望在屏幕上有些改变，但是CSS和HTML对页面中的交互能做的实在太少了，而那些还需要用代码来实现。比如一个链接要么是这个颜色，要么是那个颜色；一个文本区域要么这么大，要么那么大；一张图片要么是透明的要么是不透明的；它们是从一个状态直接变到另一个状态——中间并没有过渡。 这导致大部分网页有些生硬，因为元素只会很死板的切换或改变。 是的，你可以使用DHTML、jQuery或者自己编写JS来实现过度，但是这需要更多的代码来实现本应该非常简单的功能。 我们需要的是快速而简单的方法来给页面添加简单的变换(transition)效果。在本文中，你会发现很有用的关于CSS变换(transit 阅读全文
摘要：
在线地图已经是很平常的应用，Google Map 甚至可以用作驾驶导航仪，然而，这些应用的实现涉及到千丝万缕的艰辛工作，仅仅是定位你现在的位置，就有很多技术，有幸的是，如今在你的 Web 站点中，你可以通过短短的几行代码，获得一个用户的地理位置，本文介绍的是用在 Web 中的各种地理定位技术。通过 IP 地址获得用户的地理位置信息互联网不过是一个巨大的网络，上面的每一台电脑对应一个 IP 地址，通过这个 IP 地址，可以知道这个用户在什么位置，我们可以通过查询Maxmind GeoIP 数据库获得，Maxmind 还提供了一个JavaScript 接口让你在网站上实现这一功能。这个方法（演示） 阅读全文
摘要：
说到PHP环境配置与安装，通常以Apache搭载PHP配置为主，随着PHP版本不断更新，对Windows IIS平台的支持也越来越好，在Windows IIS平台上配置安装PHP环境也越来越方便。 在完成Windows 7上搭建Apache+PHP+Mysql环境搭建后，我在Windows 7 IIS7平台上对PHP5.2和PHP5.3进行了配置安装，PHP5.3之前版本在Windows IIS平台上的PHP配置方式主要以ISAPI方式进行，而PHP5.3支持IIS以FastCgi方式运行PHP，这两个PHP5版本的配置安装还是有不小的区别，下面详细介绍ISAPI和FastCgi两种方式在 阅读全文
摘要：
这两天刚装好Windows 7，碰巧前段时间有朋友问我Windows下如何安装搭建PHP环境，所以打算勤劳下，手动一步步搭建PHP环境，暂且不使用PHP环境搭建软件了，在此详细图解在Windows 7下安装配置PHP+Apache+Mysql环境的教程，希望对PHP初学者有所帮助。 在Windows 7下进行PHP环境搭建，首先需要下载PHP代码包和Apache与Mysql的安装软件包。 PHP版本：php-5.3.2-Win32-VC6-x86，VC9是专门为IIS定制的，VC6 是为了其他WEB服务软件提供的，如 Apache。我下载的是ZIP包，下载地址 Mysql版本：mysql 阅读全文
摘要：
一直想自己搭建个人博客，看重了当前最流行的WordPress，于是开始捣鼓起PHP来。去官方网站下载的时候发现有好多版本，一时弄不清该下哪个，于是去网上搜索帮助，找到了很满意的答案，特转来和学PHP的新手分享：一、如何选择PHP5.3的VC9版本和VC6版本 VC6版本是使用Visual Studio 6编译器编译的，如果你的PHP是用Apache来架设的，那你就选择VC6版本。 VC9版本是使用Visual Studio 2008编译器编译的，如果你的PHP是用IIS来架设的，那你就选择VC9版本。二、如何选择PHP5.3的Thread Safe和Non Thread Safe版本 先从字面 阅读全文
摘要：
作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力 的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在，这是第二部分。KaleidoThis tool allows you to create meaningful visuals for code and can be used to plan, organize and navigate code in a more intuitive way.SketchpadThis application is 阅读全文
摘要：
作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在，这是第一部分。LaunchList站点发布前的工作清单，预设了28个需要检查的事项，也可以自定义。同类工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。Pencil Project: Sketching and Prototyping wit 阅读全文
摘要：
HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。Tunnelers纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。The Mesmerizer在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。Burn在页面上移动鼠标，或按下鼠标 阅读全文
摘要：
在这个 Web 的时代，与 Web 相关的开发技术持续热门，从前端到后端，从标记语言到开发语言，各种技术交相辉映，沉沉浮浮，作为开发者，尤其是初级开发者，如何选择几门适合自己的开发语言尤为重要。本文是对所有 Web 相关开发语言的一次盘点，并指出其中最有前途的开发与设计语言。无穷尽的选择在 Web 开发与设计领域，我们有太多的选择，HTML 还是 XHTML, RSS 还是 Atom, PHP 还是 ASP.NET, SVG 还是 VML, JavaScript 还是 VBS？这样的对决还可以列出很多，然而，它们往往没有固定答案，取决于个人嗜好，在你对各种语言和技术彻底了解之前，你自己也未必有 阅读全文
摘要：
Web 设计与开发师的一个重要工作环节是跨浏览器测试，谁让我们生活在这个既幸福又痛苦的时代，有那么多浏览器摆在我们面前，还有那个噩梦般总也摆脱不掉的 IE6。本文讲述了与跨浏览器测试有关的各种问题与知识，包括渲染，平台，设备以及 JavaScript 引擎。梦幻五组合IE 独霸天下的那些日子，Web 设计师不时陷入 IE 同它竞争者的口水战，然而，当一些新的，注重 Web 标准的浏览器出现时，事情... 阅读全文
摘要：
作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。理解 CSS 盒子模型如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS ... 阅读全文
摘要：
盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。盒子模型下图就是一个典型的盒子模型示意图在内容区外面，依次围绕着 padding 区，border 区，margin 区，这一模型结构在所有主流浏览器都是一致的。通过盒子模型，我们可以为我们的内容设置边界，留白以及边距，盒子模型最典型的应用是这样：我们有一段内容，可以为这段内容设置一个边框，为了让内容不至于紧挨着边框，可以设置 阅读全文
摘要：
Tap自助免费建站创立于2010年总部位于浙江杭州详情见：很棒的免费自助建站工具：Taphttp://www.webnode.com/创立于2008年1月总部在捷克共和国的布尔诺已有中文版官方博客：http://blog.webnode.com/http://www.weebly.com/创立于2006年总部位于加利福尼亚州旧金山市目前有三百万用户于2007年获得65万美元小额投资已有中文版官方博客：http://blog.weebly.com/http://www.yola.com/创立时间未知 估计也是在2006年总部原先在南非 后移至美国旧金山于2007年底获得500万美元投资暂无中文本 阅读全文
摘要：
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。LivePipeLivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。LivePipe 首页与 阅读全文
摘要：
如今，HTML5 可谓如众星捧月一般，受到许多业内巨头的青睐。且不说谷歌、苹果等业内巨头把它描绘为互联网体验的未来，即便是以不服从标准著称的微软，也向它频频示好， 决心在 Internet Explorer 9 中加入对 HTML5 的大量支持。然而，HTML5的路途真的将一帆风顺么？本文将列举了一些在HTML5发展和普及过程中需要解决的问题。 什么是HTML5？ 根据维基百科上的解释，H... 阅读全文
摘要：
作为网页前端工作人员，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 一类浏览器 阅读全文
摘要：
JavaScript 的成功让人津津乐道，为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功，这门有趣的语言蕴藏着许多不为人熟知的东西，即使多年的 JavaScript 程序员，也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。简略语句JavaScript 可以使用简略语句快速创建对象和数组，比如下面的代码：可以使用简略语句如下：对象 car 就此创建，不过需要特别注意，结束花括号前一定不要加 ";" 否则在 IE 会遇到很大麻烦。创建数组的传统方法是：使用简略语句则：另一个可以使用简略语句的地方是条件判断语句：可以简略 阅读全文
摘要：
支持 CSS3 和 HTML5 的浏览器越来越多，甚至包括最新版的 IE，当然，所谓支持仅仅是部分支持，因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。 需要指出的是，即使同一个浏览器的同一个版本，在 Mac 和 Windows 两个平台，它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome， Safari， Firefox， Opera， IE 5 大浏览器，在 Mac 和 Windows 两个平台，对 CSS3 和 HTML5 各种功能. 阅读全文
摘要：
目前，围剿 Flash 的不仅有 HTML 5，还有 JavaScript，著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅，有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效，这些效果可以更有效地展示你的内容。1. 流感导航菜单下面的导航菜单，当鼠标在上面移动的时候，会很流畅地垂下解释菜单，当你将鼠标在上面快速左右移动的时候，会怀疑这是 Flash。2. 转花灯Roundabout 是一个 jQuery 插件，可以将一组 HTML 对象转换为旋转花灯的效果。3. 拉洋片拉洋片也许是 jQuery 最拿手的效果了。该 阅读全文