Clik here to view.
CSS导航菜单自动生成CSS Tab Designer
我们用CSS写网页导航菜单时不可避免得需要大量重复的写一些代码，这就影响了我们的时间是效率，那么用这个导航菜单自动生成软件可以帮助我们高效地生成各式各样的导航条而且兼容性也不错。 CSS Tab Designer操作简单，很容易上手。主界面共三列，如图： Items列为你要添加的导航条项目。点击“+”就可以添加。 Tab...
View ArticleClik here to view.
CSS实现视觉标识
视觉标识这个词挺新鲜的哈，其实很简单就像上图中箭头指出的一样：当你在网站的博客页面时会有一个橘色的标识。这个效果的最大优点就是提示用户以提高用户体验。一般来说这效果都是用JS来完成的，但如果不牵扯动态页面的话用CSS去实现它会更容易。 首先看这个导航条的核心XHTML代码： <body id="index-page"> <ul id="menu">...
View ArticleClik here to view.
精巧支付宝导航条制作教程
其实也算不上教程，也就是自己没事儿的时候做点东西然后发上来大家交流交流，希望大家不吝赐教^!^ 因为刚看过亚东的教程和这个有点相似，所以就自己琢磨了一下写了一个仅用到一小段的JS就搞定了。亚东的里面要用到JQuery。我感觉要是简单一点的东西直接上JS就行了，有大量需求时再调用库才好。 核心HTML代码如下： <div id="menu"> <div...
View ArticleClik here to view.
怎样才算是一个好博客
写博客也有两年多的时间了，从PJ到WP的确是验证了一个写独立博客的真谛：生活在于折腾。不管是做网站也好，写博客也罢要想做得好就必须一无返故的坚持折腾的原则。 今天我想总结一下在我心目中一个好博客的定位，只做参考！ 首先得说明一下，现在的博客各类很多，写博客的目的也不尽相同，我暂且放下这些问题。就什么样的博客才算是一个好博客这个问题论述。 1.有一个良好的用户界面...
View ArticleClik here to view.
新的个人主页上线啦
做这个个人主页的原因主要是为了我马上要找工作而设计的作品，刚好这一阵子比较闲就写了下了这个小主页，域名是我先前申请的shufry.com。呵呵！WPG的朋友都建议上次换成这个域名但我还是坚持了自己的看法。...
View ArticleClik here to view.
又一个仿写的页面
嗯！我承认好长时间都没做东西了，有些玩物丧志了！前两天无意中发现手机中国 。感觉整个页面效果非常好，用户体验也不错，条理清晰内容丰富。在我看来的确是一个不错的站点！ 于是就萌生了仿写的念头。说来也惭愧，我本人感觉自己没什么创新意识，做东西也是东拼西凑，马上要找工作了也没有个像样的作品。所以也就只能仿仿人家的作品了。...
View ArticleClik here to view.
设计创意就在瞬间？
关于设计的东西我是没有发表论点权利的，但是就现实中的一些东西还是可以让我们思考很多的，下面是我同一天在两个购物网站上看到的图片。相信懂的人自然懂^!^ 第一张（出自quwan.com）： 第二张（出自taobao.com）： 你能看出来两符图版的区别吗？知道就行了哈，多学习，多积累~
View Article分享一段可定制的分享代码
最近在给公司做网站的时候需要给产品页加上分享到微博的代码，本来用addthis的代码，但可定制性太差。于是就自己上网搜索了下总结出一个感觉还不错的代码。效果类似于文章下面的“收藏&分享”。 如果觉得不够的话自己去搜索链接代码，图标用的是eicodesign发布的免费图标哦。 用法： 1.复制下面的HTML代码到你的HTML文件中(最好下载，免得替换符号)： <div...
View ArticleCSS分组（多元素）选择器使用小记
从来都不要认为一件事情简单就不去仔细研究，CSS本身是比较简的但要想完全凌驾其上也不是一朝一夕的事，平常做页面时就要多做总结，积累才是学习的最好方法。 正题： 在我们写CSS时遇到两个选择器不同规则相同的情况大多会用到多元素选择器，因为这样在某种情况下会少写一条相同的规则，比如： #display-block{ display:block; } .display-block{...
View ArticleClik here to view.
前端开发利器vim
老早就听大湿们说vim是真正的程序员用的编辑器，我也是经过无数次的“使用-放弃-使用-放弃”之后，最终选择了vim这个神器。综合起来我用到的vim功能并且觉得好用的有以下几条： 1. 界面美观、轻巧、系统资源损耗小 2. 跨平台，Windows下的Gvim , Linux下的vi , Mac下的mac vim 3....
View Article
