Android版本(Play商店): https://play.google.com/store/apps/details?id=com.twtnn.puzzle_sample
原始碼(GitHub): https://github.com/lyhpcha/puzzle_sample
Google Fonts有許多的英文字型可以讓網頁文字有更多的變化。
而在Google的Web Font Early Access中,已經有五種中文字型了,
只要以CSS的語法就直接可以套用在網頁上,也有提供字型下載。
網址:https://www.google.com/fonts/earlyaccess
在網路上看到一個前端的JS框架:Angular,是由Google維護。
透過「宣告」(Directives Syntax) 來達成JS的動作。
Angular有幾項優點:
宣告式語法 (Directives)
DOM Templates
上次發現ajax在存取上有跨網域的問題後,就一直想試看看解決的方法,
為了安全性考量,在跨網域存取時,必須得到對方網域的同意才能存取。
所以到網路下載一個免安裝的Apache+MySQL的程式:UniServerZ
解壓縮後,直接執行就可以開啟Apache Web Site,很方便測試。
先寫一個簡單PHP網頁test01.php:
使用的瀏覽器:Google Chrome
版本:40.0.2214.115 m
學習jquery的ajax時,設計了一個簡單的測試ajax的網頁,
直接以file的方式透過瀏覽器測試:file:///E:/test07/www/index.html
結果我在Google Chrome上瀏覽測試時卻出現錯誤:
上次利用jQuery來操作canvas的試次還算順利,所以也想用jQuery來操作CSS3 animation。
可是這次就沒有上次那麼幸運了,無論用選擇器或函數,就是無法操作CSS3 animation。
經google大神的幫助,找到一個jQuery的外掛程式:jQuery-Keyframes
下載網址:https://github.com/jQueryKeyframes/jQuery.Keyframes
另外還要下載一個js:prefixfree
在學習css3的過程中,看到有一個animate.css的說明,有數十種特效動畫可以引用,
所以就下載來試用,果然使用上非常的方便,也可以藉此學習css3的語法。
下載網址有兩個位置,其中一個可以線上觀看特效如下:
http://daneden.github.io/animate.css/
選擇想要的特效,按下旁邊的按鈕就可以由標題知道效果。