HTML5筆記

2017-05-11

對焦表格欄位效果

See the Pen focus table item by jay hsu (@jayh0324) on CodePen. ...
更多資料
2017-05-11

數字圖示漸漸上升效果展示

See the Pen increase number and svg fill up animation by jay hsu (@jayh0324) on CodePen. ...
更多資料
2017-03-28

多國語標籤 hreflang 設定方式

1. 透過link標籤直接嵌入網頁中   我是用sublime text來做的,不過其他編輯器應該也有一樣的做法,可能要研究一下。 我的作法是尋找每一頁的   < head> < link rel="alternate" href="英文版絕對路徑" hreflang="x-default" /> < link rel="alternate" href="英文版絕對路徑" hreflang="en" /&...
更多資料
2017-03-07

SVG繪圖效果測試

SVG繪圖效果: See the Pen <a data-cke-saved-href='https://codepen.io/jayh0324/pen/yMxGWb/' href='https://codepen.io/jayh0324/pen/yMxGWb/'>SVG Animation and Interaction</a> by jay hsu (<a data-cke-saved-href='http://codepen.io/jayh0324' href='http://codepen.io/j...
更多資料
2016-11-28

HTML5 Video標籤 使用相關筆記

如果要崁入影片至網頁,現在可以直接用html5的video標籤,以下為使用方式 <video controls="controls" height="534" id="my-video" poster="your_poster.jpg" preload="preload" width="950"> <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 --> <source src="http://media.globalonenessproject.or...
更多資料
2015-08-17

HTML 關於 Form 與 Table 的結構

有關form標籤在IE中的使用注意事項: If you try to add a form warping a tr element like this <table> <form> <tr> <td><input type="text"/></td> <td><input type="submit"/></td> </tr> </form> </table> some brows...
更多資料
2014-07-02

swf 轉 html5的工具

Swf 轉 HTML5 的工具 Google Swiffy https://www.google.com/doubleclick/studio/swiffy/ 優點: 可以下載到flash,直接從flash中publish成html5的格式 有支援在線轉檔的服務,可以直接到該網頁中進行swf轉檔 轉出動畫效果幾乎是一樣,有支援swf裡面stop()的指令 轉出的檔案可以有額外的代碼來做調整,如需要將輸出的動畫背景,可在body的script中放 "stage.setBackground(null);" 即可將背景設置為透明...
更多資料

Contact

Github

Codepen

歡迎參觀我的賣場
© 2013 Copyright Digishot Web | Design Tools
Visitors【177225】
digishot webdesign studio