重庆时时彩代码骗局 http://www.vzsio.live/ zh-cn PBlog2 v2.4 PuterJam's Blog http://www.vzsio.live/images/logos.gif http://www.vzsio.live/ PuterJam's Blog http://www.vzsio.live/article/Web/mac_os_fonts.htm <![CDATA[關于MacOS下字體的一些研究]]> puterjam@gmail.com(puterjam) Sun,18 Dec 2011 18:16:38 +0800 http://www.vzsio.live/default.asp?id=1039

Mac 下的中文字體不多,系統默認是使用細黑體來顯示中文文字(STXihei)。

為什么蘋果不使用宋體來顯示呢,因為宋體是襯線字體。

NewImage
襯線字體:帶字體修飾的字體。(圖中紅色部分) 也叫“白體”,相對的非襯線字體叫“黑體”,英文叫sans-serif(sans在英文是非的意思)
NewImage
(中文的宋體和黑體)
在傳統的印刷中,襯線字體一般都是用來正文印刷,但是在CRT LCD顯示器上這些字體不適合閱讀,同時字體過小的襯線字體不如非襯線字體美觀。后來微軟在vista中推出了微軟雅黑這個非襯線字體。同時為了優化非襯線字體,采用了字體抗鋸齒技術(clearType)。不過蘋果在1998年就開始使用了這個技術。

ClearType 原理
NewImage
 
襯線字體不適合在clearType下使用,因為過小的字號沒有住夠像素空間去展示(筆劃末端的點綴太多),顯示也不美觀(比如Flash如果用了宋體在mac下 NewImage就比較悲劇)。
 
除非是點陣顯示(winXP的宋體時代),點陣顯示在LCD上顯示會帶來不少問題。
NewImage
(12px ClearType下的宋體)
 
NewImage
(12px ClearType下的STXihei)
 
在Mac系統中,不同語言的默認字體是
  • 日文字體是:Hiragino Kaku Gothic Pro
  • 簡體中文是:STXihei
  • 繁體中文是:LiHei Pro Medium
  • 韓文字體是:AppleGothic

 

英文的Mac系統中,對文字的字體查找順序是:

  • 英文字體->日文字體->中文字體
 
Hiragino 字體比 STXihei 顯得比較飽滿些,不過Hiragino Kaku Gothic Pro沒有包含簡體文字,后來也出來了簡體版本的Hiragino字體叫,冬青黑體簡體中文(Hiragino Sans GB)
NewImage
 
在 Web 上的字體,如果使用了 Arial,verdana 字體作為默認,中文字體自動是選用非襯線字體STXihei。如果默認字體是 Georgia,Times New Roman,那么中文字體就會自動選成宋體

 

]]>
http://www.vzsio.live/article/Web/IE9_Beta_release.html <![CDATA[IE9 Beta 凌晨發布~]]> puterjam@gmail.com(puterjam) Thu,16 Sep 2010 03:32:03 +0800 http://www.vzsio.live/default.asp?id=1028 微軟IE9 Beta今天凌晨 1:30 正式發布。本著好奇的心理,舜子也趕緊開始對IE9進行初體驗。

第一眼的變化,當然是圖標的變化了,圖標的顏色變得更加輕盈,不知道是不是為了表現出IE9在性能和速度上做出了很大的改進的暗示?

另外,IE9的界面也變得“Chrome”化起來,不過有點不習慣,IE9的地址欄被縮短得太厲害了。連狀態欄都有chrome的味道,不過暗爽的是PJHome的CSS3效果終于能夠基本還原出來了。

 

對HTML5的支持,IE9顯然還有很長的路要走,才96分,不過也算是個好的開始:P 也給前端開發帶來了更多機會(前提還是IE6趕緊滅亡…)

 

異常強大的Zoom, 基本上保持了頁面元素的可用和flash的事件,大屏幕和視覺障礙人士的福音

 

同時IE9也開始自帶文件下載管理器了, 用戶需求所需哈。

(下載提示)

 

Web APP理念,用戶可以直接把web拖放到Win7的任務欄,直接形成一個web APP. 灰常方便(估計這樣win7的任務欄不夠用了把)另外Web App可以提供一些按鈕控制(Qzone的音樂按鈕可以放到任務欄了)

 

另外作為開發,還是最感興趣還是調試器部分,其實這次IE9的調試器給舜子的感覺還算不錯,對付大的JS代碼可以輕易處理,壓縮后的代碼斷點也容易定位。除了增加了抓包工具外沒太多變化,命令行依然難用- -. 樣式所見即所得依然緩慢

 

初體驗現在這里把,后續還需要對IE9進一步了解,也好為后續的web體驗改善做好更多的選型和分析。

 

當然這次的IE9更多的提升是在技術方面,這里還是推薦到官方的test drive站點去親自體驗

http://ie.microsoft.com/testdrive/

 

不同版本IE9 Beta下載:

Windows7

     32位:http://url.cn/3ujlN8

     64位 http://url.cn/3ryZlZ

Vista

     32位:http://url.cn/08Uyxp

     64位 http://url.cn/290duo

 

WinXP

     杯具帝~~~

 

]]>
http://www.vzsio.live/article/Web/Qzone_No_IE6.html <![CDATA[Qzone 即將推用戶更新IE6]]> puterjam@gmail.com(puterjam) Wed,23 Jun 2010 15:10:07 +0800 http://www.vzsio.live/default.asp?id=1025  

Qzone 即將推用戶更新IE6,積極推動IE6在中國的滅亡。 希望能給更多用戶和前端開發出一份勉力。

更多消息可以關注Qzone的微薄 http://t.qq.com/qzone

]]>
http://www.vzsio.live/article/Web/chrome_vs_IE9_PNG.html <![CDATA[深入分析IE9的圖片性能測試實例]]> puterjam@gmail.com(puterjam) Wed,17 Mar 2010 17:56:42 +0800 http://www.vzsio.live/default.asp?id=1021

 微軟發布了IE9的技術預覽版,也放出了不少測試的實例,整體來看給大家帶來一支鎮定劑。不過舜子這里對其中一個演示案例很感興趣。

 

我們先來看看這個實例:點擊打開

 

最讓我好奇的是chrome在這個實例中幾乎是所有瀏覽器中最慢的,令人大跌眼鏡。

 

深入分析了這個實例的實現,里面包含其實兩部分功能會影響性能,動畫的JS算法圖片的渲染

測試單純的動畫的算法,把所有圖片都block掉。測試得出的結果是,chrome處理256張圖片,平均44FPS。而其他瀏覽器IE7(應為沒裝IE9,暫時用IE7測試一下),firefox3.6,opera 10.50平均20~22 左右。這說明chrome在純算法上都是非常有優勢的。

 

這里動畫的JS算法并不是最主要的問題了,最大的問題看來是來自對圖片的渲染上。仔細看了每一張圖片,每張圖片都是以一個540x540包括alpha透明的瀏覽器logo。 看來chrome在渲染大尺寸PNG的時候吃了很大的虧。期待下一個版本的chrome能修復對PNG處理的問題,畢竟這個也是主流的圖片格式。

 

 

(微軟故意挑戰chrome的PNG圖片)

這里舜子還沒有針對IE9進行完整的測試。不過在同事的電腦上測試這個實例時,無疑IE9在渲染上是目前所有瀏覽器中最快的。而且還有D2D對圖片渲染圖片在放大和縮小都有抗鋸齒表現。

 

我把這個測試實例down了下來,有興趣的朋友可以自己測試一下

 點擊下載此文件

]]>
http://www.vzsio.live/article/Web/how-ie8-determines-document-mode.html <![CDATA[IE8 如何判斷文檔模型]]> puterjam@gmail.com(puterjam) Wed,03 Mar 2010 10:29:43 +0800 http://www.vzsio.live/default.asp?id=1020 首先給出一組數據


 
這組數據說明了目前IE8在渲染模式下的一些比例(微軟偷偷統計的?)。

      ● 有19% 的站點用了嚴格型的標準來設計(非常好的數據,得感謝默默無聞在前線工作的頁面重構同學們)

      ● 有 14% 的站點用了http頭和 X-UA-Compatible 把IE打回IE7的模式

      ● 有 41% 的站點用了Doctype讓IE8使用標準模式(這里指的是,大家常用的過渡型)

      ● 很不幸還有 26% 的站點使用了Quirks 模式....



下面的圖詳細得給出了IE8內部對渲染模型的判斷流程
 
 
 
更多信息請跳轉這里:
http://blogs.msdn.com/ie/archive/2010/03/02/how-ie8-determines-document-mode.aspx

 

]]>
http://www.vzsio.live/article/Web/I_Can_t_Believe_It_s_Not_Flash.html <![CDATA[我不相信這不是Flash]]> puterjam@gmail.com(puterjam) Mon,22 Feb 2010 10:33:15 +0800 http://www.vzsio.live/default.asp?id=1019 Ajaxian上看到了一個有意思的ppt,這個ppt給我們介紹了一些web的效果和特性不需要使用flash來實現。

 

]]>
http://www.vzsio.live/article/Web/Mockingbird_visual_mockup_tool.html <![CDATA[Mockingbird 在線的原型設計工具]]> puterjam@gmail.com(puterjam) Sun,08 Nov 2009 00:57:05 +0800 http://www.vzsio.live/default.asp?id=1014 Mockingbird 是基于 Cappuccino 開發的一個在線原型設計工具。

