子曰：[Gulp] Gulp for Beginners
关于本文：
原文：https://css-tricks.com/gulp-for-beginners/
作者：@ZELL LIEW
Gulp是一个工具，可以帮助你完成Web 开发的几项任务。它通常用于执行前端任务，例如：
- 运行Web 服务器
- 保存文件时自动重新加载浏览器
- 使用Sass 或LESS 等预处理器
- 优化CSS，JavaScript 和图像等资源
hybrid app 的相关文档
子曰: 搜集一些关于hybrid app 的相关文档
[React 系列] React Native 同Cordova、PhoneGap、Ionic 等对比
子曰：[React 系列] React Native 同Cordova、PhoneGap、Ionic 等对比
关于本文：
原文：https://learnreact.design/2017/06/20/what-is-react-native
作者：@Linton Ye
博客系列：用简单的英语和涂鸦解释的React 术语
- 什么是React
- 什么是React Native
- Components，Props and State
- 重新阐释Props 和State
- React Native 同Cordova、PhoneGap、Ionic 等对比（本文）
在上一篇文章中，我们知道React Native 很棒，因为它允许我们使用本地UI 构建应用程序。React Native 应用程序的用户体验比使用WebView UI 要好得多。 但“本地（native）”究竟意味着什么？ 什么是WebView UI？ 为什么本地UI 比WebView UI 更好？ React Native与其他移动框架（如PhoneGap，Cordova和Ionic）比较怎样？
让我们现在深入研究这些问题。
学习目标（Learning Goals）
当你看完这篇文章后，希望你能够轻松回答这些问题：
- 什么是本地应用？
- 什么是WebView UI？
- 更本地框架有哪些好处和缺点？较少的本地框架怎么样？
- React Native 与Cordova 比较如何？
[React 系列] What Is React Native
子曰：[React 系列] What Is React Native
关于本文：
原文：https://learnreact.design/2017/06/20/what-is-react-native
作者：@Linton Ye
博客系列：用简单的英语和涂鸦解释的React 术语
- 什么是React
- 什么是React Native（本文）
- Components，Props and State
- 重新阐释Props 和State
- React Native 同Cordova、PhoneGap、Ionic 等对比
在上一篇文章中，我们研究了React 是什么以及它的特殊之处。今天让我们来研究React Native：它的用途是什么，它来自哪里，它与React的不同之处以及它为什么了不起。
学习目标（Learning Goals）
当你看完这篇文章后，希望你能够轻松回答这些问题：
- 什么是React Native？ 为什么它的名字包括“Native”？
- 为什么React Native 很酷？
- 我们可以用React Native 构建什么？React 怎么样？
- ReactDOM 来自哪里？它有什么作用？
- React Renderer 有什么作用？
- React Sketch.app 如何工作？
- ReactVR 如何工作？
- 什么是ReactJS？React.js？
[React 系列] What Is React
子曰：[React 系列] What Is React
关于本文：
原文：https://learnreact.design/2017/06/08/what-is-react
作者：@Linton Ye
博客系列：用简单的英语和涂鸦解释的React 术语
- 什么是React（本文）
- 什么是React Native
- Components，Props and State
- 重新阐释Props 和State
- React Native 同Cordova、PhoneGap、Ionic 等对比
React，ReactJS，React.js，React Native ……你最近有多少次听说过这些事情？你对它们的真正含义感到困惑吗？
如果您是团队中使用（或正在考虑使用）React的设计师，或者你只是对这个“React”事物感到好奇，那么这些文章都适合你。
我将使用通俗移动的余元以及涂鸦来解释React 系列中的术语，并深入了解什么使React 如此特别。我希望你先熟悉一些概念，如果你将来需要查看任何内容，可以随时回到这里。
让我们开始吧！
学习目标（Learning Goals）
当你看完这篇文章后，希望你能够轻松回答这些问题：
- 什么是DOM？
- 什么是React？它哪里适合开发应用程序？
- React 与jQuery 有何不同？
- React的核心思想是什么？
- 为什么我们需要Virtual DOM？
- 什么是响应式用户界面？
- 组件有哪些好处？
[React 系列] Props and State Re-explained
子曰：[React 系列] Props and State Re-explained
关于本文：
原文：https://learnreact.design/2018/01/15/props-and-state-re-explained
作者：@Linton Ye
博客系列：用简单的英语和涂鸦解释的React 术语
- 什么是React
- 什么是React Native
- Components，Props and State
- 重新阐释Props 和State（本文）
- React Native 同Cordova、PhoneGap、Ionic 等对比
在上一篇文章中，我们介绍了组件，属性和状态。
属性和状态之间的差异非常明显，直接确定何时使用属性或状态。例如，屋顶的颜色是属性，因为它是屋顶的内在配置。另一方面，门的状态显然是状态的候选人，因为在建造门之后很容易看到门被打开或关闭。但是，在这篇文章中，让我们挑战这一思路！
你会发现事情可以是属性或状态。没有固定的规则。我将向你展示一种更有用，更实用的思考属性和状态的方法。
[React 系列] components props and state
子曰：[React 系列] components props and state
关于本文：
原文：https://learnreact.design/2017/08/16/components-props-and-state
作者：@Linton Ye
博客系列：用简单的英语和涂鸦解释的React 术语
- 什么是React
- 什么是React Native
- Components，Props and State（本文）
- 重新阐释Props 和State
- React Native 同Cordova、PhoneGap、Ionic 等对比
今天我们研究React 中三个最重要的概念：组件（component），属性（props）和状态（state），以及属性和状态之间的差异。
同前文一样，我将使用通俗的语言解释这些概念。因此，阅读这篇文章不需要JavaScript 知识。
一日一练-CSS 理解伪元素::before和::after
子曰：一日一练-CSS 理解伪元素::before和::after
关于本文：
原文：https://www.hongkiat.com/blog/pseudo-element-before-after/
作者：@Thoriq Firdaus
CSS 将样式应用于HTML 标记，在某些情况下，当向文档添加额外标记是不必允许的，CSS 使用伪元素 添加额外的标记。
在我们的课程 中提到过这个术语。
:first-line，:first-letter，::selection，:before 和:after 这些CSS 成员被归类为伪元素。 本文中伪元素特指:before 和:after，从基础开始研究伪元素。
一日一练-CSS 使用伪元素创建图片叠加效果
子曰：一日一练-CSS 使用伪元素创建图片叠加效果
关于本文：
原文：https://designshack.net/author/joshuajohnson/
作者：@JOSHUA JOHNSON
今天我们将看看我们是否可以在HTML 插入单个图像，使其看起来像只使用CSS 的图片叠加。 关键词：伪元素。
在这里可以看到我们如何开始这个项目，并使用一些awesome DRY 编码来解决产生的一些混乱的代码。
git 常用命令 标签管理
子曰：git 常用命令 标签管理
0x00：前言
发布一个版本时，我们通常先在版本库中打一个标签（tag），这样，就唯一确定了打标签时刻的版本。将来无论什么时候，取某个标签的版本，就是把那个打标签的时刻的历史版本取出来。所以，标签也是版本库的一个快照。
为什么要引入tag？考虑如下情景：
“请把上周一那个版本打包发布，commit 号是6a5819”
“一串乱七八糟的数字不好找！”
如果换一个办法：
“请把上周一那个版本打包发布，版本号是v1.0.0”
“好的，按照tag v1.0.0 查找commit 就行了！”
所以，tag 就是一个让人容易记住的有意义的数字。