Skip navigation.

Sign up | Lost password? | Help

一点笔记

简洁不等于简陋

Posts tagged with "Design"

Opera Blog模板#4.Simpzer

,

这是十一长假学习CSS的一个小成果,使用了自适应布局而不是传统的居中式布局。同时不再使用那么多拖慢速度的背景图,而用一个个色块和边框来达到我想要的简约效果。

下载:
Simpzer
10.14更新:
修正数个bug。
Simpzer_2

我要啦免费统计

几个非常规官方Blog模板

,

我要啦免费统计
大家在浏览Opera官方Blog时(比如My Opera News),会发现这些官方Blog的模版都非常特别,不同于那十个默认模板。为了方便Blog美化爱好者修改,我在这里列出这些模板的地址:

1.My Opera News
这个Blog的模板似乎分布在数个不同的CSS文件里,全部列举如下:
http://my.opera.com/community/css/users/95/handheld.css
http://my.opera.com/community/css/users/95/main.css
http://my.opera.com/devblog/homes/user.css

2.F.ANDERSSON
这可能算不上官方Blog,但那些官方Blog模板可都是他设计的,Fred的Blog模板绝对值得一看:
http://my.opera.com/fred/homes/user.css

3.Opera Software - by Widgets
http://my.opera.com/community/css/users/91/handheld.css
http://my.opera.com/widgets/homes/user.css

4.Desktop Team
Desktop Team的留言栏外框非常好看
http://my.opera.com/community/css/users/90/main.css

5.其他
http://my.opera.com/community/css/users/91/main.css
http://my.opera.com/community/css/users/92/main.css
http://my.opera.com/community/css/users/93/main.css
http://my.opera.com/community/css/users/94/main.css

Opera Blog模板#3.TerraFirma

, ,

我要啦免费统计
  趁周末我又做个了模板。这次我采用了node33的设计——TerraFirma,然后将其改为Opera Blog模板。这个模版不需要修改顶图,大家可以直接拿去用,另外为了美观,我将topbar隐藏了,应该不会产生太大麻烦。不过留言栏外框出了点问题,由于宽度不相符,留言栏文字和外框都出现了错位情况,只好暂时去掉外调,下周再抽时间调整。还有顶图文件太大了,有整整90k,还要抽时间压缩一下。
  最后,按照原设计作者的声明,你可以随意使用和修改此设计作品。:D

效果图:


下载:
TerraFirma
10.1.更新
改了又改,终于改得基本正常了
TerraFirma_3

[翻译]选择PNG还是GIF?

, ,

原文:http://www.w3.org/QA/Tips/png-gif

一、GIF VS PNG
  这次我们将会探讨这两种经常用于显示简单图片、logo的主要图像格式:
  
  • GIF(代表Graphics Interchange Format)于上世纪80年代末被开发出来,直到今天仍然被广泛地使用。
  • PNG(Portable Network Graphics)在1995年左右被开发出来,在1996年被W3C推荐使用,并在1998年为大部分的浏览器所支持。

  GIF
  GIF格式采用一种叫LZW的算法来压缩文件,LZW算法能在保持图像色彩的同时减少文件体积。
  GIF的优势在于它被广泛的支持并经常作为简单图片的默认格式。与其它格式相比较(尤其是PNG),GIF并不具有太多的技术优势,不过在互联网发展的最初几年里,对PNG的支持刚刚开始,相对于PNG来说GIF是一个更加安全的选择,可能在这篇文章写下来的时候GIF仍然是个更安全的选择,虽然GIF并不安全很多。
  环绕在GIF格式周围的一个问题就是优利系统公司对LZW算法的版权保护。在美国LZW的版权将于2003年6月20日到期,与此同时在加拿大、法国、意大利、德国、英国和日本LZW的版权保护则已经过期。
  
  PNG
  PNG是一种无损压缩、轻便、更易储存的可扩展文件格式。PNG没有像GIF那样的版权保护的限制。PNG支持索引颜色、灰度和真彩色,同时也能对alpha通道提供额外支持。PNG的图像位数可以达到16位。
  从网络角度来说,PNG相对于GIF有三点优势:
  
  • alpha通道(可变透明度)
  • 跨平台伽玛修正(控制图像亮度)和颜色修正
  • 双重空间间隔(一种改进的图像显示方法)

  同样的,在压缩图片方面PNG仍比GIF优秀(通常情况下压缩比要高上5%至25%)
不过有些情况仍需要注意,老浏览器或者一些特殊的功能不能很好的支持PNG。如果你想了解不同浏览器对PNG的支持程度,你可以查看下面的文档:
  
二、相关资料、链接: