Div+CSS[Web standards]
web2.0色系与经典web2.0站点配色
1 Comment »
出色的视觉效果往往是web2.0网站“俘获”用户的杀手锏。当过多的评论围绕着“web2.0风潮是一场以用户为中心的革命”兜圈子，并为web2.0层出不穷的创新性服务喝彩之时，所忽略的却是web2.0网站在UI在颜色上的集体出位，方造出在直观上web2.0网站与传统网站泾渭分明的形象。如Google的白，BlogBus的绿，豆瓣的淡雅等等，Google白象浩瀚银海，信息无所不纳；BlogBus绿如参天之树，博客盘根错节，豆瓣淡雅似书香门第，熏陶潜移默化，点滴上心头。
这里有来自logoorange.com所列举的web2.0网站的设计的主色调，对于关注2.0和设计的人员来说应该有一定参考作用
web2.0网站的设计的主色调
Color Codes Matching Chart HTML (Convert CMYK, RGB Hex)
[配色]收集20个具有代表性的web2.0网站配色
20个具有代表性的web2.0网站配色
PSDFreebee: 免费的PSD源文件特效下载网站
No Comments »
如果你正在寻找PSD格式的 logos标志, icons图标, buttons按钮等素材，那 PSDFreebee 是一个不错的地方.这是一个专门收集各种免费的PSD源文件素材的网站，里面有很多新鲜的PSD特效从你下载 ．包含 Icons, Layouts, Logo, Patterns, Video Tutorial, 等等．
收藏一份不错的DIV+CSS布局的SEO优化资料：
1 Comment »
Div+css命名规则-增强SEO
页头：header
登录条：loginBar
标志：logo
侧栏：sideBar
广告：banner
导航：nav
子导航：subNav
菜单：menu
子菜单：subMenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：regsiter
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendLink
页脚：footer
版权：copyRight
1.CSS ID 的命名
外 套： wrap
主导航： mainNav
子导航： subnav
页 脚： footer
整个页面： content
页 眉： header
页 脚： footer
商 标： label
标 题： title
主导航： mainNav（globalNav）
顶导航： topnav
边导航： sidebar
左导航： leftsideBar
右导航： rightsideBar
旗 志： logo
标 语： banner
菜单内容1： menu1Content
菜单容量： menuContainer
子菜单： submenu
边导航图标：sidebarIcon
注释： note
面包屑： breadCrumb(即页面所处位置导航提示）
容器： container
内容： content
搜索： search
登陆： login
功能区： shop(如购物车，收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写：
<– Footer –>
内容区
<– End Footer –>
3.样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
再见了Embed，一些媒体播放器的符合web标准的代码
No Comments »
由于Embed标签是Netscape的私有财产，故一直未被W3C认可，对于各种媒体文件使用Embed标签是非标准的，如何改变？Elizabeth Castro的 Bye Bye Embed 一文对于各种媒体播放器给出了很好的符合web标准的代码。
在线媒体播放–Google Video and YouTube
程序代码
<object type=”application/x-shockwave-flash” data=”1.swf” width=”400″ height=”326″ id=”VideoPlayback”>
<param name=”movie” value=”1.swf” />
<param name=”allowScriptAcess” value=”sameDomain” />
<param name=”quality” value=”best” />
<param name=”bgcolor” value=”#FFFFFF” />
<param name=”scale” value=”noScale” />
<param name=”salign” value=”TL” />
<param name=”FlashVars” value=”playerMode=embedded” />
</object>
其实就是FLASH文件的调用
Windows Media Player 文件
程序代码
<object type=”video/x-ms-wmv” data=”1.rm” width=”320″ height=”260″>
<param name=”src” value=”1.rm” />
<param name=”autostart” value=”false” />
<param name=”controller” value=”true” />
</object>
上面的代码没有Windows Media Player特有的classid，作者在IE5.5, [...]
PSD2CSS: 快速转换PSD文档为CSS网页
No Comments »
PSD2CSS可以让你在线转换你那漂亮的Photoshop设计为严格兼容CSS的网页。包括CSS缩写，层叠样式表，简单, 快速的在技术上是最好的方法来建立你的网页。要使用PSD2CSS, 只需要上传你的PSD设计，然后就可以下载到得你的CSS网页, 包含HTML文件和图像。它就是这么简单。
S-Kit:小小脚本让你的站点全面社会化
1 Comment »
什么是社会化网站? 就是具有社会化功能的网站.
什么是社会化功能? 留言, 评论, 评级, 投票,等等. 总之, 就是为网站的访客提供一个良好的在线互动体验, 让访客在你的网站里面, 点完这个还想点那个, 点完那个再点那那个, 死赖着不肯走.
这有一个非常强大且非常小巧的脚本, 它叫JS-KIT.可以让你实现轻松实现上述的这些社会化功能. 即使你是一个蠢货, 它只需要你复制粘贴所提供给你的代码到网页的相应位置即可. 甚至不需要你下载存储这个JS脚本. 所以说, 它真的很小巧. 并且, 结合它所提供的留言, 评论, 评级, 投票等脚本后, 你还可以再使用他们的导航脚本, 实现热门投票, 热门评论, 热门留言之类的列表.
很棒, 不是吗? 如果你正在寻找类似功能的脚本. 强烈推荐JS-KIT.
ColorToy 2.0 - 基于Flash的配色方案生成器
No Comments »
ColorToy 2.0是一个基于Flash的配色方案生成器, 它可以根据你输入的颜色值或随机产生一套配色方案. 你可以输入颜色RGB值或HEX值, 然后生成配色方案. 或是直接随机生成一套配色方案.
一套非常个性漂亮的Web应用按钮
No Comments »
Web应用按钮是一个标准的网页设计中的基本元素, WebResourceDepot为我们带来了一组很个性很漂亮的Web应用按钮, 该套按钮提供PSD源文件下载, 你可以很轻的修改按钮的风格样式. 另外, 该套按钮中使用的图标来源于比较出名的 famfamfam silk图标. 你也可以下载这套图标结合, 创造出更多的样式.
要下载WebResourceDepot的这套图标, 你可以进入他的页面
E2: 基于MooTool的Photo Gallery程序
No Comments »
E2是一个基于MooTool的Photo Gallery程序. 默认情况下, 它包含4种不同风格的模板展示, 你可以轻松的切换它们. 同时它还拥有自动载入缩略图等功能. 要使用它, 你需要PHP支持, 但不需要数据库. 普通版是免费的, 如果你想获得更多功能,则需要购买Pro版本. 进入E2 PHOTO GALLERY
MoreCSS: 非常特别的Javascirpt库- 用CSS来运行JS
No Comments »
MoreCss是一个很小的JavaScript库，可以让你创建各种网页效果，比如弹出效果，Tab选欺项菜单，表格并且拥有斑马风格，最特别的是，你可以在引用MoreCSS.js以后，在外部样式表里面用CSS代码的写法来定义这些效果事件。比如我们看下面这段代码:
a { target:popup; target-width:640px; target-height:640px; }
调用了morecss.js以后，上面这段代码将可以让你的链接在你一个640 × 640像素的窗口中打开。这的确让人惊喜，查看MoreCss，看看它还能实现多少特别的效果。
