国外博客缩略图赏析
提升网页设计品质的七个技巧
jQuery实现图片延迟加载
CSS 圆角制作教程(转)

现在的位置: 首页

wordpress category

让WordPress主题随机显示缩略图

2010年03月8日  分类:Wordpress  8 条评论  157 次阅读 
让WordPress主题随机显示缩略图
之前本人的新作Hot News主题使用timthumb.php函数自动调整缩略图大小,并生成缓存文件,国外大部分CMS主题也都是采用此方法生成缩略图。但这一方法无法截取外链图片,这一致命弱点最终让我放弃使用timthumb.php函数。目前我使用的新版HotNews pro2.0采用比较普遍的显示缩略图的方法,添加自定义域,并通过CSS控制缩略图大小。有时文章中没有图片,也懒得特意作缩略图,虽然有默认占位图代替缩略图的位置,但文章发多了看着非常单调,也失去了缩略图吸引读者眼球的作用,于是忽随机显示默认缩略图的想法就出来了,下面请看具体的实现方法。 一般 Wordpress杂志型主题,...
阅读全文
wpplugins category

主题演示插件Wordpress Theme Demo Bar

2010年03月6日  分类:Wordpress插件  添加评论  118 次阅读 
主题演示插件Wordpress Theme Demo Bar
你是否发现一些Wordpress主题演示站上面有一个主题演示工具栏,可以自由地在不同主题间进行切换,并可以直接在演示页面下载该款主题,极大地方便了读者预览设计者的作品,这一功能正是通过Wordpress Theme Demo Bar插件实现的。 之前也用过主题演示插件Theme Switcher,但远没有这款插件方便,虽然后来又出了widget版,但功能和外观上无法与Wordpress Theme Demo Bar相比,大概由于这款插件是2009年9月份出的,所以国内罕见介绍,我也是在一个国外主题演示站看到这个工具条后,查看源代码才找到这个好东西。 这款插件自定义程度很高可以自由修改工具条样式,让工具条...
阅读全文
webdesign category

国外博客缩略图赏析

2010年03月5日  分类:Web前端  添加评论  230 次阅读 
国外博客缩略图赏析
越来越多的Wordpress主题都具备了缩略图功能,而且此类型的主题也很受欢迎,这一功能给你的博客增添了观赏性。一个没个图片只有文字的页面,很难让人读下去。但如何能让缩略图真正吸引访问者,从而有助于鼓励他们继续探索您的网站,除了自身需要具备一定图形图像软件操纵能力外,还需要非常大胆和独特的创意。欣赏一下国外博客上漂亮的缩略图,可能会给你一些启发。 Examples of Post Thumbnails A very Unique Solution on Tutorial9 Introducing, a true master at making an interesting post thumbnails, Mr David Leggett. In this case a very bold & uni...
阅读全文
uidesign category

Apple 的辅助设计元素

2010年03月5日  分类:UI设计  添加评论  81 次阅读 
Apple 的辅助设计元素
金属质感与反光,彩虹般的颜色组合,镜面反光与倒影,大量的空白背景与简约设计,大字号的产品介绍。如果你看到上述一些元素组合在一起,多半这里是 Apple Store 。 Apple 无疑是在数码产品与 IT 行业中最成功的设计公司,Apple 的设计思路影响了这一代的竞争对手、设计师以及消费者,一些设计元素(如前述)几乎成为 Apple 的第二标志。本文从一个普通消费者的角度来谈论这些帮助建立 Apple 企业形象的辅助设计元素,看看 Apple 是如何运用这些不起眼的细节吸引消费者的。 网站设计 大即是美 进入 Apple 官方网站首页,抛去网页各个模块加载速度不同不谈,一般...
阅读全文
uidesign category webdesign category

提升网页设计品质的七个技巧

2010年03月5日  分类:UI设计, Web前端  1条评论  106 次阅读 
提升网页设计品质的七个技巧
“高品质”是所有人追求的目标,在网页设计的世界中也不例外。不过何为“品质”,如何判断一项设计的品质是好还是坏?笔者恰好有一套找出网页设计中品 质焦点的方法。一旦你了解到如何判断一项高品质的设计究竟好在哪里,你就掌握了让自己的设计更趋完美的大量技巧。 接下来我会给大家列一些要点,并附上相应的例子,与大家分享我在别人的网页设计中寻找“高品质”的过程。 1、留白 在好的网页设计中我最留意的是那些对设计元素之间留白的聪明运用。留心不同内容区块之间的间距和排列方式,能让你的设计的整体感官大不一样,从 而提升设计的品质。 我觉得处理好留白的关键...
阅读全文
webdesign category

jQuery实现图片延迟加载

2010年03月4日  分类:Web前端  添加评论  124 次阅读 
jQuery实现图片延迟加载
  在浏览有些网站时,发现图片是在下拉滚动条时才加载,这是一个很不错的用户体验。这一效果是通过JavaScript 编写的 jQuery 插件实现的,它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. 有些Wordpress主题也具备了此功能。   目前我用的这个热点新闻主题由于有缩略图功能所以也试着加上看看效果如何。这里把这一...
阅读全文