比較喜歡它自動對齊的體驗:P 不考慮ie的web app 可以讓開發者更加大膽了。

No Flash, No IE, All in Canvas, Apple Style

]]>
http://www.vzsio.live/article/Web/css3_reference_manual.html <![CDATA[CSS 3.0 參考手冊 (中文版)]]> puterjam@gmail.com(puterjam) Mon,24 Aug 2009 12:11:38 +0800 http://www.vzsio.live/default.asp?id=1011  

公司的頁面同學們,利用業余時間整理出了一份比較完整的CSS 3.0 參考手冊,非常不容易。手冊是根據W3C的CSS3草案翻譯,并且結合實際的示范結合而成。每一頁都傾注了每一個同學的心血。

 

預覽頁面:

下載地址: http://webteam.tencent.com/css3/

 

]]>
http://www.vzsio.live/article/Web/xhtml2_html5.html <![CDATA[漫畫:混亂的標記語言XHTML2/HTML5]]> puterjam@gmail.com(puterjam) Fri,31 Jul 2009 01:00:28 +0800 http://www.vzsio.live/default.asp?id=1007 單擊圖片打開看更好看喲 :P

轉自 : http://bit.ly/kL7BC

]]>
http://www.vzsio.live/article/Web/20-tools-to-make-the-life-of-a-web-developer-easie.html <![CDATA[20個讓Web Developer開發生涯更加輕松的工具]]> puterjam@gmail.com(puterjam) Thu,11 Jun 2009 10:48:37 +0800 http://www.vzsio.live/default.asp?id=998 源文:  http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/

簡譯:  PuterJam

 

Typetester

一個在線對比字體的工具,可以很直觀得看到不同字體的差異

 

pForm

創建HTML表單的工具,能在瞬間創建很美觀的表單,并輸出html代碼

 

ColourLovers

在線的調色板工具,你能夠搜索到很多配色方案或提交你的配色方案

 

Firebug

無所不能的firebug,不多介紹了

 

HTML Entity Character Lookup

HTML 實體 查詢工具

 

960 Grid System

960 是個神奇的數字,960 是橫向尺寸,960 網格系統是能夠讓設計師快速創建網頁原型的輔助系統。可以比喻成網頁的黃金分割線

pfvyzisv.jpg

 

 

Em Calculator

EM換算器~ ,可以把像素換算成 em 單位。

 

Browser Shots

多瀏覽器截屏工具,可以提供多個平臺,不同瀏覽器的頁面截屏效果

 

Icon Finder

還在為找圖標發愁么,一個不錯的圖片搜索工具。

 

WhatTheFont

當你圖片里看到一個好看的文字而不知道字體名稱時,可以用它來幫你分析字體類型

 

MeasureIt

firefox插件,可以在頁面上顯示一個尺子

 

ColorZilla

同樣是firefox插件,可以在頁面上取色,前端開發必備

 

Pingdom

一個在線的抓包工具

 

Test Everything

Test Everything 提供了很多測試工具來測試你的站點。從css html 到seo ,從網絡工具到優化應有盡有。

 

CSS Sprite Generator

樣式精靈,這類工具很多了,就是把圖片分割并且輸出成css

 

Web Developer Toolbar

也是一個非常強大的web開發工具。

 

Domainr

域名查詢工具,很方面查詢域名的使用情況,并且給出未注冊域名的建議。(需要翻墻)

 

Font Burner

字體查詢工具,并且提供在線的字體解決方案。僅限英文。

 

Smush.It

圖片優化工具,能夠優化你的圖片尺寸

 

Load Impact

可以模擬不同地區的用戶訪問你的站點的情況。并且以圖表的情況反饋結果。

]]>
重庆时时彩规律大全
重庆时时彩骗局报道 3v重庆时时彩下载 重庆时时彩1-5球 重庆时时彩组六怎么玩能挣钱 重庆时时彩网上平台是假的吗 重庆时时彩app分析软件 新时时彩是怎么开奖的 重庆时时彩预测2 时时彩内部管理计划群 360重庆老时时彩走势图表 时时彩漏洞教程 重庆时时彩开奖的 重庆时时彩平台高返点 重庆时时彩平刷组六 玩重庆时时彩心态
江西时时彩开奖结果 四川时时彩走势图开奖结果查询 最近理财收益下降原因 宁夏11选5推荐号 重庆福彩中心 kk棋牌游戏中心官网版 时时彩计划群 国标麻将是哪个地区的 农村开什么厂最赚钱