Archive for the ‘Web Design Tools’ category

How To Autoplay Your Youtube Video

September 30th, 2009

This tutorial is going to show you how to place a YouTube video on your own website or blog, and also how to make it automatically play when your site loads. The reason you might want to auto play a video on your website are for various reasons. One being, the number of your YouTube plays on YouTube will increase, giving you a better position. Rather than waiting for someone to play your video online, you have a view every time someone visits your website.

So for the first step is finding the YouTube video that you are looking for.

Once, you know this you need to copy and paste the Embeded code given to you shown in the screenshot below.

YouTube Embeded Code

YouTube Embeded Code

When you first copy and paste your code to your website, this is the code that you are given.

 <object width="425" height="344">

<param name="movie" value="http://www.youtube.com/v/-5ftmBBhssY&hl=en&fs=1&"></param>

<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>

<embed src="http://www.youtube.com/v/-5ftmBBhssY&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>

</object> 

Notice in the code above I have highlighted the everything in the embed tags. This is the code that you are going to keep in order to auto play your video. You can go ahead and delete the rest.

The next step after you have cleaned up the code, is to add &autoplay=1 to the end of the embed source url (embed src) as shown below.

<embed src="http://www.youtube.com/v/-5ftmBBhssY&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>

</object> 

Not as bad as you thought I’m sure.  Let me know if you have any questions or comments!

  • Share/Bookmark

What is Twitter and How to Sign Up

September 8th, 2009

Lately, we have had a lot of clients that have been curious on how to sign up with Twitter and start using it. So we decided to make a quick beginner video to Twitter and how to start using it immediately.

So how did it go? Did we leave anything out? Leave us a comment!

  • Share/Bookmark

Introduction to Mind Mapping Using Bubbl.us

August 25th, 2009

This beginner screen cast to Mind Mapping covers the basics of mindmapping and how it can help you brainstorm or create systems for your business. Mind mapping is a great way to think more creatively, while not thinking about structure.

You can go to Bubbl.us here.

Do you like to mind map? Do you have any suggestions?

Thank you everyone for watching our first screencast!

  • Share/Bookmark

Great Tools To Help You Online Or Otherwise

July 30th, 2009

I want to share with you some of my favorite tools that I use on a regular basis. These tools can help the business owner that finds themselves on the computer for a majority of their day, or even the occasional web browser looking to decrease the amount of time taken to accomplish a handful of tasks. Either way, I hope you take sometime to use them, if only once every other day. It’s great learning about programs and what they do to help with you next latest and greatest conversation, but if you use them and benefit from them, you’ll still be able to have that conversation while reaping the benefits.

1. Egg Timer
At times, we all find ourselves becoming distracted from the task at hand and checking the new email, or the new comment on Facebook. This not only creates the problem of accomplishing a task, but also sends your mind in different directions furthering you from this goal. You might look at Egg Timer as just a stop watch that does nothing more than keep time, but it’s more than that. If you use it right, it can help you become more productive. Say for instance, I need to get an hour long task finished sometime today. So comes that time, and I decide to start working on it. Now before I start, I open up Egg Timer in a new tab in the browser and set it for the time needed. By setting this timer you are allowing yourself to know the amount of time taken and also helping you realize you are “on the clock,” so to speak. So check it out, it’s free, and most importantly it will help you become more productive.
2. Jing
If you didn’t know about this already, you can capture a screen shot (or picture) of what you can see on your screen at all times, pressing the print screen button on your keyboard. While this is a great tool, what happens when you need to only take a small photo of something on your screen, and not the entire thing? Jing allows you to highlight a certain portion of your screen and save it as a picture. Rather than opening up your graphics program and editing it to size, it is taken care of instantly.  While very neat in itself, it also allows you to take movies of the activity on your screen that you want to share with someone. So for instance, if you are making tutorial videos on how to use a certain program that you want to share with your colleagues rather than resorting to showing them in person. You can capture the video and then share it with them through YouTube or ScreenCast, among others. Although there are many programs that are similar, and it’s not a new technology by any means, Jing is by far the simplest, easiest screen capturing program I have came across.
3. Fireshot
Ok you might be saying, well I want to take a screen shot of an entire web page — something that extends farther than the viewable area. Fireshot is a Firefox add-on that allows you to do just that. When you are on a website, simply click the Fireshot button on your browser and it will give you a few options including, snap a photo of the viewable area, or the entire web page. It has helped us share various web pages with client’s, sending them a photo of a website, rather than asking them to go there themselves.
4. Bubbl.us
If you haven’t had a chance to Mind Map, there is a free mind mapping service online at Bubble.us. Mind mapping can help you brainstorm and organize your thoughts into a visual format, rather than the typical roman numeral abbreviations. It’s fast, easy, and helps you brainstorm without thinking about formatting your thoughts; press enter for a new category, and tab to create within the same category.
5. K7 (Free Voicemail & Fax)
Although I didn’t understand the potential of getting a voicemail service, it can be very beneficial (plus it doesn’t hurt being a free voicemail service). K7 gives you a free phone number that functions as a voicemail, fax, or one or the other. They also allow you to create your own personal greeting. Having a voicemail can allow you to post your phone number online, without the regret of receiving calls from spammers. Of course you will still receive those calls, but the number they are calling isn’t your cell phone number, and you can choose to call them back or not. And lastly, K7 allows you to check your messages on the phone, or even through email as they send the voicemail in an audio file (which you can opt out if you would like) or fax through an image.

