Bookmark These! 3 Great Resources for Free Images

For any working and aspiring designers, purchasing stock images and assets are costly, especially when working on your own projects. Ideally we have someone else’s money to play with but we all know that’s not always the case. We have gathered 3 great resources for free images which come in handy when in need of textures and backgrounds. The licenses on the images vary so it’s good to always double (or triple) check. If you are really uncertain we’d suggest Pexel, which widely advertises its content as being free for personal and commercial use.

creative commons

  1. Creative Commons [https://search.creativecommons.org/]

Creative Commons is a “search service” as they call themselves, not a search engine. Fine line. You will find that you can filter certain sources out if you know what type of image you’re looking for. Although, I would be careful in doing that because you never know what kind of images any source might have. The option is there for you though, and it is advised to click through the links and find out the specific license associated with the image just in case. They have a disclaimer at the bottom of their home page that spells everything out, if you’re wondering where to find more information on that. It should also be noted that you can search for audio and video assets using Creative Commons.

FreeImages

  1. Freeimages.com

Freeimages.com has almost 400,000 free images but you may need permission from the artist to use. Check the licensing before making any moves, just in case. In a way this site relies more on the honour system, so use your own good judgement. To contact the artist, there’s a mail icon you can click next to their nickname, or you can find a “Contact User” link at the top of their profile page. Their FAQ page is very well written out as well, so if you have any concerns about how the site works you can check that out.

Pexels

  1. Pexels

Pexels is probably my personal favorite so far. I love the quality of the images. For a free resource, quality like this is something you won’t come by a lot as a designer. It’s a really great site for any images you might need for your own personal projects or even commercial projects. They allow you to use their images for anything. You don’t even need to attribute the link to the image, and you can modify the images in any way you would like.

 

There you have it. There are free things on the internet for us designers! Just a note, if you have commercial projects with an official client, purchasing stock images is perfectly okay. It does not need to be the designer’s responsibility to pay for those images because you won’t be using it for your own personal marketing. Also purchasing for clients will definitely add up. Our experience is that you might spend up to $100 on stock images per project for even the cheapest images. Of course, the other option is to just use free images like the options we provide above. New resources come up all the time too so keep googling for those of you who are hoping for more variety. Happy image searching and coding!

 

 

 

A Solid Tool for Web Dev – Browser-Sync on a Mac

browsersync

What is Browser-Sync Browser-sync is a tool that helps synchronize your browser with any updates you make to the text file immediately after saving. Once you start coding more often, you get acclimated to adding code, refreshing the browser, and saving the files. Refreshing the browser manually can get laborious and just takes more time […]

Read on...

How to Use CSS3’s Width and Height Properties

This tutorial is for very beginners and people who are brand new to CSS, and it covers two of the most useful and common CSS properties: width and height. In CSS, you use the width and height properties to define (as you can probably guess) the width and height of any element. When we say […]

Read on...

How to Use CSS3’s Right and Left Properties

In CSS, the right and left properties can be used to define the space between the right or the left edge of an element and it’s nearest ancestor. If you’re familiar with the margin property, then it might help you to know that in CSS, the right and left properties can be used much the […]

Read on...

How to Use CSS3’s Letter-Spacing Property

Screen Shot 2017-05-17 at 2.21.38 PM

CSS’s letter-spacing property is one that can be used to, you probably guessed it, add (or remove!) spacing between letters. The property is perfect for either making your letters look super close together, or super spread out. If you have any graphic design knowledge, it’s a little bit like kerning your letters — only there’s […]

Read on...

How to Use CSS3’s Padding Property

Screen Shot 2017-05-17 at 1.35.27 PM

In today’s tutorial we’re going to talk about how to use a super-popular CSS property: padding. You can think of the padding property as a way to add space within your elements — not to be confused with margins, which allow you to add space outside of your elements. Just like with margin though, you […]

Read on...

How to Use CSS3’s Quote Property to Customize Quotations

Did you know that you can customize quotes in CSS? It’s actually a fairly easy and straightforward process. Instead of using the traditional “” quotation marks, you can pretty much use just about any symbol you can think of, and you can easily have this symbol be the uniform quotation mark throughout your website, pages, […]

Read on...

CSS3’s Widows and Orphans Properties

Widows and orphans. These might sound like strange names for CSS properties, and they kind of are. They’re named as such because they come from old-school typography terms referring to, if you can believe it, lines of a paragraph. A widow refers to the last line of a paragraph that didn’t fit on the same […]

Read on...

How to Convert Pixels to Ems

Screen Shot 2017-05-11 at 5.31.40 PM

If you work with CSS a lot, and especially if you work with a lot of responsive and mobile friendly designs, then you probably know the difference between pixels and ems. But just in case, here’s a little rundown for you: pixels are fixed values of measurement that can be used to define the size […]

Read on...

8 Free Icon Sets for App Designs

Screen Shot 2017-05-11 at 5.04.53 PM

Designing an app and looking for some free icon sets that you can use on iOS and Android? Look no further. We’ve curated this list of some generic yet stylish and current icon sets that will make super additions to any of your app designs. Not only can you use the icons on iOS and […]

Read on...