最近,我一直在努力改进blog.spoongraphics的幕后操作,旨在推动该网站的发展,并利用WordPress2.7的新功能以及CSS3的样式规则,这些规则在火狐3.1即将发布时获得了更广泛的支持。
这是我的小的有什么新鲜事!

blog-old-sm

blog-new-sm

大的插图标题,该网站的色彩方案和总体风格已得到了广泛认可,但仍获得了新访客的好评。therefore this main styling was something I wanted to keep intact with the newer design.

subscribe

视觉上的一个主要变化是更大的内容区域允许更宽的,两栏式提要栏。By also shortening the header this allows the sidebar content to appear further up the page,并帮助将链接分为两部分。

多读

重新设计的页面元素也增加了网站的视觉兴趣,而在他们面前有点平淡,它们现在与整体设计结合得更好。

bookmark

On the post pages,the social bookmarking icons have been swapped out with the涂鸦博客图标最近发布!

beplay足球

再往下看,有一个新的搜索栏,and restyled beplay足球resources list,现在使用一些小图标来指示每个链接的含义。

评论

One of the main reasons behind the revamp was to implement the new threaded comments feature ofWordPress 2.7.现在您会注意到每条消息旁边都有一个小的回复按钮,允许用户相互响应,提供更多流畅的对话。

除了明显的视觉变化外,the site has also been completely reconstructed and recoded.我已经设法将HTTP请求减少了8个,当它乘以一天的访问量时,我肯定会有所帮助。否则,clean html code and a Strict Doctype make the site more presentable to the web design community.

font-face

我也很喜欢将一些CSS3样式应用到实践中,包括@FONT face,边框图像和边框半径。马上,@font-face is only viewable in Safari,but is a feature bundled with Firefox 3.1,对于其他浏览器,这只会退化回标准的Web字体。Border-image can be seen by those on Safari and Chrome,但它也是火狐3.1的一项功能。最后,gone is the large background image for the tooltips,现在用一个小的瓷砖背景和边界半径规则来平滑角落,对于不支持的浏览器来说,这只会降低到直角。

With jQuery already being introduced to create the tooltip effect,a few additional fancy pants features have also been included.Such things as the back to top scrolling and lightbox on a few image links make for a slightly more enjoyable browsing experience.

在Pinterest分享
There are no images.
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

Subscribe to my newsletter to be the first to hear about new posts

17 Comments

  1. 所有扎实的改进,克里斯。这是到目前为止我最喜欢的网站之一。干得真不错!

    0)
  2. 抱歉在你的池塘里撒尿,克里斯,但使用一些CSS3规则时会出现一些渲染问题。你的网站在Safari上很稳定,谷歌Chrome和FF3。But you need to address some alignment problems with IE6 and IE7.IE8没问题。提示:下载“ietester”at "my-debugbar.com/ietester".That will help you visually correct the rendering problems.I love your site and it is a "must see"每天都为我。继续努力。

    0)
    • 没问题,Ed,如果网站工作不正常,我很感激任何警告。我已经在IE6和IE7中使用了IETESTER,从布局上看,这似乎是可以的——只是IE6中的PNG问题(我还没有找到一个解决方案,不借用背景位置),以及IE7中边界半径退化为方角。

      If you could send over any screenshots of alignment problems that would be fantastic!

      0)
  3. threaded comments is one of the benefits of upgrading to the latest version of WordPress.这是我的博客需要做的事情。

    现场工作顺利,坚持下去!

    0)

Comments are now closed