Looking for some good tunes for a personal project online? The Internet is a treasure trove for legitimately free stuff like free sound effects, free stock videos, free vector images, or free 3D models, there are many sites that offer a variety of good resources if you have the time to look for them, and that includes music under creative commons license that you can use for your projects.

Previously we have compiled a list of 20+ websites you can download free background music under the creative commons license for your project. If you’re on a limited budget or don’t have one to spend on music, you may be able to find some free background music in these extra 20 sites. In return, just credit the sites when using the music.

Recommended Reading: 25 Free Digital Audio Editors You Should Know

FreePlay Music

A unique and straight forward business style site that provides royalty-free music that you can download easily. Just choose a song and add it to your cart, then pick your song license type (personal license is free) and proceed to checkout. You don’t even need to use any credit card if you are downloading it using a personal license.

Newsgrounds

This large flash games and animation site has been around since 1999. In 2003, they collaborate with musicians all over the world leading Audio Portal to growth massive. You can get almost all kinds of audio genre on their site and they are mostly under common creative license.

Phlow-Magazine

Phlow-Magazine is a magazine-themed site that collects the finest songs all over the web from netlabels and musicians that release music under creative commons license. They provide a wide range of genre such as techno, hip hop, house, pop, rock and a lot more. Their latest project is about #366DaysOfMusic where they release a free MP3 music download each day, for 366 days.

Shrecords

Shrecords is a simple platform to get distributed music that is uploaded under creative commons license. All the audio files provided on the site can be used for non-commercial usage. Commercial use requires the payment of a license.

Bensound

Bensound is a composer and musician living in France. He has been writing music for a little over 10 years and have had his music featured in many projects before. His collection of royalty-free music can be downloaded from his site with the request of a credit if it is used for any project.

Machinimasound

The 2 people behind Machinima sound are Per Killstofte and Jens Killstofte. They also produce the music on the site. Their purpose is to provide media creators with quality music, and push Machinimasound to be at the forefront of this industry. You can download and use their free music for both personal and commercial use as long as you provide credit.

DL Sounds

DL Sounds is a site which caters to those who are looking for fresh tunes, loops or samples to be used in projects. This site has been around since 2009, where even now they are still providing high-quality music and royalty-free music to their customers.

SonicsSquirrel

A good source where over 15,000 tracks are being downloaded daily. SonicsSquirrel is a platform for netlabel music distribution with the aim to promote free music and making the work of its artists available to the public easily.

SoundShiva

Another site to for netlabel music, sortable by genre. Just read the creative common license and download away. SoundShiva relies on community donation to keep going in return for promoting fresh tunes by new artists on one easily accessible platform.

Epitonic

A large online library to download completely free music, that you can use for any personal or educational projects. Epitonic shut down previously due to financial constraints but is now back online due to help from many contributors. The site filters underground music.

Midnight Cassette System

The Midnight Cassette System is a collection of music made using a portable music device MadPlayer. The recordings can be downloaded for free because the producer Frank Edward Nora decided to release all the recordings under the Creative Common license: CC0 1.0 Universal. There are so far 55 hours’ worth of public domain music available for non-commercial and commercial use.

Derek R. Audette

Get music specifically made to be used as background music for films and video productions, performed and recorded by Derek R. Audette here. It is not necessary to obtain his permission so long you give him proper credit (please do).

Sound Jig

Here you can get plenty of MP3 to use, free of cost or royalty. The only thing required of you is to link back to the site if any of their audio is used. Sound Jig provides audio ranging from sound effects to music loops, in a variety of categories like animals, futuristic, ambient electro, hip hop and many others.

Jimmyg

Jimmy Gelhaar is a prolific writer who has composed a variety of music styles throughout his career. He is a student of the piano, guitar and percussion instruments. All the music on his site is composed by him, and you can download and apply his music for your project for free but only for personal use.

Royalty Free Music

Here is a site that has one of the largest online royalty-free stock music including music clips, music loops, beat, bumpers and stingers and sound effects. While their business deals with royalty-free music, you can also get a taste of some of their collections for free. There are limitations of usage, which you can read about here.

FreePublicMusic

