针对不同的受众我们会做不一样的设计，今天是针对儿童进行的产品设计思路的内容分享，面对儿童产品，我们需要从心理生理上的区别分析，进而推动内容、交互、视觉、动画等设计，一起来了解下吧～...

如果我们只是想取出这个合集中的第一个元素，当然可以这么写 $('a')[0]，但是我们前面说了无数次，这样取出来的元素不能直接应用 jQuery 方法，还需要再包装一下，这就比较麻烦。 程序员很...

前言：学习插画的同学经常会将一些照片作为练习素材，将其转为插画。利用真实照片转插画，对于提升我们的造型能力,配色能力,提升画画熟练度都有很大的帮助。而且能省去思考构图的时间，将更多的...

我们学会了选择第一个元素和最后一个元素，或者是独生子女。但事实上的情况可能更加复杂，也许它的父元素里，并不只是一个或者两个子元素，如果是更多个呢？而且我们需要选择的又不是第一个和最...

特别注意：以下产品都是这几天试用过的，只需要邮箱/手机注册即可试用后台；国外后台需要海外邮箱账号，可以使用 Gmail 或者 Google 邮箱。建议收藏，有需要可以直接查找翻阅～ 1. HubSpot 官网...

这是一个重头戏，它们其实不难，只是复杂。复杂到我们最开始看到它们的时候都是相同的感觉——不知所云，无从入手。 读书么，就是把书读薄，再把书读爆的一个过程。所谓读薄，就是从描述中抓住...

接着上一章，我们继续看右侧面板： 上面也是三个标签页，目前我们主要使用前两个，第一个表示样式，第二个表示计算以后的属性。 下面我截取了两条内容，简单的看一下，element.style 的意...

仿佛理解了这个意思，那么我们如何去操作一个元素呢？ 如果没有元素被选中，那也就没有什么可以操作的；如果只有一个元素被选中，那么直接操作就可以了，我们前面也都是这样做的；如果有多个元...

既然说到了动画，说到了过渡效果或者说大家喜欢讲的——网页特效，那就索性把它们讲完全。前面讲了使用 jQuery 来实现，很方便，一句话语法。用 CSS 实现，也很方便，说清楚谁发生过渡以及时长...

现在动画效果是有的，但是他并没有表现出和前面过渡效果的明显区别，因为我们只讲了仅仅是能让它动起来的核心内容。 大家应该可以看出，无论是过渡属性还是动画属性，其实都是复合属性，叫做快...

我们以前的布局方法，虽然可以完成三个维度，但是每个维度都是各自为政的，一个混乱的体系。 而弹性布局则是一维布局，它有两个轴，优先关心主轴，然后用侧轴辅助。这有点像什么？我们写字，说...

我们前面讲过一些基础选择器，也讲过将这些基础选择器组合在一起，形成相对复杂的选择器。但是我没讲完，还遗漏了两种组合。这两种比较新，我看了一下兼容性倒还是可以，就是基本上常见的浏览器...