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日 星期五

2017年10月3日 星期二

2017年9月27日 星期三

Pokemon Go Plus 使用心得

現在還有在玩 Pokemon Go! 的人一定是很有毅力的人! 沒錯就是說我。

剛開始玩的時候是回憶,後來就有要把寶可夢收齊的想法,都收齊了的現在,就變成讓我出去運動跟散步的動力,總之這款遊戲真的讓我多花了不少時間運動就是了。



最近因為星塵加倍的活動,所以才終於入手這款 Pokemon Go Plus,簡單講就是一個可以不用開 app 就看抓怪跟轉補給站的工具,而且還可以用來孵蛋,真的是超方便的,實測後發現雖然捕捉率比較低,但五秒鐘就可以決定有沒有抓到寶可夢真的很方便,看來又可以更節省我玩這款遊戲的時間了。
Read more
Related Posts Plugin for WordPress, Blogger...