Useful links for designers and Developers - HaukeWebs


We found a few handy tools for you to use if you are a web developer or a designer. We’ve tested each one of these personally.

Webdesign Inspiration

If you are struggling to find inspiration for your design, this website will definitely help you out of your misery. It really has the best websites in town. Love it.

Go to website >



Paletton – Generate colour schemes for your design

You can choose from monochromatic colours, adjacent colours, triad colours, tetrad colours etc. It matches up colours so you can be sure that your colour scheme really does work. How cool is this?

Go to website > - HaukeWebs



Background Labs – Download seamless background vectors

Here you can download background vectors you can tile and use as a background on your website.

Go to website >




Subtle patterns – Free for you to use on your website

They have a huge database of pretty patterns you can download and use.

Go to website >

Free Subtle Patterns - HaukeWebs



Fontsquirrel – Download webfonts

Here you can download fonts to use on your website – most of them are free for commercial use. You can download the font to install on your computer, as well as the webfont you can use on your website –  a very handy tool.

Go to website >

Font Squirrel  - HaukeWebs



Free Brush Archive 

All the brushes you can think of divided into handy categories.

Go to website >

Bruch Archive - HaukeWebs



Fontie – Generate webfonts from regular fonts

Webfont generator for literally any font you can think of. Just pop in your font and let Fontie do the work for you.

Go to website >

Fontie - HaukeWebs



Free Flat icons for your website/design

Here they have a MASSIVE database of icons you can download to use on your website or design. All they ask is to be credited.

Go to website >

Flaticon - HaukeWebs


Download free High-quality video backgrounds for your website

This is so cool. Free high-quality videos you can download for your website.

Go to website >

Cover - HaukeWebs


How to make shapes with pure CSS

This awesome article shows you how to make shapes with pure CSS, goodbye images! Stars, badges, squares, rectangles, triangles, circles…even Pacman!

Go to website >

CSS Shapes - HaukeWebs



CSS Arrow Please – Generate CSS for a box with an arrow point

This tool helps you by generating the code for a box with an arrow point on the side. It really simplifies things.

Go to website >

CSS Arrow Please! - HaukeWebs



Clean up your CSS with this awesome tool

If you want to make sure your stylesheet is neat with the correct spacing, this tool is perfect for you.

Go to website >

CSS Beautifier - HaukeWebs



Center everything with this handy tool!

Sometimes we all get one of those elements that just REFUSES to give in and center, this tool helps a lot.

Go to website >

Center Anything with CSS -  HaukeWebs



Select elements easily – “Nth”-call for everything

This article shows you the “Nth”-call for everything, selecting children, letters, words and types have never been easier.

Go to website >

Nth-Call for anything - HaukeWebs



Apply transitions and effects with PURE CSS with this tutorial

This awesome tutorial by Nick Salloum shows you how to add shake-effects, bounce-effects etc. to your elements. So handy. So cool.

Go to website >

CSS Transitions and Effects - HaukeWebs



Amazing scroll effects for you to download -jQuery

This plugin allows you to create amazing websites with a wide range of scroll effects you can choose from.

Go to website >

jQuery Scroll Effects plugin  - HaukeWebs



PSD Mockups for your designs/websites for Firmbee and Mockup World

Here you can choose from many free PSD mockups for every device that you can use to display your work. Easy to use, and FREE!

Go to Mockup World >  |  Go to Firmbee >

Free PSD Mock-Up - HaukeWebs


Comments are closed here.