1. Egg Timer

At times, we find ourselves becoming distracted from the task at hand and checking the new email, or the new comment on Facebook. This not only creates the problem of accomplishing a task, but also sends your mind in different directions, furthering you from this goal. You might look at Egg Timer as just a stop watch that does nothing more than keep time, but it’s more than that. If you use it right, it can help you become more productive. Say for instance, I need to get an hour long task finished sometime today. So comes that time, and I decide to start working on it. Now before I start, I open up Egg Timer in a new tab in the browser and set it for the time needed. By setting this timer I am allowing myself to know the amount of time taken and also helping realize I am “on the clock,” so to speak. So check it out, it’s free, and most importantly it will help you become more productive. Oh, and when the time runs out — you’ll know!

2. Jing

If you didn’t know about this already, you can capture a screen shot (or picture) of what you can see on your screen at all times, pressing the print screen button on your keyboard. While this is a great tool, what happens when you only need a portion of the screen shot, and not the entire thing? Jing allows you to highlight this portion of your screen and save it as a picture. Rather than opening up your graphics program and editing it to size, it is taken care of instantly.  While very neat in itself, it also allows you to take movies of the activity on your screen that you want to share with someone. So for instance, if you are making tutorial videos on how to use a certain program that you want to share with your colleagues (rather than resorting to showing them in person), you can capture the video and then share it with them. Although there are many programs that are similar, and it’s not a new technology by any means, Jing is by far the simplest, easiest screen capturing program I have came across.

3. Fireshot

Ok you might be saying, well I want to take a screen shot of an entire web page — something that extends farther than the viewable area. Fireshot is a Firefox add-on that allows you to do just that. When you are on a website, simply click the Fireshot button on your browser and it will give you a few options including, snap a photo of the viewable area, or the entire website. It has helped us share various websites with clients, sending them a photo of a website, rather than asking them to go there themselves.

4. Bubbl.us

If you haven’t had a chance to mind map, there is a free mind mapping ser

vice online at Bubble.us. Mind mapping can help you brainstorm and organize your thoughts into a visual format, rather than the typical roman numeral abbreviations. It’s f

ast, easy, and

helps you brainstorm without thinking about formatting your thoughts; press enter for a new category, and tab to create within the same category.

5. K7

Although I didn’t understand the potential of getting a voicemail service, it can be very beneficial (plus it doesn’t hurt being a free voicemail service). K7 gives you a free phone number that function

s as a voicemail, fax, or one or the other. They also allow you to create your own personal greeting. Having a voicemail can allow you to post your phone

number online, without the regret of receiving calls from spammers. Of course you will still receive those calls, but the number they are calling isn’t your cell phone number, and you can choose to call them back or not. And lastly, K7 allows you to check your messages on the phone, or even through email as they send the voicemail in an audio file (which you can opt out if you would like) or fax through an image. Brilliant.

  • Share/Bookmark