JQuery 简介[转]

七月 21, 2009 作者:  
类别:jQuery

发表评论|1459 views

Query是一个优秀的javascript类库,jQuery以其简洁、快速等优点征服了众多javascript开发者。 阅读全文

如何制作一个漂亮的 CSS 按钮

七月 20, 2009 作者:  
类别:Xhtml+css

发表评论|1750 views

2007-5-9

如今 Web Application 横行,在 Web 2.0 网站的各种设计元素中,按钮是无法或缺的。如何用最简洁的 阅读全文

clearbox 中文详解

七月 19, 2009 作者:  
类别:Javascript

发表评论|1367 views

图片展示效果认识最早的是Lightbox,不过最近发现一款比Lightbox漂亮的,叫Clearbox,官方网站地 阅读全文

CSS XHTML规范化命名参考

七月 19, 2009 作者:  
类别:Xhtml+css

2 条评论|1438 views

CSS命名规则

头:header
内容:content/containe
  尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面外围控制整体布局宽度:wrapper
  左右中:left right center
  登录条:loginbar
  标志:logo
  广告:banner
  页面主体:main
  热点:hot
  新闻:news
  下载:download
  子导航:subnav
  菜单:menu
  子菜单:submenu
  搜索:search
  友情链接:friendlink
  页脚:footer
  版权:copyright
  滚动:scroll
  内容:content
  标签页:tab
  文章列表:list
  提示信息:msg
  小技巧:tips
  栏目标题:title
  加入:joinus
  指南:guild
  服务:service
  注册:regsiter
  状态:status
  投票:vote

  合作伙伴:partner

XHTML文件中id的命名
========================

(1)页面结构
  容器: container
  页头:header
  内容:content/container
  页面主体:main
  页尾:footer
  导航:nav
  侧栏:sidebar
  栏目:column
  页面外围控制整体布局宽度:wrapper
  左右中:left right center
(2)导航
  导航:nav
  主导航:mainbav
  子导航:subnav
  顶导航:topnav
  边导航:sidebar
  左导航:leftsidebar
  右导航:rightsidebar
  菜单:menu
  子菜单:submenu
  标题: title
  摘要: summary
(3)功能
  标志:logo
  广告:banner
  登陆:login
  登录条:loginbar
  注册:regsiter
  搜索:search
  功能区:shop
  标题:title
  加入:joinus
  状态:status
  按钮:btn
  滚动:scroll
  标签页:tab
  文章列表:list
  提示信息:msg
  当前的: current
  小技巧:tips
  图标: icon
  注释:note
  指南:guild
  服务:service
  热点:hot
  新闻:news
  下载:download
  投票:vote

  合作伙伴:partner
  友情链接:link
  版权:copyright

XHTML文件中class的命名
====================================

(1)颜色:使用颜色的名称或者16进制代码,如(不建议以表现来命名)
  .red { color: red; }
  .f60 { color: #f60; }
  .ff8600 { color: #ff8600; }
(2)字体大小,直接使用”font 字体大小”作为名称,如
  .font12px { font-size: 12px; }
  .font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名称,如
  .left { float:left; }
  .bottom { float:bottom; }
(4)标题栏样式,使用”类别 功能”的方式命名,如
  .barnews { }
  .barproduct { }

其它相关注意事项
=========================

  1.一律小写;
  2.尽量用英文;
  3.不加中杠和下划线;
  4.尽量不缩写,除非一看就明白的单词.
    主要的 master.css
    模块 module.css
    基本共用 base.css
    布局,版面 layout.css
    主题 themes.css
    专栏 columns.css
    文字 font.css
    表单 forms.css
    补丁 mend.css
    打印 print.css

你是一个职业的页面重构者吗?

七月 19, 2009 作者:  
类别:个人随笔

发表评论|179 views

做为一个专职的页面重构者,我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但随着 阅读全文

Web可用性设计的247条指导方针(下)

七月 19, 2009 作者:  
类别:个人随笔

发表评论|169 views

译序:
Userfocus
是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条Web可用性设计的指导方针,并把它们清晰的分为六个大类:首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布局和视觉设计、搜索可用性、 阅读全文

Web可用性设计的247条指导方针(上)

七月 19, 2009 作者:  
类别:个人随笔

发表评论|177 views

译序:
Userfocus
是英国一家专门从事网站可用性设计的咨询培训公司。它为我们分享了247条Web可用性设计的指导方针,并把它们清晰的分为六个大类:首页可用性设计、任务导向、导航和信息架构、表单和数据输入、可信度、写作和内容质量、页面布局和视觉设计、搜索可用性、 阅读全文

CSS打造评分星级效果

七月 17, 2009 作者:  
类别:Xhtml+css

1 条评论|1620 views

用纯css打造星级评分效果正在被越来越多地应用在网络中,结合ajax等技术,可以渲染出很出色的视觉效 阅读全文

不可错过的Jquery UI库(一)

七月 15, 2009 作者:  
类别:jQuery

发表评论|1281 views

jquery-tools

Jquery Tools是一组基于Jquery构建的用户界面常用组件的集合。通过使用Jquery Tools 阅读全文

2009年CSS裸奔节(CSS Naked Day )

七月 1, 2009 作者:  
类别:个人随笔

发表评论|1441 views

aa1

CSS Naked Day,也称CSS裸奔节或CSS裸奔日,2009年4月9日是第四界css裸奔节。本站也参加了这次裸奔节!

CSS裸奔节就是将这整站的css样式都去掉,这样所有的布局,颜色,背景什么的就都没有了(除非你使用table布局),只剩下html实体显示 出来,起源好像是比较无聊的 想法,就是剥去css的外衣,让大家看看你的(x)html代码是否工整,但是时至html语义被极力推崇的今日,CSS裸奔 节就给外的有意义!

CSS裸奔节的意义

不管CSS裸奔节的原始意义是什么,或许只是一个网络恶作剧,但是从第一届CSS裸奔节(2006年4月5日)开始,CSS裸奔节的意义在于:推动Web标准、提倡简洁为美、使用正确的 (x)html语义标记、良好的层次结构。

告诫大家做页面不仅仅是把还原设计稿,更不是所谓的css+div,更多的是使用正确的 (x)html语义标记、良好的层次结构。

历届CSS Naked Day的举办时间

第一届CSS裸奔节:2006年4月5日
第二届CSS裸奔节:2007年4月5日
第三届CSS裸奔节:2008年4月9日
第四届CSS裸奔节:2009年4月9日

如何加入CSS Naked Day

css naked day官方网站:http://naked.dustindiaz.com/

使用如下的PHP代码

function is_naked_day($d) {
$start = date(’U’, mktime(-12, 0, 0, 04, $d, date(’Y’)));
$end = date(’U’, mktime(36, 0, 0, 04, $d, date(’Y’)));
$z = date(’Z’) * -1;
$now = time() + $z;
if ( $now >= $start && $now <= $end ) {
return true;
}
return false;
}
?>

在你的head头文件中这样调用


< ?php
if ( is_naked_day(9) ) {
echo ‘‘;
} else {
echo ‘
‘;
}
?>

有关CSS Naked Day的插件
如果你使用的是WordPress,直接可以使用WordPress CSS Naked Day插件页面下载后启用即可.

下一页 »