2017年12月31日 星期日
2017年12月30日 星期六
2017年12月24日 星期日
2017年12月8日 星期五
洛克人 30 週年和洛克人 11 發表影片
在迎接洛克人 30 週年的這天,卡普空也發佈了紀念影片以及洛克人 11 的消息,這次洛克人 11 採用 2.5D 的畫面,而且釋出的第一個頭目,洛克人拿到武器晶片後變身的樣子也不一樣了。
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
網站名稱: 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 可以追蹤網友使用語系的狀況。

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

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 從以下的網址取得資訊後再處理即可。
用 jqeury 的 ajax 就會像這樣。
在看怎麼處理讀取前跟讀取後就好了,
Read more
- https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=' + url + '&screenshot=true
用 jqeury 的 ajax 就會像這樣。
- $.ajax({
- url: 'https://www.googleapis.com/pagespeedonline/v1/runPagespeed?url=' + url + '&screenshot=true',
- context: this,
- type: 'GET',
- dataType: 'json',
- timeout: 60000,
- success: function(result) {
- var imgData = result.screenshot.data.replace(/_/g, '/').replace(/-/g, '+');
- $("img").attr('src', 'data:image/jpeg;base64,' + imgData);
- },
- error:function(e) {
- $("#msg").html("讀取失敗");
- }
- });
在看怎麼處理讀取前跟讀取後就好了,
2017年10月26日 星期四
2017年10月23日 星期一
2017年10月20日 星期五
2017年10月3日 星期二
2017年9月27日 星期三
Pokemon Go Plus 使用心得
現在還有在玩 Pokemon Go! 的人一定是很有毅力的人! 沒錯就是說我。
剛開始玩的時候是回憶,後來就有要把寶可夢收齊的想法,都收齊了的現在,就變成讓我出去運動跟散步的動力,總之這款遊戲真的讓我多花了不少時間運動就是了。

最近因為星塵加倍的活動,所以才終於入手這款 Pokemon Go Plus,簡單講就是一個可以不用開 app 就看抓怪跟轉補給站的工具,而且還可以用來孵蛋,真的是超方便的,實測後發現雖然捕捉率比較低,但五秒鐘就可以決定有沒有抓到寶可夢真的很方便,看來又可以更節省我玩這款遊戲的時間了。
Read more
剛開始玩的時候是回憶,後來就有要把寶可夢收齊的想法,都收齊了的現在,就變成讓我出去運動跟散步的動力,總之這款遊戲真的讓我多花了不少時間運動就是了。

最近因為星塵加倍的活動,所以才終於入手這款 Pokemon Go Plus,簡單講就是一個可以不用開 app 就看抓怪跟轉補給站的工具,而且還可以用來孵蛋,真的是超方便的,實測後發現雖然捕捉率比較低,但五秒鐘就可以決定有沒有抓到寶可夢真的很方便,看來又可以更節省我玩這款遊戲的時間了。
2017年9月19日 星期二
2017年9月12日 星期二
班服、團體服訂購服務,班服產生器上線

最近在弄的新功能上線了,分別是可以製作班服的產生器,有興趣可以點上面的圖片去玩玩。
另外一個則是班服、團體服訂製的服務,老家其實一直都有接這樣的服務,這次是把訂製的功能系統化,也歡迎大家來找我們訂班服喔!

