2012年9月30日 星期日
2012年9月26日 星期三
[ROBOT魂] VOX AURA

「京乃圓(まどか)」是個打從心底熱愛自己故鄉千葉縣鴨川之海的女高中生,同時也是一人社團「鴨女運動服社」的成員,以「要是遇到需要幫助的人就要挺身而出」作為中心精神進行社團活動的17歲少女。
某日她與神秘的美少女「蘭(ラン)相遇,第一眼就認為對方是同類的圓,熱烈地想要邀請她一同加入運動服社中。此時又有一位不可思議的轉學生「麥波(ムギナミ)」轉入了圓的班級中,面對著一口氣增加成三人的社團,他們能不能守護好鴨川呢……?


本作為隸屬IG集團旗下的Production I.G公司提出腳本,由同樣隸屬IG集團的XEBEC動畫公司製作,找來曾與該公司合作過知名動畫『機動戰艦』、『宇宙星路』的佐藤龍雄擔任總監督,並延請同樣與XEBEC動畫公司合作過知名動畫『英雄時代』、『蒼穹之戰神』的鈴木利正分任監督。
2012年9月25日 星期二
JSON和XMLHttpRequest
json是很好用的格式,可是跨domain會有安全性和存取的問題,如果要存取網站的api,就不能單純用json的方法來存取。之前有看過別人用JSONP,不過同事說問題很多,就建議我用XMLHttpRequest的方法存取,也順利取到資料了,我是用facebook graph api來測試的。
Read more
- var xhr = new XMLHttpRequest();
- xhr.open('GET', "https://graph.facebook.com/19292868552", false);
- xhr.send(null);
- var serverResponse = JSON.parse(xhr.responseText);
- alert(serverResponse.key);
2012年9月23日 星期日
2012年9月22日 星期六
超酷的結合CSS3轉場jQuery plugin

最近找到一個很酷的2D/3D相片CSS3轉場的jQuery plugin,使用後在網站放相片輪播就更炫了。
外掛網址
Flux-Slider
首先簡單的準備這樣的html
<div id="slider">
<img src="imgs/peacock.jpg" alt="" />
<img src="imgs/koi.jpg" alt="" />
<img src="imgs/life.jpg" alt="" />
</div>
2012年9月18日 星期二
[SR超合金] 勇者特急 マイトガイン

勇者系列的第四作,日本的撥映時間為1993年1月30日至1994年1月22日,17:00~17:30。


小時候電視台播放過不少勇者系列的動畫,其實勇者系列除了跟絕對無敵雷神王的藍光人系列分開外,依監督的不同,也可以做分類,像「勇者特急」、「勇者警察」、「黃金勇者」等由高松信司所監督則被喩為「高松三部作」。
2012年9月16日 星期日
2012年9月15日 星期六
2012年9月11日 星期二
jquery 手機UI日期選取plugin- mobiscroll

記得有次跟朋友討論到用html去做mobile的UI,沒想到今天看到這個plugin,而且還把許多種mobile的UI都做進去了,有需要的應該會是好工具。
下載網址:
Mobiscroll
大概看介面就知道是用來作時間選擇器的,然後可以選擇的類型也很多,稍為設定一下類型就好了,官網上設定玩就可以直接看到程式碼,所以大家可以玩看看。
用在手機上就很方便,可以掃這個QR Code去看看手機上的效果。

純CSS3圓形按鈕

這是用純css寫出來的social netowork選單,有興趣可以試試看。
結構就像這樣而已。
<div class="menu">
<ul class="primary-menu">
<li class="facebook"><a class="social-item" href="#">f</a><span class="social-span">Become a fan on Facebook</span></li>
<li class="twitter"><a class="social-item" href="#">t</a><span class="social-span">Follow us on Twitter</span></li>
<li class="flickr"><a class="social-item" href="#">c</a><span class="social-span">Add us on Flickr</span></li>
<li class="rss"><a class="social-item" href="#">a</a><span class="social-span">Follow our updates through RSS</span></li>
<li class="mail"><a class="social-item" href="#">k</a><span class="social-span">Subscribe to our newsletter</span></li>
</ul>
</div>
2012年9月10日 星期一
純CSS動畫選單

