net - UK (2020-02)

(Antfer) #1
Static Site Boilerplate is a multi-
featured toolset for building static
sites that is full of features,
including automated
builds

Chart.xkcd lets you build dynamic
JavaScript charts in a cartoony
manner like the popular xkcd
web comic

LIBRARIES &


Static Site
Boilerplate
http://staticsiteboilerplate.com/

31


A non-opinionated and
feature-rich toolkit for
building static sites.
Offers automated builds, a local dev
server, production-level
optimisations (such as code
minification and image processing)
and has support for a number of
modern front-end technologies
(Sass, ES6, etc).

Base Web
https://baseweb.design/

32


A React-based UI
framework with a vast
suite of components that
range from complex functionality
like a payment card component (ie
input mask for different credit card
types) to low-level features such as
FlexGrid and Layer for composing
your layouts.

Developers
are doing
everything
possible
to shave
e|whv#rļ#
their
production
builds. One
way this is
done is by
means
of tools
that clean
unused CSS

FEATURES
50 incredible dev tools 2020


MEDIA


TOOLS


Chart.xkcd
https://timqian.com/chart.
xkcd/

25


A quirky JavaScript
charting library that
generates charts in a
sketchy or hand-drawn manner in
the style of xkcd, the popular web
comic. Might be a great option as
part of an informal app design.

useAnimations
https://useanimations.com/

26


A collection of simple,
customisable animated
icons that you can plug
into projects on mobile or web,
offering a React version and the
ability to edit the pre-made
animations either in Lottie or Adobe
After Effects.

Strikefree Music
https://strikefreemusic.com/

27


A growing library of audio
clips you can use in
things like videos and
podcasts without fear of being
penalised for copyright violations.
You can optionally create your own
custom beats or randomly select
one that’s already been created.

ZapChart
https://zapchart.com/

28


A neat online tool to
build shareable data in
chart format. Just plug in
the numbers for the x and y axes
and this app will generate a bar
chart downloadable as PNG or
shareable via URL.

Optimole
https://optimole.com/

29


An image optimisation
service and CDN for
WordPress. Includes
features for serving device-
appropriate images with lossy or
lossless compression, optional lazy
loading and lots more.

Mixkit
https://mixkit.co/

30


A collection of HD videos
and illustrations,
filterable by categories
and free to use anywhere in
commercial and non-commercial
projects, without attribution.
Free download pdf