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

Related Posts Plugin for WordPress, Blogger...