FreePublicMusic is a site where you can download free music and sound effects without royalty fees, giving you high-quality music files for your personal or commercial use. The site claims that every audio you find here is 100% original and you only need to credit FreePublicMusic.com in return. All files are downloadable in MP3 format. WAV format is available at $4.99 per song.

FreeSoundtrackMusic

Get pre-recorded musical composition or sound clips for projects such as advertisements, computer games, promotional videos, business presentations, etc. There are a variety of music genres available such as rock, smooth, jazz, funky, techno and etc. Look for recording with "Usage Status" indicating that its Free and you can use that in your project with a credit back to the site.

YouTube Audio Library

This is one of the easiest way for you to download background music for your videos given the fact that there are now around 150 tracks available for immediate use in YouTube audio libraries. YouTube users can use the royalty-free instrumental audio tracks both in and outside of YouTube.

Community Audio

This archive that was known as Open Source Audio has been renamed to Community Audio. It contains many audio files that are licensed under a Creative Commons. The entire site is known as The Internet Archive, a non-profit internet library for everyone to access historical collections in digital format. In the community audio section you can download all kinds of audio files, ranging from the blues, country, electronic, experimental, hip hop, indie, jazz, rock and spoken word.

Free Stock Music

Free Stock Music wants to provide you with a platform where you can get the absolute best production music at not cost at all. You can download and use music on their site for any kind of production even for commercial ones. The music can be downloaded in 3 different formas: WAV, AIFF, MP3. Check out which format fits your needs here.

If you are active on Google+ there are a lot of communities for web designers or UI designers to join. Google+ Communities are like online groups or forums where people can come together to talk about a common hobby, interest or career (such as Design). Only members of a given community can see your posts in their stream. As a designer, this is great because you can share your work and get feedback from thousands of other designers, for free.

In the design communities below, you’ll find lots of great information, freebies, tips and tricks, and personal design work from members. Plus, you can ask for help or offer help to others. Let’s find the perfect Google+ design community for you. (Note: Number of members listed for each community is accurate as of time of writing.)

Recommended Reading: 18 Forums Web Designers Shouldn’t Missed

Web Developer, Web Design, Web Coding

Whether you’re a Web designer or developer, you’ll love this community. It’s the perfect place for discussions, question and answers, brainstorming and anything else related to Web design and development. There’s even a category for job postings, so if you’re looking for work be sure to check it out. You could find a side project to work on, or even a full-time job. There’s plenty of information for beginners and even for seasoned designers and developers.

Categories in the community: HTML5 / CSS, Graphic Design / UI, Ajax / Javascript, PHP, ASP / .NET, Python / Django, Ruby / Rails, Perl, DBMS, Java / C / C++

Members: 88,000+

Android App Design

This community is the place for Android app designers. There’s a special category just for beginners, which is great for those just starting out. If you’re looking to improve the design of your app(s), you can request feedback and suggestions from over 70k members. Of course, you can also share design tips and tricks, screenshots from your favorite apps, design mockups and more.

Categories in the community: Design Feedback Requests, Documentation and Resources, Design Tools, Design Tips and Tricks, General Discussion

Members: 86,000+

Web Development

Although this community is called “Web Development,” the description states that it’s a community for Coders, Web designers, clients and anyone who loves Web development. Despite its focus on development, you’ll find a lot of information, tips and tricks regarding Web design as well. It’s also great for designers who may be looking to get into development and want to start learning the ropes. You’ll find that most design related topics are in the general "Discussion" category.

Categories in this community: PHP, Joomla, WordPress, Adobe Flash, HTML5 / CSS, Drupal, MySQL, Perl, Python, Ajax, Tutorials, Tips, Projects

Members: 41,000+

SEO+ – Search Engine Optimization / Website Design

This is an SEO community that also focuses on Web design, among other topics. If you want to learn about SEO and how it’s affected by web design, this is a great place. You can also learn about designing landing pages for SEO, designing viral content, responsive Web design, WordPress design and more. If you manage your own website or blog and want to learn how SEO and Web design work together to help boost your rankings, this is a great community to join.

Categories in this community: Search Engine Optimization, Search Engine Marketing, Mobile SEO, Google Webmaster Tools, Google+ Tips, Blogging for SEO, Web Design, Responsive Web Design and, SEO / Tech Humor

