Fresh Resource for Web Developers – Apr 2018

This month we saw a few announcements from important names in tech. For example, Apple open-sourced a new database system, Google expelled a new tool to magnitude your website speed on mobile, and Github with a giveaway march to get we started with Git, Github, and coding in general.

Also, in today’s post, I’ll also feature a series of new collection that are now on a rise. Let’s burst on to what we have some-more on a list.

VuePress

A new apparatus from a creator of Vue, VuePress is a static site generator designed with Vue.js in mind. It generates and pre-renders immobile HTML for any page, and runs as an SPA (Single-page Application). It comes with some facilities out-of-the-box including a ability to supplement Google Analytics ID, search, subsequent and prev navigation, sidebar, and PWA.

VuePressVuePress

IMG-2

A JavaScript library that introduces a custom element, img-2. The new member adds a series of optimizations that do not come with a customary img element, improving how a picture is installed for a users. With a tradition element, a picture will be pre-cached, it also lazy load a images and offer will from a cache customarily as a images enter a user’s viewport. Check out a demo.

IMG-2IMG-2

Tabler

An superb Dashboard/ Admin Panel based on Bootstrap 4. The dashboard facilities pre-made components such as Charts, Forms, Galleries, a Pricing Table, and a good collection of tradition Icons. A good starting indicate to let developers building an Admin Panel quickly. Check out a demo!

TablerTabler

DayJS

DayJS JavaScript library to format dates and times. Even more, DayJS facilities identical APIs to Moment.js, nonetheless it’s only weight 2Kb in size. Given that, it could be a great choice to Moment.js, if you’d like a lighter library nonetheless say laxity of what you’ve already known.

DayJSDayJS

UnifiedArchive

A PHP library to understanding with dense files, UnifiedArchive supports a far-reaching operation of formats including RAR, Zip, Gzip, Tar, and a lot of other focus types. With this library, we can repository and remove files or directories. It provides a handful of APIs to manipulate files after it’s been extracted from a archive. UnifiedArchive is accessible as a Composer package.

UnifiedArchiveUnifiedArchive

Github Learning Lab

Github has only announced a free march covering essentially Git in Github. There are 5 courses during a impulse where we can learn a few accessible things such as how to use Github to horde your codes, how to use Github pages to get a giveaway site or blog for your project, and how to conduct Merge conflicts that are common to occur when we work with many developers on a project.

Github Learning LabGithub Learning Lab

WordPress UnitTest DOM Parser

A good tip from Takayuki Miyauchi on testing DOMElement when behaving UnitTest in WordPress applications. we privately found this unequivocally useful; wish we find it a same.

WordPress UnitTest DOM ParserWordPress UnitTest DOM Parser

Popmotion

A JavaScript library for a buttery well-spoken animation on a web, “Popmotion” provides an API called Physics that allows we to emanate with a nearby real-life animation effects. It is unopiniated; a library simply outputs values formed on a specific set of a configuration. This allows we to request those outputs to spur any middle including CSS, SVG, Three.js and even React.js.

PopmotionPopmotion

Driver.js

A JavaScript library that allows we to “drive” user concentration on a page. This is quite useful if you’d like to deliver specific facilities or beam them to specific tasks on a page. Driver.js is only 4 KB in size, customizable, and keyboard-friendly.

Driver.jsDriver.js

Replace Animated GIF with Video

GIF is everywhere, after creation a good come back. But a problem about GIF is that is it customarily unequivocally huge. It’s a rubbish of bandwidth, nonetheless a striking peculiarity is mostly terrible. This guideline from Google shows how “Video” competence reinstate GIF to uncover charcterised graphics.

Replace Animated GIF with VideoReplace Animated GIF with Video

Text Mask

A JavaScript library to transform a content that requires special formatting like a phone number, currency, or a credit label number. As a user is typing in a content will automatically be remade into a suitable formatting improving a user experience. TextMask can be used with React, Vue, or only plain aged JavaScript.

Text MaskText Mask

Compare Mobile Site Speed

This is another accessible apparatus from Google. This apparatus will concede we to check your website’s speed when loading from mobile and guess a sum detriment of income when a website loads slow. You can select a nation and a speed of that your website will be tested against.

Compare Mobile Site SpeedCompare Mobile Site Speed

VueNut

A growth messenger when building a web focus with Vue.js and Vuex, VueNut creates it easier to try a information state stored and allows we to manipulate a information during a growth easily. Cool stuff!

VueNutVueNut

FoundationDB

Recently Apple done FoundationDB open source in Github. It’s a key-value span database system that promises scalability and performance. It’s cold to have large tech companies starting to persevere to open source some of their products.

FoundationDBFoundationDB

StoryBooks

StoryBooks is a apparatus to build a React member in isolation. It provides a UI on a browser permitting we to perspective a opposite states of any member as good as test a components.

StoryBooksStoryBooks

GhostText

A browser prolongation that will sync what we write on a browser to your content editor or clamp versa. we found this eventually useful if you’d like to be means to write on a website with a preference and a facilities of your formula editor. GhostText is accessible for Chrome, Firefox, and Opera.

GhostTextGhostText

Coala

Coala is a CLI providing an interface for linting and regulating formula regardless of languages used. You can use Coala within a formula editor, confederate it with a CI (Continuous Integration), and customize it with a pattern syntax in .coafile. Coala supports many languages such CSS, JavaScript, PHP, and we can find more in this directory.

CoalaCoala

ReactStrap

ReactStrap is a collection of Bootstrap 4 components remade into reusable React components. If you’d like to update your aged Bootstrap-based website, this library is something we competence wish to demeanour into.

ReactStrapReactStrap

Reacto

Another React-related tool, Reacto is an IDE built on tip of Electron and designed for building web applications with ReactJS. This looks unequivocally accessible if your growth primary revolves around ReactJS.

ReactoReacto

PicoJS

A JavaScript library that enables face detection. It works with a still print or from a integrated camera. It’s unequivocally fascinating how a web record evolves over a final few years.

PicoJSPicoJS

Add Comment