利用FF插件x-ray 查看源代码
[ 5key ] Time:2007-12-14 16:12:03 Hits:205
介绍一个不错的Firefox插件 X-ray。安装地址：http://www.designmeme.com/xray/ 如果我需要查看“性感的CSS menu”图片在页面中的代码结构，右键点击并选择【x-ray】。你将可以在一个类似可视化编辑的窗口上看到页面的代码结构。就像给页面照个x光了。哈哈~这个插件用来查看别人页面代码结构是非常方便有用的。...
-
2
digg it
如何表现已点击的链接
[ 5key ] Time:2007-12-12 13:12:43 Hits:147
有位朋友抱怨说《性感的CSS Menu》一文中的链接太多，看到最后都不知道自己点过那哪些链接。而我向来不在visited上做变化。一旦文章中的链接过多，麻烦自然就来了。只是在visited上做个变色？我不大喜欢。不过早上工作中给了我一个新想法。原理很简单，就是在visited后，给链接一个标识已读的图片背景。实例地址：http://5key.net/demo/link-visited 链接部分CS...
-
0
digg it
"神奇"的有道阅读
[ 5key ] Time:2007-12-12 00:12:18 Hits:152
晚上xiaoxiao在群里说有道的rss阅读器---有道阅读。接着xiaoxiao在有道阅读里订阅自己的blog http://blog.xiaoxiao.com.cn 灵异的现象发生了... Click Here to Show/Hide Mediahttp://5key.net/ex/yodao.swfxiaoxiao估计也给郁闷了。哈哈 http://blog.xiaoxiao.com.cn...
-
2
digg it
CSS框架的利与弊（下）
[ 5key ] Time:2007-12-10 12:12:01 Hits:216
接上回《CSS框架的利与弊 上》1、你需要完全的理解整套框架每一个加入项目的人，都需要花一定的时间去完全的理解整套框架及编码规范；2、你会延续一些框架中的错误bug没人可以保证自己制定的框架是完美而没有bug的。你可能会需要时间去清理框架中的bug；3、限制开发思路框架给出大家基本的架构及开发的思路，这可能会限制你对产品开发的新思路；4、臃肿的源代码框架中可能有很大一部分代码不会经常用到，而且还会...
-
1
digg it
有趣的Unicode CSS类命名方式
[ 5key ] Time:2007-12-06 21:12:04 Hits:165
无意中发现这么一套给CSS命名的方式。不过纯属娱乐，5key还是不建议这么弄的。还是要注意语义化，大家看看就好。一个简单的结构： content 老外用Unicode来给格式了一下： ...
-
1
digg it
CSS框架的利与弊（上）
[ 5key ] Time:2007-12-05 13:12:27 Hits:188
前端时间写了一篇《利用CSS框架进行高效率的站点开发》，有不少朋友问我相关的问题。很早5key就在公司进行CSS框架的架构，也对不少朋友提出CSS框架的建议。效果是很明显的。当然，CSS框架有利也有弊，最近也看了一些相关的文章。一些感想，与大家分享。CSS框架之利：1、开发效率的提高。如果你是一个企业建站的前端开发，相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率，...
-
0
digg it
测试一下，你记得多少HTML元素
[ 5key ] Time:2007-12-02 21:12:55 Hits:169
给你五分钟。看看你能列举出多少个HTML元素。测试地址：http://www.justsayhi.com/bb/html_quiz 还有41个没有想出来。看了一下，其中大部分似乎很少用到过。参考资料：《HTML 4 Elements defined by the W3C》...
-
1
digg it
招聘 交互设计师与网页设计师
[ 5key ] Time:2007-11-26 16:11:46 Hits:194
职位：交互设计师工作职责：1、定义用户体验，使用户轻松使用产品2、向产品策划人员提出用户体验建议3、针对产品策划需求，根据用户体验的要求进行设计方案撰写，并可独立实施4、其他小型结构页面的代码实施5、与技术工程师一起工作，致力于确保按既定规格构建产品职位需求：1、3年以上的互联网产品设计经验，熟悉完整的交互设计流程2、提供近期作品4、具有设计可用性网络界面的丰富经验，优秀的设计能力和一定的演示能力...
-
1
digg it
[CSS]自适应宽度按钮
[ 5key ] Time:2007-11-20 10:11:35 Hits:193
昨天群里大家讨论到一个豆瓣上的按钮，下面这个。在这里用到了不同宽度的按钮，但是只是用到了一个图片。演示地址：http://5key.net/demo/liquid-css-menu/ 先来看张图片：原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。ok，看看代码吧。CSS:*{margin:0; padding:0;}body{padd...
-
1
digg it
chage&aska，我来了
[ 5key ] Time:2007-11-17 15:11:56 Hits:249
半个月前在网上定的票给快递弄丢了，让我郁闷了好久。不过今早在taobao花200买了两张480的票。嘿嘿。看来以后买票都等到开演的当天买好了。期待了近十年。今天终于可以现场听他们唱歌了。激动啊~~~~~19：30，上海大舞台，就在今晚！...
-
0
digg it
美化H1标签
[ 5key ] Time:2007-11-13 10:11:34 Hits:266
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，H1也就对搜索引擎失去了作用。其实通过一点小的调整则可以将两者兼顾。先来看看效果：http://5key.net/demo/h1 再来看看这段。H1的代码对搜索引擎依然可读，我们只是利用text-indent:-9...
-
1
digg it
语义化的URL转向
[ 5key ] Time:2007-11-11 21:11:14 Hits:194
提到域名缩短的工具，大家都会想到tinyurl。可惜tiny提供是一串无序的字母与数字的组合。虽然缩短的域名，但并不方便记忆。decentrul很好的解决了这个问题。它能根据你输入的描述标题生成语义化的地址。这么说不太清楚，来做个对比吧。源地址：http://5key.net/blog/article.asp?id=316 tinyurl生成地址：http://tinyurl.com/3dpd...
-
0
digg it
让URL有更好的阅读性
[ 5key ] Time:2007-11-04 16:11:38 Hits:214
记得一个月前发过一篇《性感的CSS Menus》，文章里列举了一堆相关的URL。例如这个，作者在目录的书写上用"-"进行了分词，不仅利于网站的SEO，也让URL相对利于阅读。http://www.alvit.de/css-showcase/css-galleries-tabs-navigation-showcase.php 而这个链接，本身域名比较长。再给出这样一个URL感觉会非常的乱。如果再来一...
-
1
digg it
超链接下划线的小把戏
[ 5key ] Time:2007-10-29 09:10:37 Hits:205
如果某种你看到图片中的下划线链接请不要惊讶。因为它其实很简单，你也可以做到。来这里看看实际效果 http://5key.net/demo/hyperlink-underline 首先，我们来说说这个彩色的下划线是怎么弄的。也许你已经猜到了，一张渐变的背景图片。没错！就是下面这张图片。再看看下面的css，整个链接的变化效果我想你应该已经明白了吧。如果不是太清楚。先来了解一下滑动门的概念body { ...
-
0
digg it
利用CSS框架进行高效率的站点开发 Elements
[ 5key ] Time:2007-10-25 17:10:58 Hits:369
随着公司网站的再度改版，当初在页面代码规划以及css设计方面的问题逐渐都浮现出来。由于设计当初考虑得不够全面，给站点的改版带来很多不必要的麻烦。CSS框架这个概念在这个时候显得越发的重要，也是必要！ 在去年的时候曾经说过用Dreamweaver 代码片断 提高css开发效率。其实已经是CSS框架的雏形。而国外也开始有很多的CSS Frame出现。css框架已经是我们必须研究解决的一个问题。如...
-
0
digg it
博客宠物漂流瓶-绿豆蛙
[ 5key ] Time:2007-10-25 10:10:41 Hits:874
绿豆蛙公司的一个新网站，给blog用户提供一个叫做博客宠物漂流瓶的博客插件。你免费领取绿豆蛙、粉红蛙、蓝蟹、姆鸡中的一个作为你的blog宠物，挂在你的blog上招呼来你blog上的朋友们。注册地址：http://www.piao6.net/start.php?act=join&introuid=30269其实这个博客宠物漂流瓶还有一个比较直观的作用。那就是看看瓶子里人就知道现在现在有多少人在看你的...
-
1
digg it
LBS蓝色皮肤
[ 5key ] Time:2007-10-19 10:10:35 Hits:378
记忆中做过不少蓝色的lbs皮肤，这款皮肤也只能算是以前的一些改进吧。 1、着重对文章标题部分进行重新设计 2、使用google搜索替换站内搜索 3、增加各RSS订阅 4、增加文章版权说明 5、增加同类信息搜索 6、增加随机阅读和10大热贴模块整套皮肤对lbs架构修改较大，所以提供lbs整包（除数据库与upload），不喜甚用。修改涉及到global.asp default.asp article....
-
0
digg it
无限级可刷新Js树型菜单 dTree
[ 5key ] Time:2007-10-17 09:10:27 Hits:545
Demo url：http://5key.net/demo/javascript-tree-menu Download：http://5key.net/demo/javascript-tree-menu/download.rar 无意翻出一棵03年的老JS菜单树，还不错。分享一下。 1、可设置无限级菜单 2、不必使用框架 3、可刷新，多页面内跳转不会影响菜单（IE6下好像有点问题） 4、可限级创造...
-
0
digg it
[付费评论] 叽歪de - 这一刻，你在做什么？
[ 5key ] Time:2007-10-11 20:10:53 Hits:239
叽歪de是什么？ 叽歪de其实就是现在国内众多twitter模式复制者中的其中一个。（不明白twitter是啥的可以看这里）。它诞生于2007年5月20日，北京。它是一个通过手机短信、聊天软件（QQ/MSN/GTalk/skype）和Web，进行组建好友社区并实时与朋友分享的微博客服务。" 与它同时诞生的纯twitter还有饭否、来咕拉、爱唠叨...
-
0
digg it
Photoshop精美笔刷From JavierZhX
[ 5key ] Time:2007-10-10 09:10:01 Hits:197
墨西哥设计师JavierZhx提供的一套精美Photoshop笔刷。下载地址：http://javierzhx.deviantart.com/gallery/resources/?order=9...
-
0
digg it
