Code Record

發表文章

[css]Web Font

7月 30, 2014

1. 適用範圍 http://caniuse.com/#search=web font 1-1、 IE6+ (EOT 、 TTF) 1-2、 FF (WOF) 1-3、 CHROME Safari (SVG) 2. 基本語法 @font-face { font-family: nani;// 宣告字體名稱 src:url('fonts/ nani.eot) format('embedded-opentype'), url('fonts/ nani.woff) format('woff'), url('fonts/ nani.ttf) format('truetype'), url('fonts/ nani.svg ) format('svg'); font-weight: normal; font-style: normal; } .textStyle { font-family: "nani"; } .icon...

閱讀完整內容

[IE] IE條件式註解

7月 07, 2014

前言: 有些技術太新IE 7 不能用(css image sprites)、又有一部分IE8不能用(CSS 3) 那該如何處理，其實網路上資源頗多，基本上是用HACK來解決。我是蠻討厭HACK，因為不太想客製化去幫每個版本做更新，有通解用通解，沒事不要寫一些怪東西。但IE7還活著阿(老兵不死只是逐漸凋零)，何況台灣IE6還活得很好..!? (https://www.modern.ie/en-us/ie6countdown) SO，問題還是要解決，所已選定技術上，我目前是以IE8以上也就是說JQ版本需使用 1.1X 而太新的HTML TAG...只能去看看Can I use(http://caniuse.com/) 能不能用不能也只能果斷放棄，畢竟企業還是要相容老不死.... 簡易語法如下  i am ie8+ / others browser

閱讀完整內容

[jquery] jquery 橫向頁籤

6月 26, 2014

男丁格爾大大的一些網誌看多了，也像自己寫看看分頁XDDDDD DEMO: http://jsbin.com/xekes/3 效果如下圖支援範圍 IE 7+、CHROME、FF 其他沒測過 Jquery版本記得選擇1.X 2.X支援範圍是IE9+ base64img在IE上支援比較不足，但是我測試是沒問題的.! 原始碼不解釋，請學會看註解... <!DOCTYPE html> <html> <head> <title>橫向分頁</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <style> .controller{ /*控制項*/ display: inline-block; width: 200px; height: 400px; vertical-align: top; z-index: -2; /* inline-block ie7 HACK */ zoom: 1; *display: inline; } .content{ /*內容*/ display: inline-block; width: 800px; height: 400px; vertical-align: top; margin-left: -5px; /* inline-block ie7 HACK */ zoom: 1; *display: inline;...

閱讀完整內容

[java]半型轉全型

6月 25, 2014

半型轉全形沒有現成的code可用，所以要自己寫有更好版本請提供!!! code: static public String toBigChat(String input) { String q1[] = {"A", "B", "C", "D", "-", "1", "2", "#", "[?]"}; String q2[] = {"Ａ", "Ｂ", "Ｃ", "Ｄ", "－", "１", "２", "＃", "？"}; for (int i = 0; i < 9; i++) { input = input.replaceAll(q1[i], q2[i]); } return input; } q1為需要取代的字串 q2為轉換後的字串 q1與q2必須互相對應比對的方是我是用比較簡單的兩個陣列當然你想用json去包一對一的關係也可以主要的核心在replaceall 其中要注意的是replaceall支援正則表達式所以在下特殊的字例如^、?、*這些對正則表達式有意含的特殊符號時必須使用[]包起來，才不至於錯誤另外\在java內要記得是\\ 取代\要下 str.replaceAll("\\\\", "a"); 才會正確。

閱讀完整內容

[html] web font網頁字體

6月 24, 2014

此為memo，我並沒有實際操作，真的會用到會再來補充。簡單介紹一下，就是網頁用的字體在國外語系有 google font http://www.google.com/fonts/ adobe typekit https://typekit.com/fonts 中文語系有字庫 http://www.youziku.com/Home/Index justfont http://www.justfont.com/ 為什麼google沒有中文，其實還蠻容易回答的，中文字太多了。。。在網頁上要呈現特殊字體必須把該字體上傳到網站上面。而中文為數眾多(big5 萬餘字，全字庫則收錄十多萬字) 那瀏覽一個網頁要去下載這麼多字體大概會死人(如微軟正黑體本身ttf檔20m) 所以若要呈現特殊字體的話，需要去自己製作字體(前提當然是該字體版權是沒問題的製造字體方法參閱自製中文網頁字形（Web Font）並內崁至網頁中（使用 CSS @font-face）

閱讀完整內容

[bat]自動關機程式

6月 23, 2014

我有個不好的習慣，會在電腦看的動畫在睡，又不想起床起來關電腦怎麼辦。這時候自動關機就是個好東西了..! 先開個txt內容如下 @echo off　 shutdown -s -t 1800 接著另存新檔或更改檔名為自動關機.bat 他就會自動在30分鐘後，幫你把電腦關閉囉。很簡單很實用的小軟體...! 其他語法請查shutdown指令，取消自動關機，只要在cmd下shutdown -a 就可以囉。你也可以下shutdown -r 1，幫你把你朋友的電腦重開>:)

閱讀完整內容

難字處理

6月 19, 2014

1. 請至全字庫搜尋該字是否存在(很重要)，目前全字庫蒐錄約十萬餘字，並大多有編碼(utf-8) 詳細可以在搜尋相關資訊 2.若無該字(可能根本就是自創的)，那就必須自行造字，狀況不是沒有但比較罕見，網頁上基本上是無法顯示太過新的字例如( )這時候只能用圖片來代替。替兒女取名的時候好好考慮...不然在電腦系統上會變成王?? 之類的... 無解

閱讀完整內容