聚焦前端，记录过去一个月发现的值得推荐的前端技术栈、文章以及应用，每月28日更新，第十五期。

星推

• CSSTree

  A tool set for CSS including fast detailed parser, walker, generator and lexer based on W3C specs and browser implementations

  GitHub Star 仅仅 854+， Used by 超过 1.4M

• register-service-worker

  A script to simplify service worker registration with hooks for common events.

  GitHub Star 仅仅 430+， Used by 超过 41.5K，尤大的又一个被广泛使用的 repository

• Mini SVG data: URI

  Small, efficient encoding of SVG data URIs for CSS, HTML, etc.

  GitHub Star 仅仅 100+， Used by 超过 40.7K，

工具

• colorcube.js

  Dominant color extraction from RGB images—DOM port of Ole Krause-Sparman's algorithm

• Color Thief

  Grab the color palette from an image using just Javascript. Works in the browser and in Node.

  一个可以抓取图片中使用过哪些颜色的工具

  

• loading.io

  loading.io is an online service provider for creating simple animations

• Stitches

  A simple, fast web app to generate html based on a collection of commonly used user interface patterns.

  一个可以快速生成网站原型的工具，封装了常见的UI模式，使用Tailwind CSS 搭建

  这里是作者 Amie Chen 的文章介绍

• Entypo+

  411 carefully crafted premium pictograms by Daniel Bruce

  

• https://sheety.co/

  Turn your Google Sheet into an API. Power websites, apps, or whatever you like, all from a spreadsheet.

• Cmpct

  Create shorter, safer, better links you can share.

  一个可以分享生成短链接的应用

• Nice Color Palettes

  A JSON of the top color palettes on ColourLovers.com, as RGB hex strings.

  

• NPM Trends

  NPM package comparison app

  一个可以用来比较发布在 npm 的 package 下载量的应用，比如 Vue & React

  

• COVERALLS

  coveralls help you deliver code confidently by showing which parts of your code aren’t covered by your test suite.

• Svg Spreact

  Public endpoint to generate SVG Sprites

  • Input: svg file
  • Output: svg sprite code

  

• Avatars

  Avatars is an avatar placeholder library for designers and developers. You can choose between simple identicons and lovely designed characters.

  

• Dev Awesome

  A list curated by developers for developers, find projects, articles and pages to improve learning or stay up to date with the new。

  

• Compound grid generator

  一个小工具，用来生成复合网格的样式代码

  

教程

• How to deploy a vue site on Netlify

  来自 Sarah Drasner 的小教程

• labuladong 的算法小抄

  最近很火的算法小抄来一份

• Node.js Best Practices 中文版

  

资源

• Google Art Palette

  Find artworks that match your chosen color palette

• JAMStack Themes

  A list of 620+ themes and starters for JAMstack sites.

• Front-end Conferences

  The Related to Front-End Design & Development Conferences

• Optimize Your SaaS Landing Pages Like an Expert

  Free eBook for SaaS marketer

• Design System of Design Code

  这是一份 Design + Code 的设计模式

• Modern Web Development on the JAMstack

  Free eBook, get the comprehensive guide to JAMstack best practices

• Open Source Guide

  📚 Community guides for open source creators，Open source software is made by people just like you. Learn how to launch and grow your project.

• Material Dark Theme Guide

  Material Dark Theme 风格指南

• Working with Flexbox and CSS Grid Together

  结合 Flexbox & CSS Grid 制作 卡片布局的小例子

应用

平台	应用	说明
MAC	Gifski	Convert videos to high-quality GIFs
MAC	Nucleo	Icon Organizer & Icon Library
MAC	Pretzel	A smart, simple desktop app that shows and searches keyboard shortcuts based on your currently focused app.