本技术日志,每周定期分享,欢迎关注、转发。

Salesforce 向 ESLint 项目捐款了 10,000 美元

Angular 发布了未来规划路线图

https://angular.io/guide/roadmap

低开销的 Node.js Web 框架 Fastify 3.2.0 发布

小型的纯 JavaScript 的 JS 解析器 Acorn 7.4.0 发布

文章教程

充分利用 Google 字体中的可变字体

https://css-tricks.com/getting-the-most-out-of-variable-fonts-on-google-fonts/

使用 Canvas 模拟对象碰撞

https://joshbradley.me/object-collisions-with-canvas/?utm_campaign=CSS%20Animation%20Weekly&utm_medium=email&utm_source=Revue%20newsletter

100% 在 CSS 中的含义

这是一篇讲述 CSS 百分比单位的文章,它用可视化的方式来讲解,让你一目了然。

https://wattenberger.com/blog/css-percents

表单设计最佳实践指南

https://gerireid.com/forms.html

使用 Promise 的 3 个常见错误

https://dev.to/mpodlasin/3-most-common-mistakes-when-using-promises-in-javascript-oab

工具资源

Inclusive Dates

一个人性化的日期选择库,允许用户使用自然语言短语(例如:“明天”、“下周”,或“在5天内”)选择日期。

https://github.com/fymmot/inclusive-dates

Super Expressive

一个零依赖的 JavaScript 库,用于以自然语言(语义化)的方式构建正则表达式。如果你对简洁神秘的正则表达式字符感到畏惧,那么可以尝试下这个库。

const SuperExpressive = require('super-expressive');
const myRegex = SuperExpressive()
  .startOfInput
  .optional.string('0x')
  .capture
    .exactly(4).anyOf
      .range('A', 'F')
      .range('a', 'f')
      .range('0', '9')
    .end()
  .end()
  .endOfInput
  .toRegex();

// Produces the following regular expression:
/^(?:0x)?([A-Fa-f0-9]{4})$/

https://github.com/francisrstokes/super-expressive

Forge Icons

一个收集了 300+ 的 SVG 图标库网站,适合用于电商、旅游、社交类网站等。

https://icons.theforgesmith.com/

AudioMass

一个免费的基于 Web 的音频和波形编辑器,它完全在浏览器中运行,不需要后端或者插件支持。

https://audiomass.co/

GitHub Profile README Generator

一个向导式的创建 Github 个人资料自述文件的生成器,懒人专属!

https://rahuldkjain.github.io/gh-profile-readme-generator/

内容来源

欢迎关注我的公众号,关注前端技术

赵不寒的网络日记