一.自适应的椭圆 问题： 我们肯定都注意到过，我们给一个正方形元素添加一个足够大的border-radius（指定大于正方形元素边长一半的半径），就可以使其变成一个圆形(如图1-1.png)。 示例： width: 200px; height: 200px; backgrund…

前段时间 @Mirza Joldic 在 Medium 上发布了一篇文章，通过几个 Gif 动态非常形象的阐述了 CSS Grid 的几个核心概念以及使用方法，今天我就借花献佛，用这几张图让初学者快速掌握 CSS Grid 的核心概念和使用技巧。

原文地址：Debugging Tips and Tricks 原文作者：SARAH DRASNER 译文出自：掘金翻译计划 译者：lsvih 校对者：loveky,ymz1124 前端调试技巧与诀窍 编写代码其实只是开发者的一小部分工作。为了让工作更有效率，我们还必须精通 de…

今天的这一批干货素材主要是给网页前端和开发者所用的，其中所涵盖的内容多种多样，从 APP 到代码片段不一而足。 原文地址： http://www.hongkiat.com/blog/designers-developers-monthly-04-2017/

腾讯云技术社区 - 掘金主页持续为大家呈现云计算技术文章，欢迎大家关注！ 作者：莫卓颖 背景 相信大家在做项目的过程中会经常遇到这样的一个需求，鼠标 hover 到某个元素的时候为这个元素添加边框，这个简单的需求仅需注意添加边框后不会对原有的位置造成布局的影响从而造成布局跳动。本文将会…

修订说明：发布《80% 应聘者都不及格的 JS 面试题》之后，全网阅读量超过 6W，在知乎、掘金、cnodejs 都引发了很多讨论，还被多个前端微信公号和技术媒体转载。酝酿许久之后，笔者准备接下来撰写前端面试题系列文章，内容涵盖 DOM、HTTP、浏览器、框架、编码、工程化等方…

本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。

GitHub 上经典文章《You Don't Need jQuery》的翻译版。在文章中，作者总结了大部分 jQuery API 替代的方法，提倡我们使用原生的 JavaScript . 前端 er，一起来看看。