2017年12月8日 星期五

2017年12月2日 星期六

在網站嵌入 google 翻譯功能

很多時候網站想要可以讓外國人也可以看得懂,可是本身卻沒有多語系功能的話,一個很簡單的方式就是使用 google 翻譯來幫你做網站的翻譯,只是當然會有些缺點是翻譯起來可能會有些怪怪的,但對於要很快地讓外國人也可以大致了解網站寫些什麼,算是很方便的了。


網站名稱: google 翻譯功能
網站網址: http://translate.google.com/manager/website/?hl=zh-TW">http://translate.google.com/manager/website/?hl=zh-TW">http://translate.google.com/manager/website/?hl=zh-TW


首先到服務網站按下「立即新增到您的網站」



然後貼上欲翻譯網站的網址,並選擇原本的語系。



再做一些樣式上的設定就可以了,google 還很貼心的讓你可以輸入 google analytics 可以追蹤網友使用語系的狀況。



最後將嵌入碼嵌入到網站即可。
Read more

2017年11月20日 星期一

2017年11月11日 星期六

2017年11月9日 星期四

手機版網頁 UI 設計尺寸列表

設計 Web UI 時,如果只看手機螢幕的解析度,經驗不夠的設計師可能會因為解析度太大設計上會有一些問題,所以最好是像寫 RWD 一樣使用「device width」來設計會比較好,那 device width 要多少比較好呢? 剛好這邊有一個網站 mydevice.io有列出各主流手機螢幕解析度跟 css 寬度該設多少,對設計應該會很有幫助,有需要的再把這個網站存起來。

Read more

2017年11月5日 星期日

2017年10月29日 星期日

使用 jqeury 從網址取得網頁截圖

如果有想要從網址取得該網頁的縮圖,可以使用 google 的 PageSpeed api,簡單地用 ajax 從以下的網址取得資訊後再處理即可。
  1. https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=' + url + '&screenshot=true  


用 jqeury 的 ajax 就會像這樣。
  1. $.ajax({   
  2.             url: 'https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=' + url + '&screenshot=true',   
  3.             context: this,   
  4.             type: 'GET',   
  5.             dataType: 'json',   
  6.             timeout: 60000,   
  7.             success: function(result) {   
  8.                 var imgData = result.screenshot.data.replace(/_/g, '/').replace(/-/g, '+');   
  9.                 $("img").attr('src''data:image/jpeg;base64,' + imgData);   
  10.             },   
  11.             error:function(e) {   
  12.                 $("#msg").html("讀取失敗");   
  13.             }   
  14. });  

在看怎麼處理讀取前跟讀取後就好了,
Read more

2017年10月26日 星期四

冠軍磁磚 磁磚設計大賽

最近上線的專案,有趁這次機會把以前辦比賽的 code 整理過,可能最近還會再 run 幾個活動就把服務給弄出來給大家用了,這次活動的網址

冠軍磁磚磁磚設計比賽

冠軍磁磚磁磚設計比賽

除了把功能模組化外,也改了一些東西優化網站,之後應該也會陸續弄到制服地圖還將來的新站上。
Read more

2017年10月23日 星期一

資策會 UI/UX 班 Photoshop 課



今年年初開始在資策會講課,主要教的都是 UI/UX 班,本來負責的是 CSS3 跟 jQuery 的部分,這次因為 PS 老師卡堂的關係所以我就上去代打啦,這次講課有很多正妹照片可以用,歡迎來聽課。
Read more

2017年10月20日 星期五

Related Posts Plugin for WordPress, Blogger...