現代化網站 Modern Web (CSS3, JavaScript, HTML5)
CSS3
- 大多數功能已經不用加上prefix(前綴)
- 行動裝置瀏覽網頁流量提升
- RWD網站利用CSS3的 Media Query
- @font-face解決特殊字型使用者無法看到的問題
- ＠supports檢查瀏覽器支援能力的作法
Microsoft Edge Modern Web網站掃描工具規範檢查與建議
https://dev.windows.com/en-us/microsoft-edge/tools/
JavaScript
使用者互動jQuery更新到最新版本
Modernizr偵測瀏覽器支援度
ECMAScript5:更有架構更穩定
- TypeScript
- Coffeescript
HTML5
- 關鍵字搜尋
- 語意標籤
- 權重
- canvas繪圖動畫
- <!DOCTYPE html>
系列相關課程影片:
- 現代化網站設計 - ModernWeb CSS
- https://sway.com/9njfRbq1Oturs9lp
- 現代化網站設計 - ModernWeb JavaScript
- https://sway.com/wu6pfl83B5AumLOC
- 現代化網站設計 - ModernWeb HTML
- https://sway.com/Gjg5OAOkgBcbNwsv
