前端技术栈月刊 📖 2020-03
聚焦前端,记录过去一个月发现的值得推荐的前端技术栈、文章以及应用,每月28日更新,第十五期。
# 星推
-
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
-
A script to simplify service worker registration with hooks for common events.
GitHub Star 仅仅
430+
, Used by 超过41.5K
,尤大的又一个被广泛使用的 repository -
Small, efficient encoding of SVG data URIs for CSS, HTML, etc.
GitHub Star 仅仅
100+
, Used by 超过40.7K
,
# 工具
-
Dominant color extraction from RGB images—DOM port of Ole Krause-Sparman's algorithm
-
Grab the color palette from an image using just Javascript. Works in the browser and in Node.
一个可以抓取图片中使用过哪些颜色的工具
-
loading.io is an online service provider for creating simple animations
-
A simple, fast web app to generate html based on a collection of commonly used user interface patterns.
一个可以快速生成网站原型的工具,封装了常见的UI模式,使用Tailwind CSS 搭建
-
411 carefully crafted premium pictograms by Daniel Bruce
-
Turn your Google Sheet into an API. Power websites, apps, or whatever you like, all from a spreadsheet.
-
Create shorter, safer, better links you can share.
一个可以分享生成短链接的应用
-
A JSON of the top color palettes on ColourLovers.com, as RGB hex strings.
-
NPM package comparison app
一个可以用来比较发布在 npm 的 package 下载量的应用,比如
Vue
&React
-
coveralls help you deliver code confidently by showing which parts of your code aren’t covered by your test suite.
-
Public endpoint to generate SVG Sprites
- Input: svg file
- Output: svg sprite code
-
Avatars is an avatar placeholder library for designers and developers. You can choose between simple identicons and lovely designed characters.
-
A list curated by developers for developers, find projects, articles and pages to improve learning or stay up to date with the new。
-
一个小工具,用来生成复合网格的样式代码
# 教程
How to deploy a vue site on Netlify
来自
Sarah Drasner
的小教程-
最近很火的算法小抄来一份
-
# 资源
-
Find artworks that match your chosen color palette
-
A list of 620+ themes and starters for JAMstack sites.
-
The Related to Front-End Design & Development Conferences
Optimize Your SaaS Landing Pages Like an Expert
Free eBook for SaaS marketer
-
这是一份 Design + Code 的设计模式
Modern Web Development on the JAMstack
Free eBook, get the comprehensive guide to JAMstack best practices
-
📚 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 风格指南
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. |