Typekit在线字库,挺不错

“字体”对于做前端设计的童鞋来说,是个不大不小的问题,往小了说,顶多选取几个常用的、系统内置的字体,页面不算太难看就完了;往大了说,本来挑了几个美观且能配合页面布局的字体,但客户的电脑里没有,打开页面那叫一个难看!

现在Google提供了一个web fonts在线字库,提供上百个可选字体,而且很多程序的主题作者,都开始使用这一服务(我使用的这款主题的作者,内置使用了Google在线字体)。但很不幸,依照Google在大陆地区杯具的角色,这一字体服务也不例外,加载慢不说,有时甚至直接屏蔽,让人既窝火,又无奈。

这里把Google web fonts的合作者:Typekit,介绍给童鞋们,在无法改变国内网络现状的情况下,可以用typekit来替代Google的在线字体服务,虽然与Google比,有种种限制,但唯一的好处是:Typekit使用了EdgeCast的CDN,国内访问的话,电信、联通走的均是香港的节点,速度有保障,最关键的是尚未被墙(去年我试过typekit,是被墙的状态)!注:点这里察看typekit字体测试 Continue reading

CSS+JS=iPhone4

每个型号 / 类别的手机都会拥有N多拥蹵,但貌似没有哪个手机可以达到iPhone的境界,其中不乏对其着魔、迷失心智的类型。不过大多数还是相当理智,“有理有据”去表达自己对iPhone的喜爱。这里介绍的一个iPhone Fans,就依靠3395行CSS代码和335行JS代码,搞定了一台功能简单的Online版iPhone4。

用css和js制作的iphone4 Continue reading

Internet Explorer 9 Beta

我对于浏览器没什么特殊要求,只要浏览顺畅、具备随时同步收藏、布局简洁就成。所以,在IE9 Beta出现这么久之后的今天,我才下载安装。因为正在使用的Chrome 7已经满足了我的这些要求。但毕竟新事物的出现是不可无视的,微软的“自求上进”和不断进步也无法让人对其忽视,所以,针对IE9 Beta,做了一番简单使用和测试,写给像我一样的那些个“很容易知足但又有点喜好新鲜事物”的人。

我的安装很顺利,在“强制”安装一些更新之后,重启,短暂等待之后,一切完成。第一次打开IE9 Beta,显示的是针对它的一个介绍页,但让人很囧的是,它竟然崩溃了,说实话,当时有点想卸载它的冲动,但我忍住了。在第二次启动IE9 Beta以后,它提示某些较老或者非针对IE9而设计的加载项会导致浏览器的崩溃,所以需要禁用一些。我按照网上所述的将迅雷的三个加载项禁用,重启,之后再也没有出现过崩溃的情况,貌似迅雷的技术升级有点慢。

IE9 Beta给人的第一印象就是:简洁。是的,相当简洁,没有菜单栏、收藏栏,甚者页面选项卡都是和地址栏、前进后退按钮“挤”在一行的,而且就这一行,最右侧还有“主页”、“收藏夹”、“工具”三个按钮,不过微软倒是将这几个元素安排的很得当,虽然多,但并不拥挤。 Continue reading

升级到 WordPress 3.0.1

WordPress 3系列已经发布了一个多月,但因为迟迟没有推出官方中文版的缘故,我一直没敢尝试升级。直到这个Wordpress 3.0.1的出现,我估摸着中文版恐怕是有点难产,而且自以为英文水平还行,“高谈阔论”不敢说吧,对付个英文版Wordpress应该没啥大问题。于是乎,就点了那个“升级”按钮。

之前一直用的中文版,升级到3系列以后,由于原有的中文文件并不适合,所以,Wordpress的管理就成了“土洋结合”的状态:原2.9的那一套菜单按钮还都是中文,3系列新增的菜单按钮、包括说明,都是英文,有点不伦不类的味道。看不惯,所以干脆删了重装!这次得到的是一个纯英文的版本。

用了半天,感觉对于个人来说(不开多站点),相较于之前的2.9.2,变化比较大,但还不至于认不出来的地步。比较新颖的地方就是多了“Menu”、“Background”和“Head”功能。其中,Menu功能最为实用,为博客添加菜单不用再绞尽脑汁,做什么转向、页面了,相当方便。方法如下: Continue reading

DIV+CSS

从接触Web页面设计制作以来,一直使用的是Table做布局定位,CSS只是被我用来初始化页面元素,并没有用它来布局与定位,而DIV也只是被我用来当做辅助工具用;虽然在大四那年就听说了DIV+CSS,而且还知道这是Web2.0的标准之一,但那时候忙着毕业论文、喝酒、散伙,没时间来研究,所以,对这个“伟大的组合”没有太多认识。

现在我的软件站需要改版,改版的同时,我也实验了一回DIV+CSS。

说实话,DIV+CSS乍用起来比Table要麻烦许多,每一个不同的DIV都要被定义,在写首页CSS的时候,那叫一个麻烦;当然,跟大站的CSS文件比起来,我写的量简直就是九牛一毛… 而且由于是第一次用这个组合,加上对CSS定位的一知半解,费了不少劲儿。为了能做到与主流浏览器兼容,我按了三个浏览器:IE6.0、Firefox1.5和Opera9.0,做的时候三个都打开,一个一个测试。不过期间比较有意思的是,Firefox和Opera在大部分时间里显示正常,出错最多的竟然是我认为兼容性最高的IE,着实让我这个CSS菜鸟郁闷了一把。不过还好,最终还是搞定了IE。

在为软件站改版的过程中,我对于三大浏览器的“不兼容”也有了比较理性的认识,同样一个CSS句子,在IE和FF下,差别要多大有多大,有的时候简直能把人气疯;而其中最头疼的莫过于“DIV的宽度”。不过话说回来,还是自己对标准的语句不熟悉,写出的句子不符合W3C的要求,虽然说IE的“兼容性”强,但在“较真儿”的Fierfox和Opera下,立马就显了原型。
Continue reading