​ 該項目forked于 NOTE_HTML5。在其基礎上進行前端編程的學習,後續項目將不會編寫md閲讀文檔,而是直接在觀看視頻的同時,在src中進行注釋。

src─|
 ├── CSS 
 ├── html
 │  └── H5
 ├── image
 └── path_test

✨视频中使用到的软件和资源,还有一些其他的开发工具,仅供参考(eg. 考虑到部分下载速度的问题,特意整理了部分软件到Software仓库下,大家可以自取)

• 离线文档:Zeal - Offline Documentation Browser

• 官方地址:notepad-plus-plus.org
• Softonic地址:Notepad++ - Download (softonic.com)

• 官方地址:Sublime Text - A sophisticated text editor for code, markup and prose

• 官方地址:Visual Studio Code - Code Editing. Redefined
• 安装的插件
  • Chinese (Simplified) Language Pack for Visual Studio Code
  • Ayu
  • vscode-icons
  • Live Server
  • JS & CSS Minifier (Minify)

• 官方地址:Atom

• Github地址:atom/atom: The hackable text editor (github.com)

• 中文地址:Atom中文网 (baisheng999.com)

• 官方地址:Download WebStorm: The Smartest JavaScript IDE by JetBrains

• 下载地址:FastStone Capture - Download

• 下载地址:Adobe_Photoshop_CS6_Lite.7z - 蓝奏云 (lanzoui.com)

• HTML 字符实体
• HTML ISO-8859-1 参考手册

• 官方地址:CSS Diner - Where we feast on CSS Selectors!

• 官方地址:reset.css

• 官方地址:normalize.css

• 在线地址:https://cubic-bezier.com

• ✅ 京东图片列表
• ✅ 京东左侧导航条
• ✅ 网易新闻列表
• ⬜田径场(这个是我自己学完盒模型之后突发奇想的,大家可以忽略跳过)
• ✅ w3school顶部导航栏
• ✅ 京东轮播图
• ✅ 京东顶部导航条
• ✅ 背景按钮
• ✅ 电影卡片
• ✅ 小米商城
• ✅ 米兔
• ✅ 奔跑的少年
• ✅ 奔跑的川普
• ✅ 弹力球
• ✅ 酷炫球
• ✅ 鸭子表
• ✅ 复仇者联盟

demo\font\

• ZCOOLKuaiLe-Regular.ttf
• ZCOOLQingKeHuangYou-Regular.ttf
• ZCOOLXiaoWei-Regular.ttf

整理难免有疏忽和遗漏的地方,欢迎大家指正批评!

署名 4.0 国际 (CC BY 4.0)。您可以自由地:共享 — 在任何媒介以任何形式复制、发行本作品;演绎 — 修改、转换或以本作品为基础进行创作;在任何用途下,甚至商业目的。只要你遵守许可协议条款,许可人就无法收回你的这些权利。惟须遵守下列条件:署名 — 您必须给出适当的署名,提供指向本许可协议的链接,同时标明是否(对原始作品)作了修改。您可以用任何合理的方式来署名,但是不得以任何方式暗示许可人为您或您的使用背书。