CSS3真是好玩的東西,這是純CSS3做的選單動畫,可以把source code copy回去就可以用了。
準備類似下面的結構
<ul id="panel">
<li><h3>MENU</h3></li>
<li class="animation"><a href="#">Link 1</a></li>
<li class="animation"><a href="#">Link 2</a></li>
<li class="animation"><a href="#">Link 3</a></li>
<li class="animation"><a href="#">Link 4</a></li>
<li class="animation"><a href="#">Link 5</a></li>
</ul>
寫法也很簡單,加一下transform
- transition: all 0.4s ease-in-out;
然後設滑過去後讓他動起來。
- transform:translateX(25px);
其他大同小異,研究一下原始碼就知道了。
Demo
2012年9月8日 星期六
2012年9月6日 星期四
產業分析模型
安索夫產品市場擴充矩陣
霍夫矩陣
利潤池
1998年,貝恩咨詢公司的奧里特·加迪什(Orit Gadiesh)和詹姆斯·吉爾伯特(James L. Gilbert)在《哈佛商業評論》中首次提出行業利潤池的概念。利潤池(Profit pools)是指行業價值鏈各鏈結點所產生的利潤總和。運用利潤池分析法的目的是研究行業總利潤在價值鏈各節點的分佈情況,併為企業的戰略決策提供依據。企業不論處於行業價值鏈的某一鏈節,還是跨越若幹鏈節,均應從利潤池的分佈情況出發,並結合自身在行業價值鏈中所處的位置及擁有的利潤池份額,研究行業價值鏈中其他有利可圖的價值活動,尋找發展的機會,作出放棄或開發其他鏈節的決策。企業可以通過分析和預測行業利潤池的變遷,確定企業未來的發展戰略。
賽局理論
具有競爭或對抗性質的行為成為博弈行為。在這類行為中,參加鬥爭或競爭的各方各自具有不同的目標或利益。為了達到各自的目標和利益,各方必須考慮對手的各種可能的行動方案,并力圖選取對自己最為有利或最為合理的方案。比如日常生活中的下棋,打牌等。賽局理論就是研究博弈行為中鬥爭各方是否存在著最合理的行為方案,以及如何找到這個合理的行為方案的數學理論和方法。
SWOT
優劣勢分析主要是著眼於企業自身的實力及其與競爭對手的比較,而機會和威脅分析將註意力放在外部環境的變化及對企業的可能影響上 。在分析時,應把所有的內部因素(即優劣勢)集中在一起,然後用外部的力量來對這些因素進行評估。
五力分析
五力分析模型是邁克爾·波特(Michael Porter)於80年代初提出,對企業戰略制定產生全球性的深遠影響。用於競爭戰略的分析,可以有效的分析客戶的競爭環境。五力分別是: 供應商的議價能力、購買者的議價能力、潛在競爭者進入的能力、替代品的替代能力、行業內競爭者現在的競爭能力。五種力量的不同組合變化 最終影響行業利潤潛力變化。
BCG矩陣
制定公司層戰略最流行的方法之一就是BCG矩陣。該方法是由波士頓咨詢集團(Boston Consulting Group, BCG)在上世紀70年代初開發的。BCG矩陣將組織的每一個戰略事業單位(SBUs)標在一種2維的矩陣圖上,從而顯示出哪個SBUs提供高額的潛在收益,以及哪個SBUs是組織資源的漏斗。BCG矩陣的發明者、波士頓公司的創立者布魯斯認為“公司若要取得成功,就必須擁有增長率和市場分額各不相同的產品組合。組合的構成取決於現金流量的平衡。”如此看來,BCG的實質是為了通過業務的優化組合實現企業的現金流量平衡。
價值鏈分析
價值鏈分析方法是企業為一系列的輸入、轉換與輸出的活動序列集合,每個活動都有可能相對於最終產品產生增值行為,從而增強企業的競爭地位。企業通過信息技術和關鍵業務流程的優化是實現企業戰略的關鍵。企業通過在在價值鏈過程中靈活應用信息技術,發揮信息技術的使能作用、杠桿作用和乘數效應,可以增強企業的競爭能力。
Read more
霍夫矩陣
利潤池
1998年,貝恩咨詢公司的奧里特·加迪什(Orit Gadiesh)和詹姆斯·吉爾伯特(James L. Gilbert)在《哈佛商業評論》中首次提出行業利潤池的概念。利潤池(Profit pools)是指行業價值鏈各鏈結點所產生的利潤總和。運用利潤池分析法的目的是研究行業總利潤在價值鏈各節點的分佈情況,併為企業的戰略決策提供依據。企業不論處於行業價值鏈的某一鏈節,還是跨越若幹鏈節,均應從利潤池的分佈情況出發,並結合自身在行業價值鏈中所處的位置及擁有的利潤池份額,研究行業價值鏈中其他有利可圖的價值活動,尋找發展的機會,作出放棄或開發其他鏈節的決策。企業可以通過分析和預測行業利潤池的變遷,確定企業未來的發展戰略。
賽局理論
具有競爭或對抗性質的行為成為博弈行為。在這類行為中,參加鬥爭或競爭的各方各自具有不同的目標或利益。為了達到各自的目標和利益,各方必須考慮對手的各種可能的行動方案,并力圖選取對自己最為有利或最為合理的方案。比如日常生活中的下棋,打牌等。賽局理論就是研究博弈行為中鬥爭各方是否存在著最合理的行為方案,以及如何找到這個合理的行為方案的數學理論和方法。
SWOT
優劣勢分析主要是著眼於企業自身的實力及其與競爭對手的比較,而機會和威脅分析將註意力放在外部環境的變化及對企業的可能影響上 。在分析時,應把所有的內部因素(即優劣勢)集中在一起,然後用外部的力量來對這些因素進行評估。
五力分析
五力分析模型是邁克爾·波特(Michael Porter)於80年代初提出,對企業戰略制定產生全球性的深遠影響。用於競爭戰略的分析,可以有效的分析客戶的競爭環境。五力分別是: 供應商的議價能力、購買者的議價能力、潛在競爭者進入的能力、替代品的替代能力、行業內競爭者現在的競爭能力。五種力量的不同組合變化 最終影響行業利潤潛力變化。
BCG矩陣
制定公司層戰略最流行的方法之一就是BCG矩陣。該方法是由波士頓咨詢集團(Boston Consulting Group, BCG)在上世紀70年代初開發的。BCG矩陣將組織的每一個戰略事業單位(SBUs)標在一種2維的矩陣圖上,從而顯示出哪個SBUs提供高額的潛在收益,以及哪個SBUs是組織資源的漏斗。BCG矩陣的發明者、波士頓公司的創立者布魯斯認為“公司若要取得成功,就必須擁有增長率和市場分額各不相同的產品組合。組合的構成取決於現金流量的平衡。”如此看來,BCG的實質是為了通過業務的優化組合實現企業的現金流量平衡。
價值鏈分析
價值鏈分析方法是企業為一系列的輸入、轉換與輸出的活動序列集合,每個活動都有可能相對於最終產品產生增值行為,從而增強企業的競爭地位。企業通過信息技術和關鍵業務流程的優化是實現企業戰略的關鍵。企業通過在在價值鏈過程中靈活應用信息技術,發揮信息技術的使能作用、杠桿作用和乘數效應,可以增強企業的競爭能力。
2012年9月5日 星期三
jQuery月曆- jQuery Calendar Widget

