RSS

Searching Google for MP3s

0 Comments | This entry was posted on Jun 26 2009

For the few of us who don’t use applications like Limewire or Shareaza and want to download the odd MP3 or two, it can be kinda hard to find them online. Luckily, for us few, Google, Yahoo and MSN can be used to find lists of MP3s for us to download. You simply replace the given part of the next few strings with the artist or song name you’re looking for and do a search! You’ll be given a directory listing consisting of (mostly) .mp3 files for your download.

Google:
“parent directory” mp3 OR wma OR ogg OR wav Band/Singer -html -htm -download -links

Yahoo Search:

parent directory” AND (Band AND Singer) AND (mp3 OR wma OR ogg) AND NOT(”download”) AND NOT(”links”)

MSN Search:

parent directory” AND (Band AND Singer) AND (mp3 OR wma OR ogg) AND NOT(”download”) AND NOT(”links”)

Putting a List on One Line

0 Comments | This entry was posted on Jun 21 2009

Nowadays with divs being the big thing in web development, it is sometimes considered best practice to use a UL (Unordered List – <ul><li></li></ul>) for a navigation bar. Using an UL for this makes it look very nice and makes it very easy to style, however, it can sometimes be difficult for those not used to doing this to do it.

By default, a UL creates a vertical list – but in this case, we want a horizontal one. How can we do this? First, we remove the margins and padding, and then make it display inline.


ul#idname li {
margin: 0px;
padding: 0px;
display: inline;
}

Let’s take a look at what we just did. ul#idname is the type (ul) and the name of the element. In this case, we are using an id, but you can use a class instead. Just be sure to change # to a . (dot). The li after ul#idname is used to reference the child element of the previously mentioned element. So ul#idname li affects all the li elements inside the ul with the id of idname.

margin: 0px and padding: 0px completely remove the margins and padding for the li elements. If you want some, add the exact amount you want. Next up is the part that does the magic: display: inline; Display changes how the content is displayed (obviously) and inline tells it to display it just how we want it – in a line. Not a block or anything else.

The above code is a useful piece of information for all web developers. My suggestion is to save it or bookmark this page so you don’t have to go searching around for it when the time comes that you will need it.