2019-05-01+Web+Designer+UK

A javascript tool for adjusting size, leading and grades to cast

continuously responsive typography.

Every Popup is beautifully designed, coded in html/css and

seamlessly animated — ready to use on your website.

Fiddle with the font size, line height and scale factor sliders — then

watch the typography dance.

Material Design is a visual language that synthesises the

classic principles of good design with the innovation of

technology and science.

View a number of colour combinations in situ. This is super

helpful in finding accessible colour combinations.

Here’s a bucket load of html templates to get you kickstarted

with quick projects.

GitHub fan? Use these Resources, tooling and design

guidelines to produce stuff for GitHub.

Here’s a great Grid cheatsheet to speed up development.

Simply click on your layout element and paste in your code.

Shortcut your way into a design with loads

of accessible design files and UI elements.

Text Block

Q textblock.io

Grid Lover

Q ǕȸǣƳǼȒɮƺȸ٫ȇƺɎ

Lunar Popup

Q lunar.atomui.com

Material Design

Q ȅƏɎƺȸǣƏǼ٫ǣȒٱƳƺɀǣǕȇ

!ǼȒɖƳˢƏȸƺ!ȒǼȒɖȸ

Q ƬǼȒɖƳ˿Əȸƺ٫ƳƺɀǣǕȇٱƬȒǼȒȸ

HTML Templates

Q htmltemplates.co

Primer

Q primer.style

Grid

QǕȸǣƳ٫ȅƏǼɮƺȇ٫ƬȒ

Design DB

Q ƳƺɀǣǕȇƳƫ٫ƬȒ

TOOLS TO

TWEAK YOUR

PROJECTS

LookingforanalternativetoPhotoshoporIllustrator? This is one for the pros,

as Affinity pretty much covers everything and works superbly on desktop

and devices. You’ll soon realise that this is PS and IA in one, and offers a great

deal of features and power to enable you to create superb designs.

ǔˡȇǣɎɵ ̈ǝȒɎȒ

QƏǔ˾ȇǣɎɵ٫ɀƺȸǣǔ٫ƬȒȅٱƺȇډǕƫٱȵǝȒɎȒ

MIXED

DISCIPLINE

DESIGN

Switch between vector,

pixel and export modes.

KEY FEATURES

54 __________________________________________________feature

33335555 HHHHOOOOTTTTNNNNEEEEWWWWDDDDEEEESSSSIIIIGGGGNNNNTTTTOOOOOOOOLLLLSSSS