大部分的jquery plugin都是用來選取日期的,找了好久終於找到這個單純是月曆的,而且原始碼也很簡單,可以自己手動改一下,像我就把星期改成中文,如果有需要可以用看看。
jQuery Calendar Widget
設定一下就可以使用月曆了。
- date = new Date();
- year = date.getFullYear();
- month = date.getMonth();
- $("#calendar").calendarWidget({
- month: month,
- year: year
- });
如果想要顯示當天的日期,只要抓到那一天,然後給那天一個class,再改一下樣式就可以了。
2012年9月4日 星期二
用CSS3作動畫- Animate.css

CSS3可以做很多動畫,有空可以來研究看看,最近看到這個,只要引入他的CSS,再動態加到元素裡就可以產生動了,一方面可以輕鬆產生動畫,一方面也可以去看看他的寫法,我想對學習CSS3的動畫是很有幫助的。
首先到這邊下載css
Animate.css
然後引入到文件中,選擇想要的動畫效果,把class加到元素中就可以了,也可以動態把class加到元素中,官網有示範。
- function testAnim(x) {
- $('#box').removeClass().addClass("animated").addClass(x);
- var wait = window.setTimeout( function(){
- $('#box').removeClass()},
- 1300
- );
- }
- $('a[data-test]').click(function(){
- var anim = $(this).attr('data-test');
- testAnim(anim);
- });
可以參考網站的寫法,主要是動態加了class後就會有動畫,不過需要做reset的動作才不會怪怪的。
如果覺得網站複雜可以參考我的寫法
Demo
2012年9月2日 星期日
jquery月曆 Date Picker

jquery有不少月曆的plugin,這次因為專案需要找了這個,可以在月曆上標示一些日期的簡單小月曆。
下載網址
Date Picker
下載後引入plugin跟css
<link rel="stylesheet" media="screen" type="text/css" href="css/datepicker.css" />
<script type="text/javascript" src="js/datepicker.js"></script>
然後像範例一樣引入
- $('#date').DatePicker({
- flat: true,
- date: '2008-07-31',
- current: '2008-07-31',
- calendars: 1,
- starts: 1
- });
主要是把mode設為'multiple', 就可以在月曆標多個日期了。
訂閱:
文章 (Atom)
文章
-
▼
2012
(301)
-
▼
九月
(19)
- [MegaHouse] 魔動王 超級風王
- [ROBOT魂] VOX AURA
- JSON和XMLHttpRequest
- 研究所開學
- 超酷的結合CSS3轉場jQuery plugin
- [SR超合金] 勇者特急 マイトガイン
- 巫醫普通級突破
- 野蠻人普通級突破
- 氣象局影音氣象自動化
- jquery 手機UI日期選取plugin- mobiscroll
- 純CSS3圓形按鈕
- 武僧60等達成
- 純CSS動畫選單
- [轉輪科技] Black Overman Xan(斬)
- 產業分析模型
- 秘術師60等
- jQuery月曆- jQuery Calendar Widget
- 用CSS3作動畫- Animate.css
- jquery月曆 Date Picker
-
▼
九月
(19)

標籤雲
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
