Angular DevTools

Angular DevTools is a Chrome extension that provides debugging and profiling capabilities for Angular applications. Angular DevTools supports Angular v9 and later, with Ivy enabled. You can find Angular DevTools in the Chrome Web Store. After installing Angular DevTools, find the extension under the Angular tab in Chrome DevTools. When you open the extension, you’ll see …

API Blueprint to Swagger Converter

API Blueprint is simple and accessible to everybody involved in the API lifecycle. Its syntax is concise yet expressive. With API Blueprint you can quickly design and prototype APIs to be created or document and test already deployed mission-critical APIs. As an example, Apiary also uses API Blueprint. We can convert API Blueprint to Swagger …

Build carousel for items which have different width

Mostly we are using slick-carousel to implement slides in web development. It is great library to implement different types of layouts, animations, speeds and etc. To implement the carousel for items which have same width, we just need to specify the responsive settings for different screen size. To implement the carousel for items which have …

Superplate

A well-structured production-ready frontend boilerplate with Typescript, Jest, testing-library, styled-component, Sass, Css, .env, Fetch, Axios, Reverse Proxy, Bundle Analyzer and 30+ plugin. For now, only creates projects for React and Next.js. You can add useful, highly-demands front-end development tools and libraries as a plugin by using superplate CLI during the project creation phase. To learn …

React-use

React-use is the package that provides many useful react hooks that we can use to build the UI more efficiently. It provides the hooks related sensors, ui, animations, side-effects, lifecycles, state and etc. Sensors useBattery — tracks device battery state.  useGeolocation — tracks geo location state of user’s device.  useHover and useHoverDirty — tracks mouse hover state of some element.  …

ResizeObserver Polyfill

ResizeObserver Polyfill

A polyfill for the Resize Observer API. Implementation is based on the MutationObserver and uses Mutation Events as a fall back if the first one is not supported, so there will be no polling unless DOM changes. Doesn’t modify observed elements. Handles CSS transitions/animations and can possibly observe changes caused by dynamic CSS pseudo-classes, e.g. …

MailSlurper

MailSlurper is a small SMTP mail server that slurps mail into oblivion! MailSlurper is perfect for individual developers or small teams writing mail-enabled applications that wish to test email functionality without the risk or hassle of installing and configuring a full blown email server. It’s simple to use! Simply setup MailSlurper, configure your code and/or …

Gitea

Gitea is a community managed lightweight code hosting solution written in Go. It is an open-source forge software package for hosting software development version control using Git as well as other collaborative features like bug tracking, wikis and code review. It supports self-hosting but also provides a free public first-party instance hosted on DiDi’s cloud. Cross-platform …