├── .gitignore └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | # Compiled source # 2 | ################### 3 | *.com 4 | *.class 5 | *.dll 6 | *.exe 7 | *.o 8 | *.so 9 | 10 | # Packages # 11 | ############ 12 | # it's better to unpack these files and commit the raw source 13 | # git has its own built in compression methods 14 | *.7z 15 | *.dmg 16 | *.gz 17 | *.iso 18 | *.jar 19 | *.rar 20 | *.tar 21 | *.zip 22 | 23 | # Logs and databases # 24 | ###################### 25 | *.log 26 | *.sql 27 | *.sqlite 28 | 29 | # OS generated files # 30 | ###################### 31 | .DS_Store 32 | .DS_Store? 33 | ._* 34 | .Spotlight-V100 35 | .Trashes 36 | ehthumbs.db 37 | Thumbs.db 38 | 39 | # Node specific # 40 | ################# 41 | lib-cov 42 | *.seed 43 | *.log 44 | *.dat 45 | *.out 46 | *.pid 47 | *.gz 48 | pids 49 | logs 50 | #results 51 | npm-debug.log 52 | node_modules/ 53 | 54 | # Bower # 55 | ################# 56 | bower_components/ 57 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 目录 2 | 3 | ## 工具 4 | * [Sketch](https://github.com/ninghao/path#sketch) 5 | * [命令行](https://github.com/ninghao/path#命令行) 6 | * [编辑器](https://github.com/ninghao/path#编辑器) 7 | * [版本控制](https://github.com/ninghao/path#版本控制) 8 | * [虚拟机](https://github.com/ninghao/path#虚拟机) 9 | * [前端工具](https://github.com/ninghao/path#前端工具) 10 | * [正则表达式](https://github.com/ninghao/path#正则表达式) 11 | 12 | ## 语言 13 | * [HTML](https://github.com/ninghao/path#html) 14 | * [CSS](https://github.com/ninghao/path#css) 15 | * [JavaScript](https://github.com/ninghao/path#javascript) 16 | * [PHP](https://github.com/ninghao/path#php) 17 | * [SQL](https://github.com/ninghao/path#mysql) 18 | * [Swift](https://github.com/ninghao/path#swift) 19 | * [Ruby](https://github.com/ninghao/path#ruby) 20 | 21 | ## 服务 22 | * [Linux](https://github.com/ninghao/path#linux) 23 | * [Web 服务器](https://github.com/ninghao/path#web-服务器) 24 | * [自动化配置](https://github.com/ninghao/path#自动化配置) 25 | * [Docker](https://github.com/ninghao/path#docker) 26 | * [阿里云](https://github.com/ninghao/path#阿里云) 27 | 28 | ## 应用 29 | * [React](https://github.com/ninghao/path#react) 30 | * [React Native](https://github.com/ninghao/path#react-native) 31 | * [Semantic UI](https://github.com/ninghao/path#semantic-ui) 32 | * [Bootstrap](https://github.com/ninghao/path#bootstrap) 33 | * [WordPress](https://github.com/ninghao/path#wordpress) 34 | * [Drupal](https://github.com/ninghao/path#drupal) 35 | * [Laravel](https://github.com/ninghao/path#laravel) 36 | * [Ruby on Rails](https://github.com/ninghao/path#rails) 37 | * [Node.js](https://github.com/ninghao/path#nodejs) 38 | * [Vue.js](https://github.com/ninghao/path#vuejs) 39 | 40 | ## 实例 41 | * [网站实例](https://github.com/ninghao/path#网站实例) 42 | 43 | ## 附录 44 | * [宁皓网](https://github.com/ninghao/path#宁皓网) 45 | * [Atom 插件列表](https://github.com/ninghao/path#atom-插件列表) 46 | * [Chrome 插件列表](https://github.com/ninghao/path#chrome-插件列表) 47 | * [macOS 应用列表](https://github.com/ninghao/path#macos-应用列表) 48 | * [视频录制](https://github.com/ninghao/path#视频录制) 49 | 50 | # 课程列表 51 | 52 | ##网站 53 | 一个完整的网站案例。每周一更新。 54 | * [网站 1：工作流](https://ninghao.net/course/4688) 55 | * [网站 2：线框图](https://ninghao.net/course/4707) 56 | * [网站 3：导航设计](https://ninghao.net/course/4727) 57 | * [网站 4：导航栏](https://ninghao.net/course/4743) 58 | * [网站 5：移动导航](https://ninghao.net/course/4792) 59 | 60 | ##Sketch 61 | 界面设计工具。 62 | * [Sketch：设计工具](https://ninghao.net/course/4362) 63 | * [Sketch：插件](https://ninghao.net/course/4412) 64 | * [Sketch：技能](https://ninghao.net/course/4417) 65 | 66 | ## 命令行 67 | 我保证在你的工作中一定会用到命令行，尽早熟悉在命令行界面下工作会非常的有帮助。macOS 用户打开 Terminal（终端），Windows 用户打开 Powershell，练习一些常用的命令。 68 | * [命令行](https://ninghao.net/course/3501) 69 | 70 | ## 编辑器 71 | 准备一款现代的代码编辑器，开始不要浪费太多时间在选择上，用你最熟悉的就行。如果还没谱用哪个，可以跟我一样使用 Atom 编辑器。如果我发现更好的，绝对不会自己偷着用。 72 | * [Atom：代码编辑器](https://ninghao.net/course/2025) 73 | * [Emmet：HTML 与 CSS 缩写](https://ninghao.net/course/1123) 74 | 75 | ## 版本控制 76 | 项目的代码要用版本控制工具来管理，这是一定要做的事情，这样你才有机会进步，去跟别人合作。Git 是版本控制工具的一种。macOS 安装 Git 以后可以使用终端来操作，Windows 安装 Git 以后可以使用 Git Bash。 77 | * [Git：版本控制](https://ninghao.net/course/1882) 78 | 79 | ## 虚拟机 80 | 你打算学一下 Linux，模拟一下服务器环境，搭建一个运行网站的环境，可以在本地创建一些 Linux 系统的虚拟机。用 Vagrant 管理虚拟机简单方便。 81 | * [Vagrant：虚拟机管理](https://ninghao.net/course/1569) 82 | 83 | --- 84 | 85 | ## 前端工具 86 | 前端项目相关的工具，需要的时候可以过来学一下。 87 | * [前端库](https://ninghao.net/course/2939) 88 | * [前端工具箱](https://ninghao.net/course/3074) 89 | * [Bower 前端包管理](https://ninghao.net/course/1959) 90 | * [Grunt 自动化任务](https://ninghao.net/course/1974) 91 | * [Gulp 自动化任务](https://ninghao.net/course/2000) 92 | * [Browsersync 浏览器同步](https://ninghao.net/course/2672) 93 | * [npm：JavaScript 包管理](https://ninghao.net/course/3421) 94 | * [Babel：JavaScript 编译工具](https://ninghao.net/course/3432) 95 | * [webpack：模块打包](https://ninghao.net/course/3443) 96 | 97 | ## HTML 98 | 网页上的文字，标题，列表，表格，表单... 这些元素都是用 HTML 标记组成的。 99 | * [HTML：标记语言](https://ninghao.net/course/3480) 100 | 101 | ## CSS 102 | 网页上的文字，标题，列表，表格，表单的显示样式，比如颜色，大小，阴影，背景... 都是用 CSS 添加的。 103 | * [CSS：样式语言](https://ninghao.net/course/3455) 104 | * [CSS：选择器](https://ninghao.net/course/1091) 105 | * [CSS：Flexbox 布局](https://ninghao.net/course/2948) 106 | * [CSS：过渡](https://ninghao.net/course/4307) 107 | * [CSS：变换](https://ninghao.net/course/4313) 108 | * [响应式网页设计](https://ninghao.net/course/1002) 109 | * [Sass 基础](https://ninghao.net/course/2094) 110 | 111 | ## JavaScript 112 | 网页上元素的交互功能是用 JavaScript 语言创建的。比如点击了什么，要做什么。提交了表单以后要怎么样处理表单里的数据。 113 | * [JavaScript 基础](https://ninghao.net/course/1235) 114 | * [jQuery 基础](https://ninghao.net/course/1295) 115 | * [ECMAScript 新功能](https://ninghao.net/course/3032) 116 | * [HTML5：Web 存储](https://ninghao.net/course/1218) 117 | * [HTML5：应用缓存](https://ninghao.net/course/1279) 118 | * [HTML5：文件 API](https://ninghao.net/course/1347) 119 | * [HTML5：Web SQL](https://ninghao.net/course/1381) 120 | * [HTML5：文件系统](https://ninghao.net/course/1416) 121 | * [Backbone 基础](https://ninghao.net/course/1444) 122 | * [Underscore 基础](https://ninghao.net/course/1479) 123 | * [Backbone 应用实例](https://ninghao.net/course/1510) 124 | 125 | ## Semantic UI 126 | CSS 与 JavaScript 框架，可以基于它创建应用的用户界面。 127 | * [Semantic UI 元素](https://ninghao.net/course/2753) 128 | * [Semantic UI 集合](https://ninghao.net/course/2858) 129 | * [Semantic UI 视图](https://ninghao.net/course/2779) 130 | * [Semantic UI 网格](https://ninghao.net/course/2796) 131 | * [Semantic UI 模块](https://ninghao.net/course/2836) 132 | * [Semantic UI 应用接口](https://ninghao.net/course/2809) 133 | 134 | ## Bootstrap 135 | CSS 与 JavaScript 框架，可以基于它创建应用的用户界面。 136 | * [Bootstrap 3 基础](https://ninghao.net/course/1553) 137 | * [Bootstrap 4 新功能](https://ninghao.net/course/2921) 138 | 139 | ## React 140 | Facebook 出品的前端应用框架，可以基于它创建前端应用。 141 | * [React 基础](https://ninghao.net/course/2967) 142 | * [React 路由](https://ninghao.net/course/2986) 143 | 144 | ## React Native 145 | 用 React 的方式创建移动端的本地应用，比如 iOS 或 Android 应用。 146 | * [React 本地应用 #1](https://ninghao.net/course/3001) 147 | * [React 本地应用 #2 导航](https://ninghao.net/course/3088) 148 | * [React 本地应用 #3 文本框](https://ninghao.net/course/3114) 149 | * [React 本地应用 #4 存储](https://ninghao.net/course/3134) 150 | * [React 本地应用 #5 滚动分页](https://ninghao.net/course/3164) 151 | * [React 本地应用 #6：oAuth](https://ninghao.net/course/3244) 152 | * [React Native 组件](https://ninghao.net/course/3389) 153 | * [WordPress 与 React Native](https://ninghao.net/course/3355) 154 | * [Drupal 8 与 React Native](https://ninghao.net/course/3371) 155 | 156 | ## Vue.js 157 | 一个与 React 齐名的前端框架。 158 | * [Vue.js：预览](https://ninghao.net/course/4256) 159 | * [Vue.js 前端框架](https://ninghao.net/course/4276) 160 | * [Vue.js: 组件](https://ninghao.net/course/4298) 161 | 162 | --- 163 | 164 | ## 正则表达式 165 | * [正则表达式](https://ninghao.net/course/4020) 166 | 167 | --- 168 | 169 | ## Linux 170 | Linux 是最常用的服务器操作系统，有很多发行版本，比如 CentOS，Ubuntu 等等。 171 | * [Linux 文件与目录权限](https://ninghao.net/course/2508) 172 | * [yum：CentOS 包管理工具](https://ninghao.net/course/3507) 173 | * [systemctl：Linux 服务管理](https://ninghao.net/course/3518) 174 | * [iptables 防火墙](https://ninghao.net/course/3528) 175 | * [Syncthing 文件同步](https://ninghao.net/course/2686) 176 | 177 | ## Web 服务器 178 | * [NGINX：Web 服务器](https://ninghao.net/course/3996) 179 | * [LEMP 网站应用运行环境](https://ninghao.net/course/2522) 180 | 181 | ## 自动化配置 182 | * [Ansible：自动化配置](https://ninghao.net/course/4032) 183 | 184 | ## Docker 185 | 网站从本地到生产之间的业务流程，使用 Docker 会更简单。只有尝试之后才知道它到底是什么。 186 | * [Docker：镜像与容器](https://ninghao.net/course/3764) 187 | * [Docker：存储](https://ninghao.net/course/3808) 188 | * [Docker：网络](https://ninghao.net/course/3814) 189 | * [Docker：组合](https://ninghao.net/course/3826) 190 | * [Docker 容器化应用](https://ninghao.net/course/3840) 191 | * [Docker：集群](https://ninghao.net/course/3870) 192 | 193 | ## 阿里云 194 | 支持应用运行的服务，可以使用阿里云提供的各种服务。不贵，稳定，可扩展。 195 | * [阿里云 ECS：Linux 服务器](https://ninghao.net/course/1584) 196 | * [阿里云 RDS：关系数据库](https://ninghao.net/course/3594) 197 | * [阿里云 SLB：负载均衡](https://ninghao.net/course/3604) 198 | * [阿里云邮件推送](https://ninghao.net/course/3631) 199 | * [阿里云 VPC：专有网络](https://ninghao.net/course/3968) 200 | * [阿里云 ROS：资源编排](https://ninghao.net/course/3969) 201 | * [阿里云：域名](https://ninghao.net/course/4518) 202 | 203 | --- 204 | 205 | ## PHP 206 | 一种后端应用的脚本语言，Drupal，WordPress，Laravel 都是基于这种语言编写的。 207 | * [PHP 基础](https://ninghao.net/course/1528) 208 | * [PHP 面向对象](https://ninghao.net/course/1855) 209 | 210 | ## MySQL 211 | 一种关系类型的数据库管理系统，应用产生的数据可以放在这种数据库里来管理。了解下 SQL 语言的基本用法。 212 | * [MySQL 基础](https://ninghao.net/course/1736) 213 | 214 | ## Drupal 215 | 内容管理系统，你可以基于它创建自己的应用。企业，政府，大学，娱乐界的很多大牌都相信 Drupal。 216 | ### 版本: 7.x 217 | * [Drupal 日常维护](https://ninghao.net/course/1699) 218 | * [Drupal 7 基础（上）](https://ninghao.net/course/546) 219 | * [Drupal 7 基础（下）](https://ninghao.net/course/571) 220 | * [Drupal 7 多语言](https://ninghao.net/course/497) 221 | * [Drupal 7 主题开发](https://ninghao.net/course/418) 222 | * [Drupal Rules 自动化操作](https://ninghao.net/course/798) 223 | * [Drupal Commerce 电子商务](https://ninghao.net/course/818) 224 | * [Drupal Services 整合外部应用](https://ninghao.net/course/1188) 225 | * [Drupal 一分钟](https://ninghao.net/course/982) 226 | * [创建宁皓网 #1：准备](https://ninghao.net/course/2620) 227 | * [创建宁皓网 #2：内容结构](https://ninghao.net/course/2644) 228 | * [创建宁皓网 #3：电子商务](https://ninghao.net/course/2721) 229 | 230 | ### 版本: 8.x 231 | * [Drupal 8：字段](https://ninghao.net/course/3150) 232 | * [Drupal 8：视图（上）](https://ninghao.net/course/3178) 233 | * [Drupal 8：视图（下）](https://ninghao.net/course/3203) 234 | * [Drupal：Console](https://ninghao.net/course/4478) 235 | * [Drupal 8 开发：控制器与路由](https://ninghao.net/course/3676) 236 | * [Drupal 8 开发：资源管理](https://ninghao.net/course/3687) 237 | * [Drupal 8 开发：表单](https://ninghao.net/course/3708) 238 | * [Drupal 8 开发：区块](https://ninghao.net/course/3719) 239 | * [Drupal 8：多语言](https://ninghao.net/course/3740) 240 | * [Drupal 8：REST 接口](https://ninghao.net/course/3335) 241 | * [Drupal 8：配置管理](https://ninghao.net/course/4386) 242 | * [Drupal 8：电子商务](https://ninghao.net/course/4460) 243 | 244 | ## WordPress 245 | 蓝色星球上用的最多的内容管理系统，你也可以基于它创建自己的网站应用。 246 | * [WordPress 基础](https://ninghao.net/course/618) 247 | * [WordPress 日常维护](https://ninghao.net/course/1767) 248 | * [WordPress 电子商务网站](https://ninghao.net/course/1775) 249 | * [WordPress 插件](https://ninghao.net/course/864) 250 | * [Wordpress 一分钟](https://ninghao.net/course/873) 251 | * [WordPress 主题开发](https://ninghao.net/course/691) 252 | * [WordPress 自定义内容类型](https://ninghao.net/course/740) 253 | * [WordPress 内容关系](https://ninghao.net/course/772) 254 | * [WordPress 开发：钩子](https://ninghao.net/course/3698) 255 | * [WordPress 开发：设置](https://ninghao.net/course/3857) 256 | * [WordPress 开发：计划任务](https://ninghao.net/course/3883) 257 | * [WordPress 开发：脚本与样式](https://ninghao.net/course/3939) 258 | * [WordPress 开发：短代码](https://ninghao.net/course/3950) 259 | * [WordPress 开发：小工具](https://ninghao.net/course/3959) 260 | * [WordPress REST 接口](https://ninghao.net/course/3315) 261 | 262 | ## Laravel 263 | 这个框架改变了很多人对 PHP 这种语言的看法。 264 | ### 版本：4.x 265 | * [Laravel 4 基础](https://ninghao.net/course/1642) 266 | * [Laravel 数据库](https://ninghao.net/course/1729) 267 | * [Laravel 身份验证](https://ninghao.net/course/1921) 268 | 269 | ### 版本：5.x 270 | * [Laravel 5：路由](https://ninghao.net/course/3225) 271 | * [Laravel 5：控制器](https://ninghao.net/course/3258) 272 | * [Laravel 5：视图](https://ninghao.net/course/3281) 273 | * [Laravel 5：模板](https://ninghao.net/course/3294) 274 | 275 | ## Ruby 276 | * [Ruby 语言](https://ninghao.net/course/4234) 277 | 278 | ## Rails 279 | Ruby on Rails。 280 | ### 版本 5.x 281 | * [Ruby on Rails：起步](https://ninghao.net/course/4101) 282 | * [Rails：数据库 Migration](https://ninghao.net/course/4133) 283 | * [Rails：关联](https://ninghao.net/course/4154) 284 | * [Rails：查询接口](https://ninghao.net/course/4171) 285 | * [Rails：控制器](https://ninghao.net/course/4197) 286 | * [Rails：视图](https://ninghao.net/course/4218) 287 | 288 | ## Node.js 289 | 在服务端运行的 JavaScript。 290 | * [Node.js](https://ninghao.net/course/3912) 291 | * [Node.js：测试](https://ninghao.net/course/4065) 292 | * [Express](https://ninghao.net/course/4618) 293 | 294 | ## Swift 295 | 创建 iOS，macOS 应用需要用的语言。 296 | * [Swift 语言](https://ninghao.net/course/3781) 297 | 298 | ## 网站实例 299 | 网站实例课程。 300 | * [网站实例：设计](https://ninghao.net/course/4420) 301 | 302 | --- 303 | 304 | ## 其它 305 | 不知道把它们放到哪里合适。 306 | * [HTML5 与 Bootstrap 应用实例](https://ninghao.net/course/663) 307 | * [MixItUp：动画过滤与排序](https://ninghao.net/course/3730) 308 | * [Plyr 播放器](https://ninghao.net/course/3754) 309 | * [使用 Ansible](https://ninghao.net/course/2580) 310 | * [游乐场](https://ninghao.net/course/2707) 311 | * [oAuth 2.0 身份验证流程](https://ninghao.net/course/3193) 312 | * [MongoDB](https://ninghao.net/course/3898) 313 | * [宁皓网](https://ninghao.net/course/3404) 314 | 315 | ## 废弃 316 | 这些课程可以存档了，无聊的时候可以看看当初的傻样。 317 | * [Joomla 1.5 基础](https://ninghao.net/course/1) 318 | * [Joomla 1.5 发布网站](https://ninghao.net/course/2) 319 | * [Joomla 模板架构：T3](https://ninghao.net/course/341) 320 | * [Joomla 2.5 模板开发](https://ninghao.net/course/291) 321 | * [Joomla 2.5 权限控制](https://ninghao.net/course/401) 322 | * [Joomla 模板架构：Gantry](https://ninghao.net/course/884) 323 | * [Joomla 模板架构：T3](https://ninghao.net/course/914) 324 | * [Drupal 6 基础（上）](https://ninghao.net/course/5) 325 | * [Drupal 6 基础（下）](https://ninghao.net/course/6) 326 | * [Opencart 基础](https://ninghao.net/course/367) 327 | * [CSS 基础](https://ninghao.net/course/4) 328 | * [使用网格系统布局](https://ninghao.net/course/271) 329 | * [Bootstrap 2 基础](https://ninghao.net/course/453) 330 | * [搜索引擎优化](https://ninghao.net/course/239) 331 | * [JW Player 播放器](https://ninghao.net/course/1068) 332 | * [Flowplayer 播放器](https://ninghao.net/course/1042) 333 | * [CentOS : 在阿里云上运行网站](https://ninghao.net/course/514) 334 | * [AngularJS 基础](https://ninghao.net/course/2034) 335 | * [PhoneGap 基础](https://ninghao.net/course/1143) 336 | * [Photoshop CS5 网页设计](https://ninghao.net/course/3) 337 | 338 | # 附录 339 | 340 | ## 宁皓网 341 | 342 | ### 前端 343 | * [Bootstrap 3.x](https://getbootstrap.com/)：CSS 与 JavaScript 框架。 344 | * [Semantic UI 2.x](https://semantic-ui.com/)：CSS 与 JavaScript 框架。 345 | * [Plyr](https://plyr.io/)：视频播放器。 346 | * [Vide](https://vodkabears.github.io/vide/)：视频背景。 347 | * [ScrollReveal](https://scrollrevealjs.org/)：滚动动画。 348 | * [Headroom.js](https://wicky.nillia.ms/headroom.js/)：滚动隐藏页头。 349 | * [Animate.css](https://daneden.github.io/animate.css/)：CSS 动画。 350 | * [MixItUp](https://mixitup.kunkalabs.com/)：带动画效果的过滤与排序。 351 | 352 | ### 后端 353 | * [Drupal 7.x](https://www.drupal.org/)：内容管理系统。 354 | * [Discourse](https://www.discourse.org/)：论坛。 355 | 356 | ### 服务 357 | * [阿里云：ECS - ecs.s1.small - 4 台](https://ecs.console.aliyun.com/)：云服务器。 358 | * [阿里云：SLB - 1 台](https://slbnew.console.aliyun.com)：负载平衡。 359 | * [阿里云：RDS - 240M 内存 - 1 台](https://rdsnew.console.aliyun.com/console/index)：云数据库。 360 | * [阿里云：Memcache - 1G - 1 台](https://ocsnew.console.aliyun.com/)：缓存服务。 361 | * [阿里云邮件推送](https://dm.console.aliyun.com/)：发邮件的服务。 362 | 363 | ## Atom 插件列表 364 | * [emmet](https://atom.io/packages/emmet)：html 与 css 的缩写。 365 | * [color-picker](https://atom.io/packages/color-picker)：颜色选择工具。 366 | * [git-plus](https://atom.io/packages/git-plus)：git 在编辑器上的高级功能。 367 | * [language-nginx](https://atom.io/packages/language-nginx)：nginx 配置文件的高亮显示。 368 | * [language-babel](https://atom.io/packages/language-babel)：写 React 应用时会用到。 369 | * [linter-js-standard](https://atom.io/packages/linter-js-standard)：JavaScript 代码风格标准。 370 | 371 | ## Chrome 插件列表 372 | * [Empty New Tab Page](https://chrome.google.com/webstore/detail/empty-new-tab-page/dpjamkmjmigaoobjbekmfgabipmfilij)：新建的标签会是一个空白页面。 373 | * [Postman](https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop)：开发前端应用时经常会用到。 374 | * [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)：React 开发工具。 375 | * [Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg)：查看网站是用什么做的。 376 | * [Vimium](https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb)：用快捷的方式浏览页面。 377 | 378 | ## macOS 应用列表 379 | * [Evernote](https://evernote.com/)：笔记。 380 | * [Snip](https://www.snip.qq.com/)：截图。 381 | * [Noizio](https://noiz.io/)：自然的声音。 382 | * [Toggl](https://toggl.com/)：时间跟踪。 383 | 384 | ## 视频录制 385 | 386 | ### 软件 387 | * [Screenflow](https://www.telestream.net/screenflow/)：屏幕录像与编辑软件。 388 | * [Adobe Audition](https://www.adobe.com/hk_en/products/audition.html)：声音编辑软件。 389 | * [Handbrake](https://handbrake.fr/)：视频压缩软件。 390 | * [MetaX](https://www.kerstetter.net/)：媒体文件打标签。 391 | 392 | ### 硬件 393 | * [iMac (21.5-inch, Late 2012)](https://www.apple.com/cn/imac/)：苹果一体机。 394 | * [MacBook](https://www.apple.com/cn/macbook/)：苹果笔记本。 395 | * [Sennheiser MK4](https://en-us.sennheiser.com/condenser-microphone-studio-recordings-professional-mk-4)：森海塞尔麦克风。 396 | * [Sennheiser MKS4](https://en-de.sennheiser.com/mks-4)：森海塞尔麦克风防震架。 397 | * [Sennheiser eW100 G3](https://en-us.sennheiser.com/lavalier-clip-on-microphones-wireless-set-presentation-ew-112-p-g3)：森海塞尔无线麦克风。 398 | * [Sennheiser MKE2-eW Gold](https://en-hk.sennheiser.com/clip-on-lavalier-microphone-live-speech-instrument-mke-2)：森海塞尔领夹式麦克风。 399 | * [M-Audio MobilePre](https://www.m-audio.com/)：USB 声卡。 400 | * iSK Microphone Stand：iSK 麦克风支架。 401 | * [Canon EOS 5D Mark III](https://www.canon.com.cn/products/camera/eos/lineup/5dmk3/)：佳能全画幅单反相机。 402 | * [Canon EF 16-35mm f/2.8L II USM](https://www.canon.com.cn/products/camera/ef/lineup/widezoom/ef1635f28lii/)：佳能全画幅单反相机镜头。 403 | * [Canon EF 100mm f/2.8L IS USM 微距](https://www.canon.com.cn/products/camera/ef/lineup/macro/ef100f28l/)：佳能全画幅单反相机镜头。 404 | * [Marsace MT-1541T](https://www.marsace.com/index.php/en/products-en/tripods-en/mt-1541-fb1-en)：马小路三角架。 405 | * [Marsace FB-1R](https://www.marsace.com/index.php/en/products-en/ball-heads-en/fb-series-en/fb-1r-en)：马小路三角架云台。 406 | --------------------------------------------------------------------------------