简介首先也是比较重要的，先说明点这篇指南并不适合所有人，主要适合以下从业者：开发者希望能够在必要时设计出自己漂亮的 UI。用户体验设计师希望他们的产品组合看起来比五角呆板的 PPT 更好看或者让用户得到更好的用户体验。本文中主要围绕以下 7 规则讲解：光来自天空 (Light comes from the sky)黑白优先 (Black and white first)加倍你的空白 (Double ...

以下是这个系列的简洁 UI 的 7 条规则：光来自天空 (Light comes from the sky)黑白优先 (Black and white first)加倍你的空白 (Double your whitespace)学习在图像上叠加文本的方法 ( Learn the methods of overlaying text on images )使文本层次分明 ( Make text pop ...

简介首先也是比较重要的，先说明点这篇指南并不适合所有人，主要适合以下从业者：开发者希望能够在必要时设计出自己漂亮的 UI。用户体验设计师希望他们的产品组合看起来比五角呆板的 PPT 更好看或者让用户得到更好的用户体验。本文中主要围绕以下 7 规则讲解：光来自天空 (Light comes from the sky)黑白优先 (Black and white first)加倍你的空白 (Double ...

为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！CSS Grid GeneratorCSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具，允许咱们创建一个基本的 grid 布局，然后就可以使用生成对应的代码，帮助咱们快速布局。第一次进入是界面是这样子的：CSS Grid 布局示例当我 ...

CSS是一种独特的语言。乍一看，这似乎很简单,但是，某些在理论上看起来很简单的效果在实践中往往不那么明显。在本文中，我将分享一些有用的技巧和技巧，它们代表了我在学习CSS过程中的关键进展。本文并不是要演示CSS可以变得多么复杂。相反，它分享了一些在大多数CSS教程中不太可能找到的有用技巧。1. Sticky Footer这个非常常见的需求,但对于初学者来说可能是个难题。对于大多数项目，不管内容的大 ...

基本概念css像素、设备像素、逻辑像素、设备像素比viewportrem1. css像素、设备像素、逻辑像素、设备像素比大家可以先看这篇文章了解一下基本概念。css像素：我们大家经常写高多少px，宽多少px,这个就是px像素。逻辑像素：其它就是css像素，他们其实是同一回事。设备像素比：css像素与物理像素的一个比值。设备像素：手机上像素的点，通常一个像素点就是一点，但从苹果出了Retina屏 幕 ...

CSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。我们还可以使用 CSS 伪元素中的::before和::after，这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧，我们可以只用一个 HTM ...

为了保证可读性，本文采用意译而非直译。ECMAScript 2015，也称为ES6，是一个花了6年时间完成的主要版本。从那时起，负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布该标准的新版本。这个年度发布周期简化了这个过程，并使新特性快速可用，JavaScript社区对此表示欢迎。今年，ECMAScript 2019（简称ES2019）将会发布。 新功能包括Object. ...

为了保证可读性，本文采用意译而非直译。ECMAScript 2015，也称为ES6，是一个花了6年时间完成的主要版本。从那时起，负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布该标准的新版本。这个年度发布周期简化了这个过程，并使新特性快速可用，JavaScript社区对此表示欢迎。今年，ECMAScript 2019（简称ES2019）将会发布。 新功能包括Object. ...

跟踪JavaScript (ECMAScript)中的新内容是很困难的，而且更难找到有用的代码示例。因此，在本文中将介绍TC39(最终草案)在ES2016、ES2017和ES2018中添加的已完成提案中列出的所有18个特性，并给出有用的示例。1.Array.prototype.includesinclude 是数组上的一个简单实例方法，可以轻松查找数组中是否有指定内容(包括 NaN)。2.求幂操作 ...

跟踪JavaScript (ECMAScript)中的新内容是很困难的，而且更难找到有用的代码示例。因此，在本文中将介绍TC39(最终草案)在ES2016、ES2017和ES2018中添加的已完成提案中列出的所有18个特性，并给出有用的示例。1.Array.prototype.includesinclude 是数组上的一个简单实例方法，可以轻松查找数组中是否有指定内容(包括 NaN)。2.求幂操作 ...

原文：https://medium.com/better-programming/22-miraculous-tools-for-react-developers-in-2019-7d72054e2306译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！下列工具中的重要性与排序无关。1.Webpack Bundle Analy ...

为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！注意：自己尝试的时候，Mac(17, pro) 与原文提供的快捷键盘不太一样，mac 对应的 Ctrl 要换成 command做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道，也比较少用，毕竟这很好，因此本文就列出一些快捷键 ...

为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！注意：自己尝试的时候，Mac(17, pro) 与原文提供的快捷键盘不太一样，mac 对应的 Ctrl 要换成 command做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道，也比较少用，毕竟这很好，因此本文就列出一些快捷键 ...

原文：https://www.smashingmagazine.com/2019/06/create-pdf-web-application/译者：前端小智为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！在一些场景下，用户都要求一些需要的数据能以 pdf 的格式下载下来。如电子商务商店，经常需要一些报表数据来分析当月的销售情况。在本文中， ...