Ventanacv Signs: Fresh Resources for Web Designers and Developers (April 2020)

Despite the doom and gloom due to the virus (COVID-19) spread, it’s not stopping us to share fresh resources and tools with our fellow Web Developers.

In this edition, we have a number of resources and tools with an extensive set of features for example we have a library that contains a list of countries with their complete data, a collection of 500+ free icons, a collection of React Hooks, and many more. Let’s jump in immediately to see the full list.

Typecho

A simple blogging platform built with PHP. Typecho reminds me of early days WordPress when it was just a blogging platform. If you’d like to run a simple blog with PHP, Typecho could be the perfect platform for you.

CSSgg

A collection of 500+ icons built purely with CSS. No images or SVGs. You can use these icons by installing it with NPM, load it through the CDN via jsDeliver or Unpkg, and it’s possible to load only specific icons with the specialised URL, like below:

https://css.gg/c?=|icon-name|icon-name|icon-name

EditorJS

A JavaScript library to build a block-based editor. Each type of content such as the paragraphp, image, and heading is defined separately as a “block”. It’s extensible with a plugin; you can create a plugin to create custom block, or to extend the current block. It’s an overall great JavaScript library to create an editor on the Web platform or app.

Legit

Legit adds complementary Git commands for some common workflows that are more easy to type and remember. For example, you can type git switch to checkout to other branch plus automatically stash and unstash changes. Other additional command it adds is git sync which will do the following in subsequent order stash > Fetch > Auto-Merge/Rebase > Push > Unstash.

Destiny

A linter for file and directory structure designed for JavaScript/TypeScript based project. It works similar to a linter in which it will scan the project folder and all files, and create the suggested directory structure based on its evaluation of how the files are imported across the other files. It’s also able to move files into the new strcuture, remove empty directories resulting in a more and “prettier”.

Fink

A PHP library to crawl links on a website and output several information associated with the links including the status code whether it’s ok (200) or not found (404), which page the URL is linked from, and how long it took to request the URL.

Github Markdown TOC

A utility command line that makes it super easy to generate table of content (TOC) on the README.md file. You can type ./gh-md-toc ~/code/foo/README.md. It will generate table of content based on the heading structure on the file in a Github-compatible Markdown format, for example:

Table of Contents
=================

    * [Heading 1](#heading-1)
    * [Heading 2](#heading-2)
    * [Heading 3](#heading-3)
        * [Heading 3.1:](#heading-3-1)
        * [Heading 3.2:](#heading-3-2)

Docker Github Actions

A new official Github Action from Docker. This Action allows you to automate building a new Docker image and push it directly to Docker Hub.

VSCode Extension Samples

This is a pretty extensive examples on how to build Visual Studio Code extensions. You can find from the most basic “Hello World” example, an example with Testing suite, and each example on using the API.

Countries

A quite extensive data of countries. It provides an extensive data of the countries such as their official name, native name, translations, TLD, and much more. This data comes from in JSON, XML, and YAML and PHP.

OpenEMR

An open source application Electronic Health Records (EMR) and medical practice management platform. Despite being free and open-source it provides an extensive feature comparable to the proprietary platform; it comes with an advanced scheduling system, e-prescribing, medical billing, lab integration, clinical decision rules and multillingual support.

ReactUse

An extensive collection of predefined React Hooks that you can use right away in your project. You can find Hooks to interact with the platform API such as useBattery, useGeolocation, Hooks to add animation like useInterval and useSpring, and Hooks to manage state like useStateValidator and useMediatedState.