xiaozhi的博客

https://www.niwoxuexi.com/blog/user/148

  • 1.创建华丽 UI 的 7条规则 第一部分 (2019年更新)

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

    • 更新时间: 2019-09-05 02:37
    450浏览
    0推荐
    0评论
  • 1.创建华丽 UI 的 7条规则 第一部分 (2019年更新)

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

    • 更新时间: 2019-09-05 02:37
    458浏览
    0推荐
    0评论
  • 2.创建华丽 UI 的 7条规则  第二部分 (2019年更新)

    以下是这个系列的简洁 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 ...

    • 更新时间: 2019-09-05 02:37
    491浏览
    0推荐
    0评论
  • 4.使用 CSS Grid Generator来快速使用及学习 Grid 布局

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

    • 更新时间: 2019-09-05 02:35
    457浏览
    0推荐
    0评论
  • 3. 8个有用的 CSS 技巧:视差图像,sticky footer

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

    • 更新时间: 2019-09-05 02:31
    430浏览
    0推荐
    0评论
  • 2.前端学习之路之自适应设计(sass语法)

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

    • 更新时间: 2019-09-05 02:23
    379浏览
    0推荐
    0评论
  • 1.45个值得收藏的 CSS 形状

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

    • 更新时间: 2019-09-05 02:22
    417浏览
    0推荐
    0评论
  • 2.目前可以使用ES10的5个新特性

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

    • 更新时间: 2019-09-05 02:22
    410浏览
    0推荐
    0评论
  • 1.ECMAScript 2016、2017和2018中所有新特性

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

    • 更新时间: 2019-09-05 02:22
    395浏览
    0推荐
    0评论
  • 1.ECMAScript 2016、2017和2018中所有新特性

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

    • 更新时间: 2019-09-05 02:22
    373浏览
    0推荐
    0评论
  • 2.目前可以使用ES10的5个新特性

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

    • 更新时间: 2019-09-05 02:22
    330浏览
    0推荐
    0评论
  • 5 .21个让React 开发更高效更有趣的工具

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

    • 更新时间: 2019-09-05 02:19
    473浏览
    0推荐
    0评论
  • 4. 21 个VSCode 快捷键,让代码更快,更有趣

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

    • 更新时间: 2019-09-05 02:15
    411浏览
    0推荐
    0评论
  • 4. 21 个VSCode 快捷键,让代码更快,更有趣

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

    • 更新时间: 2019-09-05 02:14
    388浏览
    0推荐
    0评论
  • 3.Web应用程序如何创建 PDF

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

    • 更新时间: 2019-09-05 02:12
    377浏览
    0推荐
    0评论