博客logo更新以及相关bug的修复

其实早就有网友说我博客颜色太亮了,自己用的时候没怎么感觉到。只是发现对一个博客色彩的感觉和你上一眼看见的颜色有关。比如你浏览一个黑色调的博客然后忽然到了我的博客那自然就会有一种很亮很刺眼的感觉。

刚好以前那个logo做得太糙了,就重做了一个,颜色微深点应该对页面的色彩有所改善。博译论 同学先前说logo无链接的问题,这次也重新做好了,适合大众体验。顺带上修复了博客在IE6中footer部分错位的bug。现在老感觉自己当时写的样式不够完美,这又使我产生了重做主题的冲动。呵呵,正在酝酿中。。。

网易页面重构面试题

前一阵子在网上看见留传的一道前端的面试题。其实很早就开始做了,记得上次我做过一个山寨版的163首页。不过今天这个有点不一样:完全按照给出的 需求对原来的设计稿进行最精确的还原,还要最大限度地兼容各大浏览器。一共花了我三天的零碎时间。也学到了很多的东西。放上来和大家分享下。有兴趣的还可 以自己做试试,有什么问题欢迎留言讨论。

我自己制作完成后的效果:点击预览 代码下载

制作素材很简陋就一张美工设计好的PNG:下面是要求达到的效果

继续阅读 »

忙中偷闲写博客

真是不好意思自从换宿舍以来还没更新一篇文章.实在是受不了了,新宿舍不但环境恶劣还外带没网的情境.算是闲了两天,也没什么意思就想模仿个山寨版的网易163首页,断断续续4天搞定的,现在写点感受和大家分享一下.

其实最大的感触还是那句"当你想要做好一件事情的时候,你会发现任何事都决非你想像的那样简单".最重要的是以前写CSS,xhtml都是比较轻量级的诸如博客皮肤,主题等等,但是一个大型的门户网站的前端架构肯定比你想像的要复杂的多,而这些东西你不去实践的话你永远也不会理解.比如为了更友好的SEO你要选择用div还是p去标记一段文字.在写大型网站的xhtml结构的时候你个很小的问题都可以让你思考很长时间来取舍.

继续阅读 »

纯CSS实现图片切换效果

这几天学了点以前不知道的东西,特地放上来和大家分享一下.现在网页上面JS广告滚动条用的是越来越多了.方便漂亮是其特点,我们可以体会到JavaScript给我们带来的很多意想不到的特效.当然JS作用的还远不止这一点.兴奋之余也在思考用CSS来实现图片轮换效果,不过CSS还不能实现过渡效果,所以仅做研究吧.

看了书也搜索了资料大概思路是这样的:

1.模拟一个放映机,

2.镜头相当于一个大小固定的盒子

3.镜头后面(也就是胶片)相当于你想起换的图片

4.我们可以使用a标签锚链接的点击来实现胶片(图片)的切换

你可以先看看右面这个原理图:

 

最终效果

继续阅读 »