经常看到很多 LOGO 初看一般，但只要加上了栅格线，感觉瞬间就上了一个档次。有个比较出名的例子，就是锤子手机的 LOGO。是不是觉得右边的栅格线加上之后，瞬间高大上了许多？ 那这些栅格线真的...

一般来说，我们在做一件事情的开始，首先要知道它是什么。写下这个标题之后，我就立刻去 Google 了一下，结果好像没有什么简单明确的说前端是什么的答案。 这就让我感到十分的尴尬，毕竟我是没...

我们学会了用各式各样的方法去选择元素，然后对它们进行操作。而选择的结果不外乎以下三种： 没有元素被选中有唯一的元素被选中有多个元素被选中 这样看起来情况很复杂，但事实上，每一次我们选...

除了免费图库以外还有一个经常被用到的素材是「免费音乐音效」，特别是在制作影片时很容易用到，音乐音效如同图片都有版权规范，不可使用没有授权的素材以免触法（尤其是影片上传后可能会因为版...

曾经，我一度想把这个标题，作为我教程的第一章。毕竟这个标题，会为我吸引更多读者的目光。 但是现在我希望把一切从头说起，上一章我们聊了什么是前端，我想大家可能多少有了一些感觉，但是又...

设计的时候，你是否会纠结于各种可能性，比如是让文字变大还是变小，或者增加(或减少)元素周围的留白，颜色是该深一点还是浅一点？在本文中，我将分享一些关于如何解决这些常见问题以及如何使设...

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

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

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

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

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

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