摘要:

  这是写给web设计者和前端开发者的教程,我们将演示如何使用Photoshop创建按钮的sprite图,然后是如何使用jQurey打造动态渐变效果。本教程分为以下三步:

Step1 - Photoshop

Step2 - HTML/CSS

Step3 - JavaScript(jQuery)

Step4 - CSS修改

阅读全文
posted @ 2010-04-21 13:28 漫凯维奇 阅读(20046) 评论(49) 编辑
摘要:

  CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则,希望这些原则能帮助您更好的书写和管理您的CSS代码:

1. 使用Reset但并非全局Reset

2. 良好的命名习惯

3. 使用代码缩写

...

13. 代码压缩

阅读全文
posted @ 2010-04-17 14:37 漫凯维奇 阅读(8338) 评论(23) 编辑
摘要:

  本教程将分步讲解如何使用JQuery和CSS打造一个炫酷动感菜单。jQuery的"write less, do more"的特性可谓是家喻户晓,即使没有很丰富JS编程经验的人,也可以通过其提供的API很快学会如何使用,本文将分三步讲解如何实现一个动态下滑菜单。

Step1 - HTML结构

Step2 - CSS样式

Step3 - JavaScript代码

阅读全文
posted @ 2010-04-15 13:47 漫凯维奇 阅读(17752) 评论(28) 编辑
摘要:

  每一个网站管理者都希望他们的网站是最好的。总有一个原因让他决定建立一个网站。但不管原因是什么,无论是出于商业目的还是为个人使用,创造一个令人印象深刻的网站始终是主要目标。

  如果您希望您的网站看起来更专业,这十个技巧可能给您很多帮助:

1. 导航是关键

2. 内容依然是王道

...

10.保持个人页面简短

阅读全文
posted @ 2010-04-01 14:18 漫凯维奇 阅读(4884) 评论(14) 编辑
摘要:

  近年来,CSS不透明算得上是一种相当流行的技术,但在跨浏览器支持上,对于开发者来说,可以说是一件令人头疼的事情。目前还没有一个通用方法,以确保透明度设置可以在目前使用的所有浏览器上有效。

  这篇汇总主要是提供一些CSS不透明的详细介绍,代码示例和解释,以实现这项有用的CSS技术在您的项目中兼容所有浏览器。

  关于CSS 透明度,有一点需要注意的是,它虽然使用了很多年,但它一直以来都不是一个标准属性。它是一种非标准技术,应该是CSS3规范的一部分。

阅读全文
posted @ 2010-03-31 13:38 漫凯维奇 阅读(20916) 评论(11) 编辑
摘要:

  现在已经是第四期WEB标准化交流会了,广州站是本期新开通的,本次交流会的话题是“页面重构合理化讨论后续”,地点是网易大厦的“沉毅”会议室,非常感谢交流会主办方提供这样一个平台给前端从业者可以共同研讨前端动态,也感谢参会的同志们,特别是主负责人林毅同志和主持人扬眉同志~

  交流会报了名后暂住在深圳,交流会是在1月30日,当日就跑回广州参会了,碰上2月1日在深圳有个面试,又到深圳阅读全文

posted @ 2010-02-03 21:29 漫凯维奇 阅读(1983) 评论(5) 编辑
摘要:

序言

在本篇文章中,我们将考察The Dung Beatles乐队网站的内容,以了解好的Web站点和网页需要包含些什么要素。

你们尚不需要去研究网站和网页的基础代码,而只需考察不同的网页,思考其中应该包括哪些要素,并思考一些关键性的问题,如一致性、可用性和可访问性。本篇文章的目录如下:

posted @ 2010-02-03 19:29 漫凯维奇 阅读(3505) 评论(6) 编辑
摘要:

  有时候在写JavaScript添加到你的网页中的时候,你将需要决定是使用已有的可用的JavaScript库还是自己写所有代码。其中每个各有优缺点,因此没有任何一种方式对每个人来说都是绝对正确的选择。你必须做出决定以这两种方法中的哪一种来写你的JavaScript,为了帮助您作出明智的决定哪个更适合你,我们将对比一下这两种方法的一些优劣。

  在过去使用JavaScript库的一个缺点是,库往往相当大,也许包括不少代码在你的个人网页实际是不怎么使用的。因此,编写自己的代码可以被认为是最能完全满足你真正需求的方法,而且没有其他比这更有效的方法了阅读全文

posted @ 2010-01-26 20:20 漫凯维奇 阅读(4524) 评论(16) 编辑
摘要:

  面试某公司的时候,面试官问到,导致浏览器崩溃的原因有哪些?愚辈不才,仅回答出了内存泄漏。其实在网页在装载的过程中,常常由于种种原因使浏览器的反映变的很慢,或造成浏览器失去响应,甚至会导致机器无法进行其他的操作。

  对于访客,如果登录您网站,浏览器就立刻崩溃,我想这对谁都是无法容忍的,对此总结了网站导致浏览器崩溃的原因:

1. 内存泄漏

2. 网页代码复杂和浏览器bug

阅读全文

posted @ 2010-01-16 14:19 漫凯维奇 阅读(11466) 评论(18) 编辑
摘要:

  如果你是一个新接触web标准这个概念并且还犹豫是否应该花时间去学习它的web开发者或者设计者,这里有一些让你去学习它的重要理由。

  对于已经使用web标准的web专业人士,当你需要很好的论据的时候这份清单可能可以派上用场,并且随意添加任何你所想到的好处。

1. 让自己看起来更专业

...

7. 让你的标记易于维护

阅读全文
posted @ 2010-01-13 19:19 漫凯维奇 阅读(2621) 评论(5) 编辑