TutorialPod

So putting sound in web pages is annoying.  It’s annoying for developers to implement, and it’s annoying for users when crappy developers do a crappy job.  The most annoying part of implementing sounds in a web page is getting your sounds to be cross browser compatible.  Embedding a sound will cause the browser to load up a default player which may or may not be installed and can cause a user prompt to install it.  Once the sound is loaded in the browser’s player of choice, you have no way of knowing what player it is, and of course they all have their own way of manipulating sound.  But hey, if you knew flash you could write code to play sounds that is cross browser compatible.  Most modern browsers support flash and if some of your users don’t have it, well it is still a better solution than the alternative. Unfortunately for you, you don’t know flash and you obviously aren’t going to learn it just to play some sounds. Well you can thank Scott Schiller for his wonderful project SoundManager.  Scott has taken the hard flash part and turned it into an easy javascript api.  Of course if you don’t know javascript, this will be a piece of cake and you should learn it anyway.  I found this project very useful by combining it with the Adobe Flash Player Detection Kit.  By using this to detect your end user’s flash player version (or lack thereof) you can choose to load sounds or not.  This can help prevent users without flash from getting an annoying popup asking them to upgrade or install flash.  Hopefully this can help some people out there trying to develop sound in their projects.  Just make sure you don’t condemn yourself to developer hell by annoying your users and the internet at large by including obnoxious background music and sounds for everything on your site.

For a good example of how you should never include sound in your site check out this abomination.  Just because you read HTML for Dummies doesn’t mean you should be creating websites.

One of the local tech companies in our area, MailTrust, has recently started doing public Tech Talks with guest speakers at their local office.  Recently they had Manu Sporny from Digital Bazaar giving a talk about web semantics and its role as the in the web as it evolves.  The talk was recorded and you can find it over at http://wiki.digitalbazaar.com/en/Practical-web-semantics.  The talk on web semantics doesn’t really get started until the second and third videos but you can find some interesting information about Manu, and Digital Bazaar in the first video.

I like to feature various artists who create abstract 3d artwork…I used to create this style of art and it takes so much time for little to no compensation other than making the art itself. I bring you “Splinter by soad2k“.

In this tutorial you will learn how to create a very futuristic looking shiny header for use on your web templates.

1. Create a new document 600 x 120 and fill the background black.

Continue reading »

Here is a tutorial I wrote a few years ago which we used to have on this site. It produces an AWESOME effect which is sure to be useful in SOMETHING.

1. Start out with a huge (2000 x 2000…work big because an effect we use later reduces quality!) square canvas painted black. Note that if your canvas isn’t square, your ring will be an oblong. Create a new layer, grab your Rectangular Marquee tool and start making thin technical looking sheets…also make use of the delete key to cut out peices.

Continue reading »