Members: 31,000+

Graphic Design

The graphic design community focuses on all things creative such as: typography, logo design, print design, illustration, infographics, branding, motion graphics and Web design. You can share your design work and get feedback, discover great tips and tricks, find design freebies to download (UI kits, backgrounds, vectors, icons, etc) and more. This community is slightly more strict. There’s quite a few rules to follow (mostly don’ts), so be sure to read through them before posting.

Categories in this community: Adobe Suite, Advice, Inspiration, Professional, Package Design

Members: 14,000+

Web Design

This community is all about Web design. From tips and tricks to freebies to actual design work from members, you’ll find it all here. Be warned that you must post in the correct category, or your post may disappear completely (get deleted) from the community. As with any community, you’re expected to not just post, but also contribute and interact with other members and posts. Although “all topics are covered,” there aren’t very many categories to choose from.

Categories in this community: Ask Someone, Inspiration, Trends, UX, UI, Ask for Feedback, Self Promotion (which should be done tastefully and in moderation)

Members: 10,000+

UI Design

This is simply a community for sharing thoughts and ideas on UI design. If web, desktop or mobile UI (user interface) is your thing, this is community is for you. You’ll get to see a lot of UI design work from other members and can provide feedback. Freebies are also posted like templates, UI kits, mobile GUIs among others. You’ll also come across occasional job listings, questions and of course, tips and tricks.

Categories in this community: Intro, General Discussion, iOS, Android, Windows Phone, Web, UI Patterns/Framework.

Members: 5, 900+

Final Thoughts

Thanks to these top Google+ communities for designers, you really have some great sources for things like tips and tricks to freebies that you can download. Plus, you can connect, find and even colloborate with other designers.

I encourage you to read the Community Policy/Guidelines for each community (most have them). You’ll usually find a link in the description box (“About this community”), so that you can understand the do’s and don’ts for that specific community. You don’t want your posts or yourself removed from a community for not following the rules.

Are you a member of any of these communities? If so, which one is your favorite?

With billions of mobile users nowadays, building websites that are viewable on mobile devices is indispensable. Luckily, we’ve got many tools and options for debugging websites on mobile platforms. You can use Adobe Edge Inspect, Google Chrome Emulation, or XIP.io to name a few.

If you are developing solely in an OS X and iOS environment, you may not need those third-party tools. Apple has already provided a set of tools for the job. And In this post, we’ll show you how to utilize them to access and debug static websites as well as WordPress websites in iOS for iPhone and iPad.

Without further ado, let’s get started.

Recommended Reading: Mobile Emulation In Google Chrome

Getting Started

First, launch Safari and enable the Developer Tools via Safari > Preference. In the Advanced tab, tick the Show Develop menu in menu bar option.

A new menu called Develop will appear in the Safari menu bar.

Then, in your iPad or iPhone, go to Settings > Safari. Similarly, in the Advanced menu, enable the Web Inspector, like so.

For WordPress-based website

A relative path is required so that the CSS, Images, and JavaScript links are correctly loaded in the iPad or iPhone. If you are developing WordPress-based websites, all the asset paths are absolute. To make them a relative path, install and activate this plugin: Relative URL.

Once activated, the path URLs will turn from:

 http://localhost:8888/wordpress/ 

…into something like what you see below:

 /wordpress/ 

Debugging the Website

First, you need to know your network IP address number. Go to System Preference > Network. There, you will find the IP address. Also, ensure that your Apple devices – Mac, iPad, iPhone – are connected in the same Network so you can access the website wirelessly on the iPad or iPhone.

In your iPad or iPhone, launch the Safari app and access localhost:8888 followed by your web project directory – for example localhost:8888/wordpress. If you setup your local server using MAMP, localhost:8888 should be your default local server address.

As you can see below, we are viewing our website, which in this case is WordPress-based, on an iPad.

Furthermore, to be able to debug the website with Developer Tools, you need to plug your iPad or iPhone to your Mac using the USB. Then, in Safari, go to the Develop menu and select your connected device.

We are done.

In the following screenshot, as we select the DOM tree from the Developer Tools, you can see that respective elements on the iPad or iPhone are highlighted. You can now technically debug your website in iPad or iPhone, like you do on your desktop.