2017年9月5日 星期二
卓子傑:別被「夢幻糖果牆」迷惑──職場中的屈就,你得到什麼?
卓子傑:別被「夢幻糖果牆」迷惑──職場中的屈就,你得到什麼?
朋友寫的有提到我,雖然是有美化,但還是特此紀念一下。
節錄內文:
另一個認識十年的好友,我們從兩人都是社會新鮮人起開始合作,我是發案的行銷窗口,他是承接案子的繪圖設計師。當時他過著朝九晚六的上班族生活,憑藉優秀的電腦繪圖功力,在業外另行承接我這一張500、1,000元的設計案,貼補薪資的不足。我們也曾在聚會時一同抱怨升遷不順、加薪不如預期。
但後來他在工作之餘,另外自學程式、架設網站的專業,因為這些領域一直都是他在繪圖外的興趣。透過自學、接案的實作經驗積累,他逐漸能獨立承接更大型的設計專案,他不斷的累積實作經驗和業界口碑,同時也不忘繼續延伸自己的興趣範疇。
近年他架設了一個學生制服的圖鑑網,在學生群體中獲得廣大迴響,更引起媒體、廣告商及投顧公司的注意,後來定期舉辦活動、比賽,甚至吸引日本公司挹注資金投資。至於原本那份屈就的工作?當然早就離開了。他現在是台灣首屈一指的制服圖鑑網站站長,活動出席、顧問指導、開班授課的邀約不斷,事業版圖拓展非常迅速,他是以興趣鑽研技術為本,最後成功的經典案例。
他成功的關鍵,是在屈就中洗鍊出無可取代的技術力,透過技術面延伸的作品,吸引到投資者,進而創造成功,而不是留在原地持續抱怨。
Read more
朋友寫的有提到我,雖然是有美化,但還是特此紀念一下。
節錄內文:
另一個認識十年的好友,我們從兩人都是社會新鮮人起開始合作,我是發案的行銷窗口,他是承接案子的繪圖設計師。當時他過著朝九晚六的上班族生活,憑藉優秀的電腦繪圖功力,在業外另行承接我這一張500、1,000元的設計案,貼補薪資的不足。我們也曾在聚會時一同抱怨升遷不順、加薪不如預期。
但後來他在工作之餘,另外自學程式、架設網站的專業,因為這些領域一直都是他在繪圖外的興趣。透過自學、接案的實作經驗積累,他逐漸能獨立承接更大型的設計專案,他不斷的累積實作經驗和業界口碑,同時也不忘繼續延伸自己的興趣範疇。
近年他架設了一個學生制服的圖鑑網,在學生群體中獲得廣大迴響,更引起媒體、廣告商及投顧公司的注意,後來定期舉辦活動、比賽,甚至吸引日本公司挹注資金投資。至於原本那份屈就的工作?當然早就離開了。他現在是台灣首屈一指的制服圖鑑網站站長,活動出席、顧問指導、開班授課的邀約不斷,事業版圖拓展非常迅速,他是以興趣鑽研技術為本,最後成功的經典案例。
他成功的關鍵,是在屈就中洗鍊出無可取代的技術力,透過技術面延伸的作品,吸引到投資者,進而創造成功,而不是留在原地持續抱怨。
2017年9月2日 星期六
用 js 點擊按鈕複製內容
要在網頁上點擊某個按鈕後,可以複製某特定區塊的內容,可以使用這隻 clipboard.js,使用的方法可以先下載 clipboard.js 或是使用 cdn。
然後先在網頁上初始化。
接下來只要在 html 上寫 HTML5 data attributes 就可以了。
Read more
然後先在網頁上初始化。
- new Clipboard('.btn');
接下來只要在 html 上寫 HTML5 data attributes 就可以了。
- <!-- Target -->
- <input id="foo" value="https://github.com/zenorocha/clipboard.js.git">
- <!-- Trigger -->
- <button class="btn" data-clipboard-target="#foo">
- <img src="assets/clippy.svg" alt="Copy to clipboard">
- </button>
2017年8月17日 星期四
[CodeIgniter] 取得來源網址
在 CI 裡面要取得來源網址,需要啟用 user agent 後再取得來源網址,可以知道使用者從哪邊來到這一頁。
其他 user agent 可以查閱User Agent 類別。
Read more
- $this->load->library('user_agent');
- if ($this->agent->is_referral())
- {
- echo $this->agent->referrer();
- }
其他 user agent 可以查閱User Agent 類別。
2017年8月13日 星期日
把 img 的 svg 標籤轉成真的 svg
近年來為了解析度的關係,又流行起把圖示或一些圖案使用 svg 的方式嵌入,只是若要直接用 svg 的標籤嵌入,圖一複雜就很難維護,但如果用 img 的標籤嵌入就方便許多,但這樣就有一個問題是由於是用 img 的標籤,一些 svg 的 css 就沒辦法使用了,本來應該做些取捨,但也有更好的方式,就是把 img 的標籤再用 js 轉成原本的 svg 就好了,網路上也有好用的工具可以使用,比如這個 SVGInjector。
把 js 放入專案後,最基本的用法只要如下面這樣使用就可以了。
一些進階的用法可以參考官方的說明,這樣就可以開心地使用 svg 了。
Read more
把 js 放入專案後,最基本的用法只要如下面這樣使用就可以了。
- // Elements to inject
- var mySVGsToInject = document.querySelectorAll('img.inject-me');
- // Do the injection
- SVGInjector(mySVGsToInject);
一些進階的用法可以參考官方的說明,這樣就可以開心地使用 svg 了。
2017年8月9日 星期三
2017年8月6日 星期日
2017年7月29日 星期六
2017年7月18日 星期二
在 codeigniter 裡的 helper 使用資料庫
如果要在 ci 的 helper 裡面使用資料庫,必須要使用 & get_instance() ,用法如下。
要呼叫資料庫都用 $ci 取代 $this
Read more
- $ci=& get_instance();
- $ci->load->database();
- //do something
- $ci->db->insert('your_table', $data);
要呼叫資料庫都用 $ci 取代 $this
2017年7月17日 星期一
台灣街景封面產生器
因為最近《BRUTUS》以台灣為封面被大家廣泛討論,於是和朋友製作了台灣街景封面產生器讓大家可以上傳並製作自己喜歡的封面,引起了廣大的迴響。
聽說裡面有介紹台灣制服,於是先用制服大賞做了一張封面。

