pCloud Partner Program

好用Google中文字體

程式技術 2016/10/12 11:07
views: 69892 times
製作網站時, 前端的中文字體真的是很傷腦筋, 又沒有那麼多的選擇, 又需要考慮使用者端是否有對應的字型. Google Font 計畫提供了許多字型可供應用, 也有不少繁體字型可供應用.

先來看看有哪些吧:

https://fonts.google.com/earlyaccess

上面是目前所有新增的 Google Font 的字體(非英文與拉丁文為主的), 我們可以用 Chinese 來查看看有哪些:

楷體 cwtexkai
圓體 cwtexyen
仿宋體 cwtexfangsong
Noto Sans TC notosanstc
明體 cwtexming
黑體 cwtexhei

這6種字體可供應用, 使用方式也很簡單, 直接使用對應的 CSS 即可, 以楷體為例, 可以看到他的 CSS 引入語法如下:

@import url(http://fonts.googleapis.com/earlyaccess/cwtexkai.css);

之後只需要在對應的 class 下 font-family 語法即可, 如下:

font-family: 'cwTeXKai', serif;

為方便一次檢視所有字體, 可以參考範例資料:

http://sample.diary.tw/42/index.htm

繼續閱讀:
http://www.ithome.com.tw/news/108941

top

好用Firefox擷圖外掛-Awesome Screenshot Plus

好用軟體 2013/09/02 17:35
views: 242684 times
在 Firefox 下的好用擷圖工具, Awesome Screenshot Plus - https://addons.mozilla.org/zh-tw/firefox/addon/awesome-screenshot-capture-/

主要兩種方式擷圖, 一個是可視區域的擷圖 (Visible Part), 另一是整個頁面 (Full Page), 十分方便好用, 擷圖後, 還提供了簡易的編輯工具, 包含了裁切(Crop), 繪製方塊, 圓圈等可圈選的圖案, 箭頭, 直線, 任意曲線等功能, 再加以存檔, 可以很方便地網頁擷圖, 並加以標註.

有需要的朋友可以試看看, 十分方便!

用戶插入圖片

(圖片引用自: https://addons.mozilla.org/zh-tw/firefox/addon/awesome-screenshot-capture-/ )
top

Google的Page Speed網站效能調校建議

好用軟體 2012/03/27 15:37
views: 83244 times
網站上線後, 需要做效能調校評估及建議, 可以使用這個 Google 的 Page Speed 效能調校建議工具:

https://developers.google.com/pagespeed/

將網址輸入後, 等待一會兒就會有資料出來, 以及許多建議讓您了解網頁效能的瓶頸所在及如何調整會更好.

測試結果如下:
用戶插入圖片


分為紅色的 High priority, 黃色的 Medium priority, 藍色的 Low priority, 另外還會有灰色的 Experimental rules, 這些讓你來進行網頁的優化調整. 當然你已經做到的他是用綠色的 Already done! 來顯示.

這樣的工具其實還不少, 像是這個 Pingdom Tools 有相當視覺化的呈現方式, 把頁面上每個元素的下載狀況都秀出來, 方便找出頁面上的效能問題, 和 Google Page Speed 來比的話, 前者是細部下載狀況, 找出效能瓶頸, 而後者是全面性的, 給出調整建議, 交叉使用可以更容易地將網頁效能調整好.

繼續閱讀:
http://www.smashingapps.com/2012/02/14/15-excellent-tools-for-profiling-your-websites-speed.html
top

2012年軟體開發關鍵報告

WebTrend 2012/03/01 16:25
views: 69237 times
收到微軟的 EDM 有份資料適合 developer 來讀讀: http://msdn.microsoft.com/zh-tw/hh854948

這裡面有不少有意思的內容及現在的主流開發資訊, 隨著科技的進步, 使用電腦及 3C設備的多元化發展, 開發者必須去面對各式各樣的載具, 無論是傳統的 desktop pc, notebook, featured phone, smart phone, pad 等, 都是不同尺寸, 不同處理能力, 不同的網路條件, 都要能滿足的狀況下, 將應用程式來適應這樣複雜的環境及條件, 這對於設計者及開發者來說, 都是十分挑戰的.

還是一樣的, 好的使用者體驗, 需要配合載具的特性, 使用操作更容易而直覺, 才能有最佳的效益. 開發者需要了解這些載具不同特性, 找出一般性及差異性來收納功能, 並且強化操作, 達到理想的應用情境.

再來就是雲端的興起, 發展了近十年雲端, 在這兩年大紅大紫, 不外乎最後虛擬化的成熟及大環境的發展, 都到了雲端可以承載的條件, 使用雲端應用變成一種顯學. 學習雲端應用是開發者現在也需要積極去學習了解的, 發揮強大的雲端特性, 讓服務架構更穩固, 更強大, 更省錢, 是雲端的價值.

隨時保持學習的態度了解技術的發展及應用, 多方涉獵學習, 才是開發者要努力修行之道啊!
top

iis7下的appcmd查詢reqeust

系統技術/Windows 2012/03/01 12:53
views: 127888 times
在沒有 appcmd 之前, 要像 apache 中的 server-status 中列出目前的 request url 只能利用 resource kit 的 request viewer, 不過在 iis7 中, 可以利用內建指令 appcmd 來查詢.

appcmd 有許多功能, 不過今天介紹的是查詢目前的 request, 先來看看說明文件:

http://technet.microsoft.com/zh-tw/library/cc772200%28v=ws.10%29.aspx

在 appcmd下, 有許多物件可供應用, 其中今天要介紹的就是 request, 不過可以操作的指令只有一個, 就是 list, 想查詢對該物件可用指令可以這樣下(以 site 為例):

>appcmd site /?
管理虛擬站台

APPCMD (command) SITE <identifier> <-parameter1:value1 ...>

支援的命令:

  list      列出虛擬站台
  set       設定虛擬站台
  add       新增虛擬站台
  delete    刪除虛擬站台
  start     啟動虛擬站台
  stop      停止虛擬站台

(請使用 /? 取得每個命令的說明,例如 'appcmd.exe add site /?'。)

可以使用 list, set ... 等多種操作指令, 而查詢目前的 request 則使用:

>appcmd list request
REQUEST "1400000080019834" (url:GET /xxx/xxxxx, time:1047344 msec,  client:xxx.xxx.xxx.xxx, stage:SendResponse, module:IIS Web Core)
REQUEST "e20000438002e1fc" (url:GET /xxx/xxxxxx, time:71625 msec, client:xxx.xxx.xxx.xxx, stage:SendResponse, module:IIS Web Core)
....

可以很清楚地看到每個 request 的資訊, 包含 ip 及 url 及目前的狀態, 十分有用.


top

蠻方便的Print Friendly

好用軟體 2011/12/12 21:27
views: 74907 times
從狂人那裡看來的: http://briian.com/?p=6278

這個 Print Friendly 網頁工具, 利用 bookmarklet 的方式, 分析網頁結構後, 讓原本列印網頁, 會將許多不必要的區域, 像是廣告或是與文章內容無關的地方刪去, 節省列印的耗材及增進容易閱讀的功能, 這真是個方便好用的網頁服務.

網址在: http://www.printfriendly.com/

可以直接將它提供的 bookmarklet 拖拉到書籤, 在瀏覽網頁時, 點擊即可產生整理好要列印的版本, 或是在上面的網頁上貼上想列印的網頁的網址也可以. (前者更為方便好用)

大部分的新聞網站其實都有提供列印按鈕, 少數的沒有, 即使沒有也沒關係, 只要有這個 PrintFriendly 的 bookmarklet 也可以很容易地達到這個功能.

另外它也提供給網站發佈者一個 widget 的功能, 可以自訂列印網頁的按鈕, 方便給網頁發佈者放在網站上, 給來訪的訪客列印之用, 真的還蠻不錯的呢. (從這裡進入: http://www.printfriendly.com/button )

另外也有轉出 pdf 及 email 的功能, 真是好用!
top
TAG print, Web

google analytic即時報表

WebTrend 2011/11/08 23:52
views: 69835 times
前一陣子已經有不少人開始使用 google analytics 的即時報表了, 這個還在 Beta 階段的即時網站資訊統計報表功能, 真的很強大.

簡單地說, 原本大約是半天到1天時間差的報表統計資訊, 往往需要等上一陣子才會有報表, 但現在這個即時報表, 可以將現在當下的網站流量狀況即時呈現, 讓人在第一時間就取得目前網站的即時資訊, 真的很好用.

不過這種即時報表, 在以往是許多付費統計網站功能, 不過 Google 提供了免費的即時報表功能, 相信會打到不少原本在靠這個賺錢的網站.

不論流量大小的網站, 若要經營, 這樣的即時報表對於有活動在進行的狀況下, 是非常重要的情報, 而且可以快速地反應及操作活動的調整, 以期能有更好的效果.

有在用 Google analytics 的朋友們, 可以快去試看看!

top

如何對遠端web主機取出部分文字內容

程式技術/ASP 2011/03/14 23:25
views: 142871 times
這篇文章很單純的一個應用需求, 就是要取遠端文字檔內容, 但該文字檔內容是個 log file, 會隨時間愈來愈大, 如何能只取出部分最後的內容呢? 否則隨時間愈長, 每次取回來都會愈久, 而且其實需要的內容只有最後一部分, 也就是要像 tail 的功能.

若不在遠端主機上寫程式, 就得思考一下 http header 方式如何設定 request, 馬上想到一個續傳的應用, 也就是指定 Range header 的方式來對遠端的 web 主機下達只取出某個部分, 可以參考這裡對 Range header 的說明:

http://www.aslibra.com/blog/post/http_header_detail.php

若依這次的需求, 可以指定只要最後的 50k 的話, 可以利用 Range: bytes=-51200 若用 asp 程式實作可以這樣寫:



這樣一樣可以不用在遠端的 web server 上實作程式, 又能快速地取出最後 50k 的資料內容, 實在非常方便, 又能節能減碳, 利用 Request Header 來解決, 真是快速啊!
top

web版線上測試javascript-JSFIDDLE

程式技術/Javascript 2010/11/11 14:11
views: 234048 times
這個 JSFIDDLE: http://jsfiddle.net/ 是一個線上版本, 進行 javascript 測試及除錯使用的方便工具, 包含了大量的 javascript frame, 有 MooTools, jQuery, Prototype, YUI, Glow, Dojo, Processing, ExtJS, Raphael, RightJS 及不使用 framework 多種選擇.

不僅如此, html, css 更是能分區編輯, 方便測試, 而且實作的程式結果也可以存下來, 方便日後再拿出來看, 或是進行 share 討論, 還能分支開發 (fork) 下去, 真的是十分方便實用的 javascript 工具.

例如這個測試的程式, 功能就是一直累加而已, 可以玩看看: http://jsfiddle.net/Ej4rC/

還可以直接 embed (透過 iframe ) 放到外站, 如下:



可以分享到外站, 一邊看程式, 而且可以馬上玩, 真是很不錯的工具, 快來玩看看吧!
top

FPT-全網頁效能偵測服務(web版本)

系統技術 2008/06/06 11:59
views: 103986 times
從[愛迪 怕死我]網站看來的.

這個 full page test 線上服務有幾點很方便的功能.
  1. 方便好用-整個是在瀏覽器下操作
  2. 圖表整理清楚-整個圖形化的呈現結果, 清楚地呈現整個效能問題及診斷
  3. 容易分析-根據提供的結果, 很容易地找出問題或需要調整的地方
這個工具很重要的地方就在於不用安裝, 而且針對網頁無論是設計面或是效能面都有一個客觀的診斷結果, 對於在設計及開發網站應用程式來說是很方便而重要的參考依據. 我們來看看操作的方式, 首先連結到 http://tools.pingdom.com/fpt/ , 簡潔的操作介面上只需要填入要測試的 url 即可, 按下 test 之後, 就可以取得很棒的一個圖表測試報告:

more..


top
TAG Test, tools, Web




Nextbit Robin 5.2吋六核心智慧型手機 Microsoft Office 365 中文家用版PKC (無光碟)
ASUS華碩 AC1900 雙頻無線路由器 RT-AC68U 美國 VORNADO 533 渦流空氣循環機 (黑色)
御茶園 每朝健康綠茶(650mlx24入) 每朝健康 雙纖綠茶(650mlx24入)


 Waiting...