April 28, 2020

前端技术栈月刊 📖 2020-04

#博文

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

# 星推

  • vite ⚡

    No-bundle Dev Server for Vue 3 Single-File Components.

    推荐理由:尤大出品,必属精品

# 工具

  • excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

  • smartcrop.js

    Smartcrop.js implements an algorithm to find good crops for images. It can be used in the browser, in node or via a CLI.

  • kutt

    Free Modern URL Shortener.

  • IFTTT

    IFTTT is the free way to get all your apps and devices talking to each other. Not everything on the internet plays nice, so we're on a mission to build a more connected world.

  • listmonk

    Self-hosted newsletter + mailing list manager

  • Placeit

    Create mockups, logos, videos & designs in seconds!

  • gh-card

    GitHub Repository Card for every web site

  • palettelist

    pick 2 colors to generate your palettes

  • learning-box-model

    learning box-model with interactive way.

  • Lorem Picsum

    The Lorem Ipsum for photos.

# 教程

  • Create a user controlled dark or light mode

    This little tutorial gets you going in the right direction, but there’s plenty of work to do to get it up to speed on your website. The most important thing that you need to do is make sure that both your light and dark themes are fully accessible—especially in terms of colour contrast.

  • How to use CSS Scroll Snap

    This article going to show you how CSS Scroll Snap helps you do just that.

  • How to use and reuse everything in SVG… even animations

    If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping into the job. This article will be about learning how to build and optimize your code with the <use> element, CSS Variables and CSS animations.

  • RTL Styling 101

    An extensive guide on how to style for RTL in CSS

# 资源

# 应用

  • Color Slurp

    The best Mac color picker in the universe! (free)