也被媒體報導
台南街景丟人? 街景封面產生器出現了
自己的封面自己做 網友瘋玩街景封面產生器
台南日常不美?日雜封面自己選 網推台灣街景封面產生器
Read more
聽說裡面有介紹台灣制服,於是先用制服大賞做了一張封面。

也被媒體報導
台南街景丟人? 街景封面產生器出現了
自己的封面自己做 網友瘋玩街景封面產生器
台南日常不美?日雜封面自己選 網推台灣街景封面產生器
2017年7月12日 星期三
2017年7月8日 星期六
2017年7月6日 星期四
2017年6月24日 星期六
2017年6月23日 星期五
Pokemon Go 第二世代畢業

第二世代因為雷達成熟的關係,所以幾乎都不用蹲點就可以抓到大多數的怪,少了些農的成就感,取而代之的是孵蛋跟轉進化道具,像我這種算是比較少玩的,走的里程不多的話要完成就多花了些時間,後來是因為官方每連續七天一定會轉出進化道具讓我可以等那時候期待運氣,加上時間中間有一段個活動是兩公里但可以孵出寶寶,我在那時候孵出了無謂小子,聽牌聽迷唇娃好一陣子,才終於在最後孵出了迷唇娃宣告畢業。


結束後沒多久道館就大改版,聽說會有機會從裡面可以拿到傳說的 Pokemon,總之就在觀察囉。
2017年6月13日 星期二
2017年6月9日 星期五
[SR 超合金] マジンエンペラーG

在《真魔神 衝擊Z篇》中最後登場的劍鐵也,似乎也隨著沒有續篇的消息下,新機體遙遙無期,但最近在機戰V中,加入了僅有漫畫的真魔神ZERO,為了讓鐵也也能露露臉,於是遊戲原創了マジンエンペラーG(魔神帝王G)這架機體,看造型應該就是大魔神的後繼機,在魔神Z不斷有新版的造型出現,大魔神這下總也可以覺得欣慰了。


