Skip to main content

Posts

Flash, HTML pages, and SWFAddress

This is my solution for using Flash, SWFAddress , and HTML fall-back pages. It is more quick and dirty than “the right” solution, but it falls firmly into the “works for me” category. I use SWFObject (link) to detect and execute a Flash site and to fall back to a non-Flash site when the browser cannot handle Flash Typically, the code will look like the following: <script type="text/javascript" src="./js/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; var params = {}; params.menu = "false"; params.quality = "best"; params.allowfullscreen = "false"; params.wmode ="transparent"; var attributes = {}; attributes.align = "TL"; swfobject.embedSWF("website.swf", "nonflash_content", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes); </script> Extrem...

Joomla: Simple Picture Slideshow

I was searching for a quick slideshow plugin to use within an article in Joomla and stumbled across one called Simple Picture Slideshow . It is extremely simple to set up.  You download the plugin from their site, install it into your Joomla backend, then find it in your plugins directory.  There are few settings to play with from having the images link to other pages and buttons for controlling the slideshow.  I went with a simple approach for Ryan Gibbons Real Estate and just had a button-less image slideshow that began automatically on page load. The beauty of  Simple Picture Slideshow  is its ease of use.  It's default directory (which you can change in the plugins settings page) is set to /images/stories .  To use it in your article, you use the following syntax: {besp} sampleimages {/besp} Where sampleimages would actually be /images/stories/sampleimages .  It will load all the images in that directory and size them to the dimension...

Flash - gotoAndLearn()

A fantastic site for Flash tutorials, gotoAndLearn()  has helped me quite a bit in the past, especially with some older Actionscript 2.0 projects I have undertaken.  His videos on building your own NetStream player are reason enough to visit his site and explore. His tutorial videos are well paced and well scripted.  I'm not usually one to watch video tutorials, but I found his to be just the right length and descriptive enough to help me out quite a bit. Check the site out:   http://www.gotoandlearn.com/

Common Social Media Colours and Fonts

Just a quick post listing some of the social media colours for use in your icons Facebook Blue:  #3B5998; White:  #FFFFFF; Font:   Klavika  Twitter Blue: #4099FF; White:  #FFFFFF; Font:   Pico - Alphabet LinkedIn Blue:  #0082B0; White:  #FFFFFF; Font:   Myriad Pro Bold Blogspot Orange:  #FF7419; White: #FFFFFF; Font:  Custom font (you will have to make one yourself) Tumblr Blue:  #243C54; White:  #FFFFFF; Font:   Bookman Old Style Bold Sample Icons:

User Friendly Sign Up Forms

Some quick tips for when you are creating a user sign up form on your site. To help make the process as least frustrating as possible for a visitor to the site, you need to simplify the forms in some very easy ways. Don't make the visitor enter their email address twice.  There is no need to make someone enter their email twice in the off chance that they will write it incorrectly.  Users will know right away when their email address is entered incorrectly. Don't obfuscate passwords.  Nothing annoys users more than entering a password and then having each letter be replaced by those black dots as they write in their password.  Think about useability when creating your form.  When entering passwords on a phone or other mobile device, it is very important that your user can see the letters they are typing in.   Keep it simple.  Don't ask questions you don't need answers to (ie...Mr./Mrs.) and make it quick and painless. The easier it is for a us...

Obfuscate your email address

We all know that there are many robots out there crawling our sites look for email addresses to send spam to. We also know that we need to try and hide our email addresses to make it harder on the crawling robots. This usually involves referencing an ASCII chart to get the correct hexadecimal codes for each letter and symbol in the email address and then manually typing them into your code. So, I figured someone out there must have automated the process at least and a little bit and I was pleasantly surprised to find this site: http://www.fingerlakesbmw.org/main/flobfuscate.php They offer a nice simple script where you put in your email address and they convert it for you. Cut and paste to your code and you're done.