2019-05-01+Web+Designer+UK

(Brent) #1

iro.js
iro.js.org
A low friction API that offers support for hex, rgb, hsl
and hsv colour formats. Simply move the controllers to
select a colour and copy the code.


Handtrack.js
victordibia.github.io/handtrack.js/#
This library allows for prototyping realtime hand
detection within the browser. Try out the demo and
play with the threshold or see the library in action.

Boilerform
boilerform.design
This is a HTML and CSS boilerplate to help take the pain
away from working with forms. Check out the pattern
library to see the different input options and copy the code.


Animated CSS burger
march08.github.io/animated-burgers
Browse this small selection of animated burger menu
options, and find the one you would like to use in your
project. Get the HTML/CSS or code for React.

Header
Resources
CONTACT US AT: [email protected] | @WebDesignerMag

resources ______________________________________________ 13

Tribute to Ken Perlin #
codepen.io/soju22/pen/ywXrQx
A shifting ball of circles and bubbles that
allows users to interact with the cursor. A
host of controls are available to customise
the appearance.


Pseudo 3D text
codepen.io/funxer/pen/KBmRoZ
A floating, dot-matrix style 3D text that slowly
moves around and hypnotises the user. Add
your own, and then run it to see the new text
in action.

PICKER RING
codepen.io/rpsthecoder/pen/PLbmyN
A colourful icon-driven selector that looks
great, and is also really simple to use too.
Drag the red arrow to the preferred option to
see the title change.
Free download pdf