Resources related to using media (images, video, audio) in your sites.<\/p>\n\n\n\n
Even if the site does not require you to attribute the image, I am requiring you to do it for your web site projects.<\/p>\n\n\n\n
<\/p>\n\n\n\n
I collected a number of sites and resources around images and, to save space, put them in a separate post. Click on the following link to read about them:<\/p>\n\n\n\n
Where to Find Images<\/a>.<\/p>\n\n\n\n We started with this Basic Responsive Images <\/a>post that shows the basics needed for responsive images.\u00a0<\/p>\n\n\n\n For truly responsive images where you an have the user load different images depending on the size of the browser or resolution of the device see this post: Responsive Images: Picture Element and srcset Post<\/a><\/p>\n\n\n\n There are times when you are testing out a layout or creating a prototype that you need to add an image to a page but don\u2019t have the final image you will actually use. Placeholder images allow you to quickly and easily add in inmates that can stand in until you are ready for the actual image.<\/p>\n\n\n\n Placeholder Images Post<\/a><\/p>\n\n\n\n This post shows how to embed Video, Google Maps and Google Calendar into your site in a responsive way:<\/p>\n\n\n\n Responsive Media Embeds<\/a><\/p>\n\n\n\n Icons can be a great way to allow people to quickly scan a page and understand what’s going on. They can also add visual interest to designs. Here are some sites that have collections of icons you can use:<\/p>\n\n\n\n These sites contain both free and paid icons. There are many more sites with free icons. Some help you use fonts to display the icons and some just allow you to download the font images.<\/p>\n\n\n\n These sites are by Kevin Mcleod<\/p>\n\n\n\nResponsive Images<\/h3>\n\n\n\n
<\/p>\n\n\n\nPlaceholder Images<\/h3>\n\n\n\n
Image Optimization and Minification<\/h3>\n\n\n\n
These sites help to reduce downloads by reducing the size of your images.<\/p>\n\n\n\nEmbedding Media<\/h2>\n\n\n\n
Icons<\/h2>\n\n\n\n
Place Image on Realistic Backgrounds\/Frames<\/strong><\/h3>\n\n\n\n
Where to get Audio<\/strong><\/h2>\n\n\n\n
Where to get Video<\/strong><\/h2>\n\n\n\n