摘要：
《高性能网站建设指南》这本书很不错，这几天刚刚在亚马逊上淘到的。书里面的内容不算太多，而且书籍也不算太厚，但是内容真心不错。推荐给大家。另外推荐@Fenng的一篇文章：http://dbanotes.net/web/high_performance_web_site.html 阅读全文
随笔分类 - Web前端（原创）
Maqetta Preview 2 发布，开源HTML5可视化设计工具
2011-07-29 17:30 by Rollen Holt, 947 阅读, 收藏, 编辑
摘要：
由 Dojo 基金会支持的云端 WYSIWYG 桌面及移动版 HTML5 开发工具 Maqetta 发布 了Preview 2 版本。Maqetta是由IBM推出的一个基于浏览器的开源HTML5网页编辑工具，支持Google Chrome、Mozilla Firefox 3.5+（推荐Firefox 4）和Mac Safari 5，为用户体验设计师提供了一个可见即可得的可视化编辑环境，允许用户界面设计师采用拖放的方式实现 HTML5 交互体验。Preview 2 版本新功能包括：升级移动平台发布工具：增加 Dojo 1.7 移动控件库支持，精确到像素级别匹配的设备底版，浏览器预览增加缩放支持。 阅读全文
CSS代码中的important属性的使用和说明：
2011-07-29 11:34 by Rollen Holt, 624 阅读, 收藏, 编辑
摘要：
CSS代码中的important属性的使用和说明：网站模板设计当中CSS中important是一个非常重要的属性，有时候发挥着非常大的作用，这方面的知识并不是非常多，我们看下面的文章，对它作比较感观的了解。 前几天写一些CSS代码的时候又难为我了，因为那个该死的IE6对CSS的支持是如此的差劲，以前我还没注意过，因为做的东西基本都是基于IE的，可是我这次为博客写的CSS要支持不止IE一个浏览器，可恨的是我装的Windows 7，这里面自带的是IE8浏览器，我自认为已经没有问题了，可是打开IE6，仍然出现错位，于是我决定看看IE6到底是什么情况。 我把所有的CSS块儿全部使用边框包起来，结果看到 阅读全文
超强HTML和xhtml，CSS精品学习资料下载汇总（更新至7月15日）
2011-07-27 17:33 by Rollen Holt, 2336 阅读, 收藏, 编辑
摘要：
大家可以去帖子原址：http://club.topsage.com/thread-368400-1-1.htmlHTML/CSS开发工具：最强CSS设计工具NewsGator TopStyle Pro v4.0 最新版＋序列号HttpWatch v6.0.14 Pro (附件授权文件)文本转HTML工具：Easy Text To HTML ConverterBeginning Web Programming with HTML, XHTML and CSS 第二版专业网页设计工具 Blumentals WeBuilder 2008 v9.2.0.100快速CSS编写工具 Blumentals 阅读全文
javascript继承---原型继承的例子
2011-07-27 16:08 by Rollen Holt, 513 阅读, 收藏, 编辑
摘要：
<html> <head></head> <body> <script type="text/javascript"> function Person(name){ this.name=name; } Person.prototype.getName= function(){ return this.name; } function User( name , passward){ this.passward= passward; this.name=name; } /** * 原型继承 * 每次调用new User 阅读全文
导航菜单的收集（持续跟新）
2011-07-26 18:30 by Rollen Holt, 609 阅读, 收藏, 编辑
摘要：
最近会收集一些网站页面的导航菜单。因为最近联系网页的布局，感觉css比jQuery难，哈哈。可能因人而异吧。之前把css的全部属性看了几遍，但是也仅限于看了几遍在自己刚开始写网站的页面的时候，居然不会用，呵呵。于是去互联网上下载了一写模板，前期先熟读人家的代码，然后自己改动着看一些，呵呵。最后自己实现他。感觉收获很大，对于css，本人建议，大家还是动手吧，因为这些属性，看了用处不大。 好了，不扯了。1):效果如下实现代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ww 阅读全文
自己写的页面4
2011-07-26 17:44 by Rollen Holt, 589 阅读, 收藏, 编辑
摘要：
未完成，大家可以继续扩展css代码：body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border: 0;}body{background: #192d40 url(images/bg.jpg) repeat-x ; /*实现渐变效果*/ font: "Copperplate Gothic Light"; line-height: 1.2em; width: 900px; hei 阅读全文
jQuery设计思想
2011-07-26 15:50 by Rollen Holt, 639 阅读, 收藏, 编辑
摘要：
转自博客园新闻频道 jQuery是目前使用最广泛的javascript函数库。 据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。 虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。 目前，互联网上最好的jQuery入门教材，是Rebecca Mu 阅读全文
自己写的页面3
2011-07-26 10:46 by Rollen Holt, 530 阅读, 收藏, 编辑
摘要：
html代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF- 阅读全文
自己写的页面2
2011-07-26 09:35 by Rollen Holt, 402 阅读, 收藏, 编辑
摘要：
先看看效果再说吧css代码如下：/** * Css文件 */*{ padding: 0; margin: 0;}body{ background: #fff url(images/main_bg.jpg) no-repeat; font-size: 62.5%; font-family: Georgia, "Times New Roman", Times, serif;}#headerwrapper{ width: 505px; height: 180px; margin-top: 265px; margin-left: 120px;}#header_left{ width 阅读全文
自己写的一个简单的页面
2011-07-25 19:27 by Rollen Holt, 509 阅读, 收藏, 编辑
摘要：
css代码如下：@charset "utf-8";/* CSS Document */*{ margin: 0; padding: 0;}* body{ font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height:1.6em; background: #fff url(images/bg.gif) repeat-x; color: #8E8E91;}#content{ width: 930px; margin: 25px auto;}a{ color: #EB0000; backg 阅读全文
jQuery高亮显示文本中重要的关键字
2011-07-22 12:46 by Rollen Holt, 657 阅读, 收藏, 编辑
摘要：
还是先看看效果再说吧：呵呵。不错吧。 Demo地址：http://5thirtyone.com/sandbox/samples/fadefocus/ 很绚丽的效果幺！二、实现原理 将要高亮显示的文字加上段落标记，class=”mask”的div做为遮罩层，使此遮罩层位于文字内容之上（z-index属性，使用Jquery给段落动态添加样式类。三、HTML代码<divclass="wrapper"><ulclass="entity-results"><li><aclass="d1"href=&qu 阅读全文
jQuery实现的虚拟键盘
2011-07-21 19:03 by Rollen Holt, 4733 阅读, 收藏, 编辑
摘要：
今天的收获很大呵呵，刚刚看了这个实例，用jQuery实现的虚拟键盘。先贴个图上来看看:大家也可以去官网看看：http://designshack.co.uk/tutorials/creating-a-virtual-jquery-keyboard摘录教程如下：For those of us who travel often, we often end up accessing our emails and other confidential web accounts on public computers. In such circumstances, we are completely a 阅读全文
表格展开伸缩
2011-07-21 16:36 by Rollen Holt, 1300 阅读, 收藏, 编辑
摘要：
原始点击之后：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title></title><link href=&q 阅读全文
表格的变色问题
2011-07-21 16:15 by Rollen Holt, 431 阅读, 收藏, 编辑
摘要：
起初的样式如下：选择之后的样式如下：代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title></title> 阅读全文
表格隔行变色
2011-07-21 16:11 by Rollen Holt, 459 阅读, 收藏, 编辑
摘要：
代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title></title><link href=&qu 阅读全文
最原始的表单验证
2011-07-21 16:02 by Rollen Holt, 439 阅读, 收藏, 编辑
摘要：
为了抛砖引玉，呵呵，大家懂的。其实可以直接有插件的，大家可以Google下。代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type& 阅读全文
下拉框左右选择
2011-07-21 15:52 by Rollen Holt, 536 阅读, 收藏, 编辑
摘要：
双击之后：没有实现排序，大家可以继续改进。代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content=&q 阅读全文
“全选”，“反选”功能的实现。
2011-07-21 15:24 by Rollen Holt, 928 阅读, 收藏, 编辑
摘要：
假如一开始：点击反选之后：点击全选之后：点击提交之后源代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" conte 阅读全文