訂閱:
文章 (Atom)
文章
標籤雲
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
360
3D
3D Printer
3D Scanner
3D TV
3DS LL
3ds max
七大創意原則
七武海
九州
九型人格
人生
十大創新法則
三立
三立新聞網
三星
三國傳
千值練
大地盃
大阪
大津
大氣系
小田原
小朋友
小動畫
中央大學
中平商圈
中華職棒
互動設計
公視
天氣娃娃
心情日記
手機
手繪
日文
日本
日本戰國
日本職棒
日劇
月津港
火箭營
仙書紀
令和
北海岸
北海道
北關
可動群雄
台中
台南
台湾狼
台灣
台灣社群排行榜
台灣數位文化協會
台灣選舉地圖
史旺基
平面設計
未來國會
正妹
永平工商
生日
立委
光雕
印刷
名片
地科院
地球村
地圖
地震
好人卡
好軟體
好網站
年誌
成果展
早安
有聲書
江火明
自介
行銷
衣服
似顏繪
初音
完成品
尾牙
我的迷你城市
我要當女一
扭蛋盒玩
扭蛋戰士DASH
扭蛋戰士NEXT
汶萊
沖繩
狂新聞
京都
制服
制服大賞
制服女孩
命理
夜之祭
奈良
姊妹
宜蘭
東大特訓班
東京
武神降臨編
直播
社群日
股票
金流
金庸
侯文詠
勇者
厚生市集
咪醬
哆啦A夢
星座
活力熊
研究所
穿衣指數
紅色死神
美劇
風起雲湧
風雲祭
飛肯
香港
哥吉拉
展覽
座談會
旅行
旅遊
時報周刊
書
書單
栗原洋服店
格言
桃園
桌面寵物
氣象
氣象主播
氣象局
氣象預報
海洋堂
特殊符號
特攝
班服
神戶
神奇寶貝
紙公仔
紙模型
退休光碟
高中職博覽會
高校誌
假面騎士
偉大的航道
動物森友會
動畫
動畫術語
專家審查會議
專題
教學
產生器
設計
部落格
部落格小玩意
陳金鋒
創業
喬巴
媒體報導
減碳雙熊
無名
無障礙
程式
童顏app
絕對領域
萌
萌咩誌
評審
賀卡
超合金魂
超合金魂 F.A.
超級英雄圖譜
超級英熊
超級戰隊
跑馬燈
雲寶
黑襪
奧爾資訊
新聞易數
義大遊樂世界
聖鬥士星矢
資策會
路上觀察
遊記
遊戲
零秒出手
電子看板
電子書
電子報
電腦戰機
電影
預付卡
團體服
壽屋
夢想
慈幼社
漫畫
綠界
網頁
網頁作品
網站工具
網站優化
網路狂人週報
舞台背板
蜜月
酷瞧
颱風
餅乾
魂spec
彈珠台
影片
影音氣象
影集
影像處理
數位時代
樂樂小黃
模型
熱舞
獎金獵人
稻江護家
箱根
膝上襪
衛星雲圖
論壇
遮罩
戰鬥女子學園
戰隊
橋本環奈
機器人
機器人相關
講師
還願
黏土人
瀏覽器
翻譯
藍球教學
轉輪科技
鎌倉
雞排妹
顏文字
羅東
寶貝
籃球
蘋果日報
攝影
蘭友會
鐵啞鈴
魔神英雄傳
魔動王
讀書會
體育用品
ACA
ACE
AddThis
Adobe
Adobe XD
aerender
After Effect
AIR
AJAX
Android
AngularJS
AngularUI
Annual Analysis
ANSI
API
Apple
Apple Watch
AR
AR+
Arduino
array
Arrow
AS 3.0
background
BANDAI
Batman
BB戰士
bbs
blog
blogger
Blogger Touch
board game
bootstrap
Brave合金
browser
C3.js
CANDY醬
canvas
Card sorting
chrome
CI
CM's
cocos2D
CodeIgniter
color
COMPOSITE Ver. Ka
cookie
cosa
cosplay
css
css3
css教學
CW
CWB
D-Arts
D3.js
DC Comics
Death Note
deathhell
Decool
design
desktop
DeTools
Diablo
Discuz
display
dragon
embed
Emmet
EVA
excel
facebook
favicon
fc2
filter
Firebug
firefox
flash
Flex
FlickLinkr
flickr
FQL
fun電
Fun籃球
G Generation
G+
GARNiDELiA
GFF
GIGA合金
GIPHY
git
GleeFB
GleeShare
google
google adsense
Google Analytics
google datastudio
google fonts API
Google Geocoding API
Google Map API
google mapplets
google PageSpeed API
google tool bar
google+1
googlemaps
grid
GTI
GUNDAM
Gundam W
GUNDAM“EX-STANDARD”
Gunpla
GunXSword
hairbook
hairdodo
hairmap
Hami App
HG
HiRM
Homebook
HPX
htaccess
html
html5
iAngel
ichannel
ico
icon
IDEO
IE
III
illustrator
ImageMagick
InDesign
info graphic
instagram
iOS
iphone
Iron Man
ITCD
iTenki
IxD
javascript
JK
jquery
jquery plugin
jQuery UI
js
JSDC
JSON
JSON-LD
Keroro魂
Kobe
Koobii 高校誌
kuso
La new
lazyload
LEGO
less
life style
Line
Linux
localStorage
logo
LucyPop
Mac OS
MAD
mailgun
Maker Fair
Marvel Comics
MegaHouse
meta
Metal Robot 魂
MG
MIC
mit.jobs
MLB
mobile app
mobile web
movie
MSI
MSN小圖
MSN小綠人
msn表情符號
MSN機器人
mssql
MTK
My Weather
MySQL
NBA
NCU
NeoShop
node.js
nokia
NXEDGE STYLE
NXT
ONEPIECE
open data
OpenCart
ovomedia
Pantone
PChome
PDO
persona
photoshop
photoshop教學
php
phpFlickr
Picasa
pintrest
Pixnet
PIXOSTYLE
plurk
pokemon
Pokemon Go
Pokémon-Info
PPT
premiere
PTT
pv3d
PWA
Python
Raspberry Pi
react.js
reCAPTCHA
Restaurant City
RIOBOT
RoboInfo
robot
ROBOT魂
rockman
rockman X
RQ-Star
RWD
S.H.E
S.H.Figuarts
S市集
SCANDAL
scratch
Scss
SDCS
SDX
Semantic UI
SEO
showtenki
simpleXML
SketchUp
slideshow
sliding doors
spotlights
SQL
SQL Server
srw
SRW OG
star wars
Sublime Text
Super Heroes
Super MiniPla
Super Robot超合金
Supergirl
svg
switch
SyntaxHighlighter
TapFighters
TenkiMaps
TibaMe
Titanium
TP合金
TweenMax
twitter
U-Mobile
UCD
UI
UiGathering
Uniform Map
Unity
Usability
UX
video
vimeo
vQmod
Vue.js
WBC
WCF
weather
weather icon
weatherrisk
web
Web Design Theory
WebApp
WebConf
widget
Win7
wingzero
Wordpress
XAMPP
xml
XMLHttpRequest
Xuite
Yahoo API
Yahoo open hack
Yahoo!
Yam
YouTube
ZOIDS
