net - UK (2020-02)

autoComplete.js is a customisable

auto-suggest plugin for form fields

built using vanilla JavaScript and

tailored to offer speedy

functionality

Simple-

keyboard enables you

to add a realistic keyboard

to your apps that can be styled

to suit your brand

JAVASCR IPT

UTILITIES

autoComplete.js

https://tarekraafat.github.io/

autoComplete.js/

1

A small library to add

auto-complete

functionality to a form

field. Offers loose and strict search

modes, customisable minimum

number of characters before

offering suggestions, optional

callback functions and more.

indigo-player

https://matvp91.github.io/

indigo-player/

2

A modular, easy-to-

customise JavaScript

video player with

advertisement support out-of-the-

box so you can enable pre-roll,

mid-roll or post-roll sponsors for

embedded videos.

Simple-keyboard

https://virtual-keyboard.js.org/

3

An elegant, responsive

virtual keyboard

component that offers

ready-to-use demos of both

mobile- and desktop-style

keyboards. The demo keyboards are

gorgeous but you can also style one

easily to suit your brand.

fslightbox.js

https://fslightbox.com/

4

A vanilla JavaScript

lightbox plugin that can

display images, HTML5

video and YouTube embeds in an

attractive and usable overlay. Offers

React and Vue versions and the

ability to upgrade from the free

version if you want to get your

hands on more features.

Rallax.js

https://github.com/ChrisCavs/

rallax.js

5

Parallax shouldn’t be

used heavily but a simple

dependency-free

solution like this one is a good

option. This has good performance

and an easy-to-use API for starting

effects, stopping, speeding up and

the ability to chain .when() methods

for queuing actions.

FrenchKiss.js

https://github.com/koala-

interactive/frenchkiss.js

6

A super-fast

internationalisation

library with an extensive

API. One example customisation it

offers is the ability to deal with a

language that has multiple

pluralisation rules.

Louis Lazaris has

scoured the web for

the 50 hottest scripts,

plugins and other

awesome tools to assist

and delight front-end

web developers

AUTHOR

LOUIS LAZARIS

Lazaris is a front-end

developer, author and

blogger who writes

about front-end code

on Impressive Webs

and curates Web

Tools Weekly (https://

webtoolsweekly.com), a

newsletter focused on

web tools.

w: impressivewebs.com

t: @ImpressiveWebs

50 incredible dev tools 2020

I

f you regularly write front-end

code for web applications, then

you probably have your go-to set

of tools: a boilerplate that serves

as a skeleton. A UI library that

helps you make things dynamic

and interactive. A build process that

might include one or more tools to

scaffold out the files and directories

you’ll need. You might even have a set

of CSS and JavaScript utilities that you

go back to time and again. Or maybe

your tooling is a couple of blank files,

your code editor and nothing more

(which is absolutely fine, especially if

you’re new to the scene).

Whatever your toolset looks like,

it’s always beneficial to take a peek

at what’s out there and what’s new in

front-end tooling. To that end, let’s

roll out 50 of the most interesting and

practical tools for you to consider for

2020. Most of these are pretty new,
      having been released at some point
      over the past year, while a few have
      been around for a little longer and have
      only started to gain traction during the
      last 12 months.
      Whatever the case, you’ll most
      definitely find something in this list
      you can use in a project soon!