A resource of free images for your front-end web project

Here comes another tip if you’re looking for free images as placeholders for your front-end web development: Unsplash

The site has a wide range of categories to search for suitable images and it’s all free of charge although crediting is appreciated.

A Hex to RGB converter for your front-end web project

Here comes a quick tip for you who want to convert hexadecimal colour codes into RGB values: HEX to RGB converter

The background of the tool changes as you enter the hexadecimal value into the simple form in the middle of the page.

A colour scheme generator for your web project

Here’s a quick tip if you need to get some ideas about colour schemes that work well for HTML pages: Coolors IO.

It’s a free resource that can save you a lot of time if you are not a front-end designer but need a palette of 3-4 colours for the background, fonts, columns etc. Click on the Explore link in the top right hand menu and you’ll get a large amount schemes. The colour codes and names are also available for your CSS file.

Placeholder image generator for quick HTML page mockups

If you need a number of placeholder images to fill a web page just for testing then the following resource if for you: Lorem pixel.

Examples:

• http://lorempixel.com/400/200/ : get an image of 400 x 200 pixels
• http://lorempixel.com/400/200/sports/ : get an image of the sports category
• http://lorempixel.com/400/200/sports/HelloWorld/ : generate an image with a custom text on it where the text is specified in the URL, “HelloWorld” in this case

…and there’s much more. If you need placeholder images for your web project then make sure you check out this resource.