WOW

[usefulpocket-blog]

中間的logo垂直置中且fix 版面清爽適合閱讀 左邊滑入menu hover文章後，圖片浮現淺框，底下浮現日期與分享列

[usefulpocket-blog]

[Design] Brand Sites

LOUIS VUITTON www.louisvuitton.com Hermès www.hermes.com Salvatore Ferragamo www.ferragamo.com LOEWE 西班牙 - 皮革/時裝 LONGCHAMP Paris www.longchamp.com Dior www.dior.com MARC BY MARC JACOBS www.marcjacobs.com

[usefulpocket-blog]

URL：http://www.lawson.co.jp/recommend/uchicafe/campaign/ice/ 特色： 1. 配色清爽可愛 2. 主視覺在上層，首頁背景會浮動，質感動感兼具

[usefulpocket-blog]

URL：http://www.lawson.co.jp/recommend/uchicafe/campaign/ice2/ 特色： 1. 配色清爽可愛 2. 主視覺在上層，首頁背景會浮動，質感動感兼具

[usefulpocket-blog]

[Web] NOTE (BoA preorder)

大網→偵測手持→轉小網 小網→偵測非手持(但要怎麼寫更多裝置)→轉大網 (用螢幕尺寸判斷無效) http://stackoverflow.com/questions/4703783/reversing-simple-javascript-user-agent-logic CSS 項目符號與其用list tyle image 用ul li background no-repeat top left會更準確 同意條款的字要怎麼對齊

[usefulpocket-blog]

[Excel] VBA Note

[STEPS] 1. 開啟開發人員：左上角OFFICE→(右下)Excel選項→(左1)常用→(右)勾選「在功能區顯示[開發人員]索引標籤。 2. 開啟巨集(MARCO)：左上角OFFICE→(右下)Excel選項→(左倒數2)信任中心→(右)信任中心設定→(左5)巨集設定。 3. Alt+F11：開啟Visual Basic 4. Alt+F8：開啟巨集 [TIPS] 1. 清除格式 2. 相同數據合併儲存格 3. 合併數據(1) 4. 合併數據(2) 5. 清空重複值，但保留儲存格 6. 以某列格式為準，刪除前方所有列 7. 保留指定標題的整列

[usefulpocket-blog]

[語學] 生活常識

3C： Computer（電腦） Communication（通訊） Consumer Electronic（消費性電子） 3G：3rd-Generation（第三代行動通訊技術）

[usefulpocket-blog]

[語學] 數位音樂相關

RBT：Ringback Tone = 來電答鈴 TT：True Tone = 來電鈴聲(原音鈴聲) A truetone is a ringtone which has been encoded with a sampled audio format such as MP3, AAC, or WMA. It is also referred to as a mastertone or realtone. OP：Original Publisher = 原創作者或版權公司 / 詞曲總合100% SP：Sub-Publishing = 授權之版權公司 OT：Original Track = 原曲歌名 OA：Original Authur = 原作詞者 OC：Original Composer = 原作曲家 interlude [ˋɪntɚ͵ljud]：間奏 同名 CA PKA LRC：動態歌詞 Featuring：合作演唱歌手，簡稱feat. Insutrumental：純音樂 Extended：加長版 Remix：混音 O.S.T：Original Soundtrack = 原聲帶 DRM FREE

[usefulpocket-blog]

[Debug] 使用IETester或IE開發人員工具

測試IE相容性時，可在meta寫入 meta http-equiv="X-UA-Compatible" content="IE=edge" 參數則有以下數種： IE=edge (強制使用最新) IE=10 / IE=EmulateIE10 IE=9 / IE=EmulateIE9 IE=8 / IE=EmulateIE8 IE=7 / IE=EmulateIE7 IE=5 *emulate [ˋɛmjə͵let] 為「仿真」之意 測試時除了使用IETester外，也可用IE9+提供的開發人員工具(F12)，可利用CSS3邊框原角進行測試，更換不同「文件模式」即可看到效果。但到底誰的測試結果較準確呢（疑）？待確 資料來源： 1. 暗黑執行緒 2. stackoverflow Lynda

[usefulpocket-blog]

[Tools] 線上實用工具

[CSS] 1. CSS3 Gradient Generator (漸層產生器) 2. [熊比兔] css解決方案(超級實用)(轉載)

[usefulpocket-blog]

[CSS] display屬性運用

資料來源： 1. [Vexed's Blog] CSS 屬性 display 的值 inline block inline-block none 2. [Vexed's Blog] Webkit CSS display : inline-block 垂直對齊問題

[usefulpocket-blog]

[CSS] 如何撐滿sidebar高度

當div裡包兩個一左一右float的內容時，若想把其中一邊的底色撐得跟另一邊同高時，可先在父層加position:relative;，想撐高的那層用以下方法即可 position:absolute; top:0; bottom:0; 資料來源：How can I stretch an empty floating div to the full height available using css?

[usefulpocket-blog]

[CSS] 如何定義height:100%

為什麼即使對「div#box」指定「height:100%;」，方塊的高度也不會顯示成瀏覽器的視窗高度？因為當height屬性的值指定為百分比時，便會以方塊裡的區塊高度來計算。因此，只要明確指示包含「div#box」方塊的高度，就可以解決此問題。如果「div#box」直接放置於body元素之下，html元素和body元素也要預先指定「height: 100%」。 html, body{height:100%;} div#box{height:100%;} 資料來源：悅之文化 Professional XHTML+CSS：網頁設計師的創意與實踐

[usefulpocket-blog]

[語學] TBA=To Be Announced

TBA一詞來自英文「to be announced」（即將宣布），或是「to be arranged」（將會安排），也可能是指「to be advised」（將會建議）。 資料來源：維基百科

[usefulpocket-blog]

[Excel] 去除字串頭尾空白

=TRIM(A1)：去除「頭尾」空格 =SUBSTITUTE(A1," ","")：去除「所有」空格 補充： substitute [ˋsʌbstə͵tjut] 為"取代"或"代替"之意，但跟replace的用法不同，詳見英文資訊交流網。

[usefulpocket-blog]

[語學] N/A=Not Available=不適用

n/a或N/A，即不可用（Not Available）的英語縮寫，經常可以在表格中看到。N/A 比較多用在填寫表格的時候，表示「本欄目（對我）不適用」，在沒有東西可填寫但空格也不允許留空的時候，就要寫N/A。在英語國家，也用n/a或者n.a.來表達。都是同一個意思。 N/A 可以有三種相近的意思： 01. Not applicable 不適用（ Not applicable）：多見於需要填寫的表格，比如說汽車的參數中有火花塞的相關參數，那麼對於柴油汽車就是不適用的，因為柴油發動機是壓燃的，沒有火花塞。 02. Not available 沒有，無法獲得的，無法達到的（Not available）：比如演出或者球賽的門票售罄，就說not available。 03. Not any 沒有，一點也沒有（Not any）：較口語化，表示否定，例如：there are not any buses after midnight. 午夜之後就沒有公交車了。 資料來源：維基百科

[usefulpocket-blog]

[語學] GOOD販售詞彙

L夾：クリアファイル 袋子：ショッピングバッグ 手燈：ペンライト 毛巾：スポーツタオル 小卡：photo card、フォトカード、포토카드 滑鼠墊：mousepad、マウスパッド、마우스 패드 耳機塞：ear cap、이어캡 　　　　イヤホンジャックカバー(earphone jack [插孔] cover) 雙面設計：両面別（りょうめんべつ）デザイン 限量：個数限定（こすうげんてい）