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

最新讯息

  • Webpack 5 发布在即，很有可能在下个月
  • TypeScript 发布 4.0
  • Snowpack 发布 2.10.0
  • CSS Grid Level 2 现在已是候选建议阶段
  • 图片的许可信息将出现在 Google 图片上

文章教程

新的下一代图像压缩格式 AVIF

这是篇文章来自 Netflix。说是 .avif 格式的文件比 JPEG 小 50%，比 WebP 小 20%。

https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/

使用 CSS 创建 3D 插图

没错，下面这些插图是用 CSS 创建的，如果你有很多空余时间，不妨可以跟着教程指南尝试一下。

https://frontend.horse/articles/creating-3d-illustrations-with-css/?utm_campaign=CSS%20Animation%20Weekly&utm_medium=email&utm_source=Revue%20newsletter

Promise.all 的深入解析和 Promise.allSettled 的对比

https://dev.to/mpodlasin/an-in-depth-explanation-of-promise-all-and-comparison-with-promise-allsettled-2olo

在按钮和输入框中垂直对齐文本

如果你也曾经纠结过，如何对齐文本框或按钮中的文本，那么这篇文章值得一看。

https://codyhouse.co/blog/post/vertical-text-alignment-in-buttons-and-inputs

VS Code 快捷方式和技巧

https://dev.to/hannahgooding/vs-code-shortcuts-and-tricks-that-i-wish-i-knew-sooner-3mcj

工具资源

Bedrock

一个微服务、组件和模式的集合。可以让你快速构建现代软件解决方案。将 Elasticsearch、MongoDB、Node 和 React 连接在一起。

https://bedrock.io/

Storybook 6.0

一个生产级的前端组件开发系统。可用来开发 React、Vue、Angular 等隔离的 UI 组件，使开发变得更快、更容易。

https://storybook.js.org/

Kickstand UI

一个包含大量组件的 UI 框架，看起来非常清新，聚焦于可访问性。

https://kickstand-ui.com/getting-started/introduction.html

ImmortalDB

一个浏览器端的弹性键值存储库。

https://github.com/gruns/ImmortalDB

light-date

一个轻量的日期格式化库。

https://github.com/xxczaki/light-date

内容来源

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

赵不寒的网络日记