顯示具有 Google 標籤的文章。 顯示所有文章
顯示具有 Google 標籤的文章。 顯示所有文章

2014年5月13日 星期二

MIX 2014 筆記與心得(6/6) - 組織文化,Lean UX,與多螢 / 程世嘉

多螢互動體驗設計論壇 http://mix.hpx.tw/2014/ch/agenda/




第6場 - From Corporate Culture to Lean UX (組織文化,Lean UX,與多螢) - 程世嘉 Sega Cheng / iKala 執行長 (* 本場演講另有線上付費LIVE直播服務)


Sega 過去曾經在 Google 負責過 Google Search, Google Map, iGoogle ... 等產品。(據說是非常非常聰明的人!)

剛開始先介紹講者自己的公司 - iKala
講者是用互連網的思維在經營公司的,員工不是可有可無的,抱著這種心態慎選你的夥伴!
團隊重點在凝聚!

2014年4月28日 星期一

不同朋友分享同一個連結的資訊分享設計 - Design of Multiple Posts of The Same Link from Different Friends

我對於資訊分享的呈現一直都很有興趣,從幾個比較大的社群網站(SNS)來看,以分享一個連結來看分為兩種:
只能「轉分享」,不能加上自己的意見:Twitter、Plurk
「轉分享」的同時可以附上自己的意見:Facebook、Google+、Tumblr、Weibo

Multiple Posts of The Same Link from Different Friends 我自己翻譯成「不同朋友分享同一個連結的資訊分享設計」


先以 Facebook 為例,我分享了一個 link,朋友們可以點選 share繼續分享,我可以看到被分享的數字。



點選後我可以哪些朋友分享了我的連結,進而還可以看到朋友的朋友還有誰繼續分享了這個連結?這些朋友在分享的時候下了什麼註解?

2014年1月23日 星期四

Chrome 清除快取並強制重新載入

當 Ctrl + F5 或是 Ctrl + Shift +R 沒有用的時候,你可以試試這個!

今天同事分享的,原來很早就有這個功能 "清除快取並強制重新載入" ,我一直都只會用快捷鍵...

1. 按下F12
2. 長壓重新整理按鈕
3. 點擊最後一個  "清除快取並強制重新載入"




我用英文版來介紹



"Normal reload" 正常重新載入

The same thing as pressing f5. This will use the cache in every way possible. If the browser can avoid re-downloading JavaScript files, images, text files, etc. then it will.

跟 F5 "重新整理"是相同的,會使用 Cache 資料,JS檔案、圖片、txt檔案都會重複使用。


"Hard reload" 強制重新載入

Don't use anything in the cache when making the request. Force the browser do re-download every JavaScript file, image, text file, etc.

跟我們平常使用的 Ctrl + F5 是一樣的,不使用 Cache 資料,重新載入所有的檔案。


"Empty Cache and Hard Reload" 清除快取並強制重新載入

Obviously if the cache is empty then it will have to do a hard reload. This will again force the browser to re-download everything. However, if the page makes any after-the-fact downloads via JavaScript that weren't part of page load, then these might still use the cache, which is where emptying the cache helps because it makes sure that even these won't use cached files.

跟上面 "強制重新載入" 一樣不使用 Cache 資料,也會重新載入所有的檔案,但多做的一件事就是把先所有的 Cache 資料刪除後再載入。

2013年11月19日 星期二

Chrome Developer Tools - Settings > Overrides > Emulation 模擬瀏覽器 改的更好用了!

現在開發網站常常需要測試在不同裝置上不同瀏覽器的長相
我一直都很依賴 Chrome Developer Tools > Settings > Overrides  > Emulation (模擬 User Agent 的功能)

目前正式板的 Chrome



現在的位置在





讓我們來看看 Chrome Canary 測試板裡面的改變
我第一次找的時候花了點時間,跟大家分享一下



Settings 的位置換了,不在右下角




打開 Overrides 會告訴你 Emulation (模擬功能) 已經換到 Console 的 Drawer 當中




勾起來後,關掉 Settings 點開齒輪旁邊的這個符號,也就是 Drawer 的位置




 你會看到正下方出現了三個 tab




點到 Emulation Tab 就可以看到嶄新的 User Agent 功能了!



支援的種類更多了,甚至支援到最新的 Nexus 5 了呢!






2013年10月28日 星期一

如何將 Google Drive 內的影片檔嵌上字幕

首先,你要把你要嵌入的字幕檔 (.srt, .sub) 下載到你的電腦中
目前只支援上述兩種字幕格式,檔案不能超過2MB


Google Drive 中,影音檔 (.avi, .mp4, .mkv) 點選右鍵 Manage caption tracks... (管理字幕軌)

點選 Add new captions or transcript (新增說明文字或字幕)


點選檔案跟你要選擇的語系


點下 upload (上傳)


確認有找到 Caption Tracks (字幕軌) 的話 ,就會出現下面的畫面


當你直接點開影音檔的時候,是無法讀取字幕檔的,請點選右下角的 open 或是直接點選檔案另開視窗



點下播放後,字幕就跑出來啦!!



要附註說明的是,如果你下載該影片檔 (.avi, .mp4, .mkv) ,字幕檔(.srt)是不會跟著一起下載的喔!(字幕播放只限線上的影音播放。)

Google Drive on iOS 無支援此功能


字幕檔可以上傳多種語系



播放時右下角就可以選擇你要 英文還是中文



右下角的 options 點開後你還可以編輯字幕跟背景的顏色,還可以設定快捷鍵喔!



其他參考資料
https://support.google.com/drive/answer/1372218?hl=zh-Hant