class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs8.png" alt="" />Have you ever went to download something only to realize that your hard drive is almost full? Have you even wondered where all of your space is going? I know I have, and fortunately GetFoldersize is here to rectify the situation by calculating the exact amount of space every single folder on your computer is using.

This is great because you can decide what you really need and what you don’t. You can then realize that maybe you don’t need that 300GB folder of “adult entertainment” you have held onto for years.

It will take a little time and effort on your part, but thanks to GetFoldersize, it becomes a lot easier to find out what is taking up the largest amount of space on your drive. Once you free up the space with GetFoldersize, make sure to adopt some helpful class="vt-p" href="http://www.makeuseof.com/tag/6-ways-free-up-disk-space-netbook/">techniques to help conserve space and keep your hard drive running like a dream.

Installation

Head over to class="vt-p" href="http://www.getfoldersize.com/">GetFoldersize’s website, click download and choose one of the available servers to download from. They have a standard Windows edition, as well as a portable edition if you prefer to install the program to a thumb drive. They support every major version of Windows in both 32 and 64 bit.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs1.png" alt="" width="560" height="414" />

Once the file is downloaded, extract and run the .exe. Follow the installer instructions.

Using The Program

GetFoldersize has one main purpose, and that is to calculate the amount of space all the folders on your drive are taking up, and then break it down by percentage, so you can see exactly where your space is used. The program is very easy to use, so even a computer novice will be able to run it smoothly.

When the program first opens you are given all your drives and the available space on each. You get a percentage of how much space is free, and how much space is used.

You can either scan all your system drives, which will take a little time depending on how big they are and how much stuff you have on them, or you can choose one drive and run a scan on just that one. The buttons for scanning your drive are at the top of the screen.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs4.png" alt="" width="519" height="236" />

The results will show up on the left side of the screen. It will display all the folders on the drive, how much space each one is occupying and the overall percentage of the drive it is using. To navigate through the various folders on your drive simply click the plus and minus buttons next to a folder name to expand or contract that folder.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs5.png" alt="" width="500" height="137" />

Features

The most useful reason for running a scan like this is to find out which programs are really sucking down your space. When you go to the Add/Remove programs section on Windows, many of the programs do not list their size. With GetFoldersize that will no longer be a problem, since it will scan your program files folder and let you know exactly what useless program is sucking the life from your hard drive.

GetFoldersize also allows you to scan remote machines on your network. This is pretty nifty for businesses that want to know where their hard drive resources are going.

It will also find the largest file on a drive. This allows you to quickly and easily tell which files are taking up your space the most. Simply click the icon labeled “123″ to see a list of all files sorted by size.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs7.png" alt="" width="398" height="55" />

When you find something that is taking up too much space which you don’t need any more, you can delete the file right there in the program. So there’s no need to open up Windows Explorer to get rid of the space eaters.

Conclusion

class="vt-p" href="http://www.getfoldersize.com">GetFoldersize is a pretty cool program that does what it sets out to do, and does it in a very easy fashion. It’s completely free, and worth checking out if you are looking to clean up your hard drives and get some better performance out of your machine.

Did you try GetFoldersize? What was taking up all of your space? Let us know in the comments.

href="http://www.makeuseof.com/tag/getfoldersize-calculates-hard-disk-usage-quickly-easily-windows/">GetFoldersize Calculates Hard Disk Usage Quickly & Easily [Windows] is a post from: href="http://www.makeuseof.com">MakeUseOf

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs8.png" alt="" />Have you ever went to download something only to realize that your hard drive is almost full? Have you even wondered where all of your space is going? I know I have, and fortunately GetFoldersize is here to rectify the situation by calculating the exact amount of space every single folder on your computer is using.

This is great because you can decide what you really need and what you don’t. You can then realize that maybe you don’t need that 300GB folder of “adult entertainment” you have held onto for years.

It will take a little time and effort on your part, but thanks to GetFoldersize, it becomes a lot easier to find out what is taking up the largest amount of space on your drive. Once you free up the space with GetFoldersize, make sure to adopt some helpful class="vt-p" href="http://www.makeuseof.com/tag/6-ways-free-up-disk-space-netbook/">techniques to help conserve space and keep your hard drive running like a dream.

Installation

Head over to class="vt-p" href="http://www.getfoldersize.com/">GetFoldersize’s website, click download and choose one of the available servers to download from. They have a standard Windows edition, as well as a portable edition if you prefer to install the program to a thumb drive. They support every major version of Windows in both 32 and 64 bit.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs1.png" alt="" width="560" height="414" />

Once the file is downloaded, extract and run the .exe. Follow the installer instructions.

Using The Program

GetFoldersize has one main purpose, and that is to calculate the amount of space all the folders on your drive are taking up, and then break it down by percentage, so you can see exactly where your space is used. The program is very easy to use, so even a computer novice will be able to run it smoothly.

When the program first opens you are given all your drives and the available space on each. You get a percentage of how much space is free, and how much space is used.

You can either scan all your system drives, which will take a little time depending on how big they are and how much stuff you have on them, or you can choose one drive and run a scan on just that one. The buttons for scanning your drive are at the top of the screen.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs4.png" alt="" width="519" height="236" />

The results will show up on the left side of the screen. It will display all the folders on the drive, how much space each one is occupying and the overall percentage of the drive it is using. To navigate through the various folders on your drive simply click the plus and minus buttons next to a folder name to expand or contract that folder.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs5.png" alt="" width="500" height="137" />

Features

The most useful reason for running a scan like this is to find out which programs are really sucking down your space. When you go to the Add/Remove programs section on Windows, many of the programs do not list their size. With GetFoldersize that will no longer be a problem, since it will scan your program files folder and let you know exactly what useless program is sucking the life from your hard drive.

GetFoldersize also allows you to scan remote machines on your network. This is pretty nifty for businesses that want to know where their hard drive resources are going.

It will also find the largest file on a drive. This allows you to quickly and easily tell which files are taking up your space the most. Simply click the icon labeled “123″ to see a list of all files sorted by size.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/gfs7.png" alt="" width="398" height="55" />

When you find something that is taking up too much space which you don’t need any more, you can delete the file right there in the program. So there’s no need to open up Windows Explorer to get rid of the space eaters.

Conclusion

class="vt-p" href="http://www.getfoldersize.com">GetFoldersize is a pretty cool program that does what it sets out to do, and does it in a very easy fashion. It’s completely free, and worth checking out if you are looking to clean up your hard drives and get some better performance out of your machine.

Did you try GetFoldersize? What was taking up all of your space? Let us know in the comments.

href="http://www.makeuseof.com/tag/getfoldersize-calculates-hard-disk-usage-quickly-easily-windows/">GetFoldersize Calculates Hard Disk Usage Quickly & Easily [Windows] is a post from: href="http://www.makeuseof.com">MakeUseOf

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image62.png?54167" alt="send text to phone" />I spend a large chunk of my life in front of my computer. For those rare times I need to leave my chair and actually go do something in the real world, I sometimes want to take a chunk of the Web with me. Perhaps it’s a link to a Google Map helping me get to where I want to go (assuming it’s not the bathroom), or a bit of text about the place.

Google already offers something called class="vt-p" href="https://market.android.com/details?id=com.google.android.apps.chrometophone&hl=en">Chrome to Phone, but it’s very limited. It works only with Chrome, and only with Android devices.   class="vt-p" href="http://sitetophone.com/">Site to Phone, despite the similar moniker, actually supports all major browsers (not just Chrome) and all major phone OS’s (not just Android).

Upon arriving at the website, you’re presented with a huge button that simply cannot be missed:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image63.png?54167" border="0" alt="send text to phone" width="580" height="212" />

Tapping the button generates an ID, and invites you to browse to it from the phone. This is something you’ll have to do manually. Grab your phone and tap out the address as it appears on the screen.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image64.png?54167" border="0" alt="send text to phone from computer" width="426" height="390" />

Let’s do that right now.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image65.png?54167" border="0" alt="send text to phone from computer" width="300" height="500" />

Rather than get an APK file or a Market link with a purpose-build Android app, we’re presented with a simple list of instructions using what the phone already offers. In other words, this is just a glorified bookmark. Some people may think it’s a bit low-tech, but personally, I like the idea of making my phone do more without actually installing new apps.

The instructions didn’t work exactly as planned, because I use an alternative launcher. I had to add the bookmark manually to my launcher ( class="vt-p" href="https://market.android.com/details?id=com.gau.go.launcherex">Go Launcher EX), but once that was done, it looked like this:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image66.png?54167" border="0" alt="send text to phone from computer" width="300" height="500" />

Tapping the button indeed brought me back to the page, where I clicked the “Complete Setup” button. Instantly, the window changes – I’m in:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image67.png?54167" border="0" alt="image" width="580" height="389" />

That’s it! I can now paste anything in that box, hit Send to phone, and it will show up on the smartphone version of the website. Sure, the downside is that I won’t get push notifications and links won’t automatically open, but it took mere seconds, was free, and did not require any software installation. Also, note the huge range of mobile OS’s and browsers supported: Since Site to Phone is implemented in such a simple way, it can easily support just about anything that has Web access.

Okay, let’s try it out by sending some text. I just entered a bit of text on the desktop, hit Send, and tapped the shortcut on my home screen. The page reloaded on my phone’s browser, and I got this:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image68.png?54167" border="0" alt="send phone text" width="300" height="500" />

Yes, so they’ve added a needless escape character (I typed “I’ve” and they rendered “I\’ve”), but other than that, that’s exactly what I wrote. I can now easily copy and paste that text. Sadly, sending a link didn’t work as well as I expected it to:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image69.png?54167" border="0" alt="send phone text" width="580" height="361" />

As you can see, the URL wasn’t turned into a link. That’s a bit of a downer, but maybe I’ve done something wrong (please enlighten me in the comments, if so).

Back on the desktop side of things, you may not want to go to the Site to Phone website everytime you want to send over a quick snippet of text to your phone. So now would be a good time to look at the browser tools Site to Phone offers:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image70.png?54167" border="0" alt="send phone text" width="580" height="301" />

So there’s a bookmarklet (for anything and everything), an IE Accelerator and a Chrome extension. Let’s try the Chrome extension. We get a toolbar button, and clicking it instantly sends the current page to the phone:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image71.png?54167" border="0" alt="image" width="445" height="170" />

Tapping the link on my phone’s home screen launches me instantly onto the site I sent to the phone:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image72.png?54167" border="0" alt="image" width="300" height="500" />

But getting to my previous notes is difficult – going to the website on the phone just sends me to MakeUseOf again. I tried several times, but kept getting the same thing. This may be one case where this minimalistic app oversteps its bounds and tries to be a bit too clever for the user’s own good. To fix this, go into the class="vt-p" href="http://sitetophone.com/options.php">options page and enable Device control panel:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image73.png?54167" border="0" alt="image" width="439" height="197" />

Now, when you tap the shortcut icon on the phone home screen, you’re taken to the Site to Phone page even if you’ve just sent a link to the phone.

The Chrome add-on also lets you send text to your phone effortlessly. Simply select any chunk of text in Chrome and right-click it:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/image74.png?54167" border="0" alt="send text to phone" width="523" height="193" />

Tapping “Send text to phone” just works; you don’t get a notification or any other bells and whistles, but when you go to the website on your phone, you’re going to find that text waiting for you right there.

Bottom Line

Site to Phone gets a thumbs-up from me. I love the minimalistic way this solution uses existing, simple and widely supported Web technologies, and the huge amount of devices and browsers it supports. If you’re looking for a low-fat way to get links and text to your phone, look no further.

href="http://www.makeuseof.com/tag/site-phone-lets-easily-send-links-text-smartphone/">Site To Phone Lets You Easily Send Links & Text To Your Smartphone is a post from: href="http://www.makeuseof.com">MakeUseOf

More articles about: href="http://www.makeuseof.com/tags/link-sharing/" title="link sharing" rel="tag">link sharing, href="http://www.makeuseof.com/tags/mobile-browsing/" title="mobile browsing" rel="tag">mobile browsing />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/fastest-android-web-browser-geeks-weigh/" title="What’s The Fastest Android Browser? [Geeks Weigh In] (April 15, 2011)">What’s The Fastest Android Browser? [Geeks Weigh In] (23 comments …)

href="http://www.makeuseof.com/tag/watch-hulu-flash-videos-on-your-wm-device-with-skyfire/" title="Watch Hulu & Flash Videos On Your WM Device With Skyfire (June 1, 2009)">Watch Hulu & Flash Videos On Your WM Device With Skyfire (11 comments …)

href="http://www.makeuseof.com/tag/using-yahoo-go-to-stay-connected-on-your-mobile/" title="Using Yahoo Go to Stay Connected On Your Mobile (February 12, 2009)">Using Yahoo Go to Stay Connected On Your Mobile (10 comments …)

href="http://www.makeuseof.com/tag/uc-browser-featurepacked-mobile-browsing-experience-multiple-platforms/" title="UC Browser Provides a Feature-Packed Mobile Browsing Experience On Multiple Platforms (December 6, 2010)">UC Browser Provides a Feature-Packed Mobile Browsing Experience On Multiple Platforms (14 comments …)

href="http://www.makeuseof.com/tag/apps-disable-autorotation-save-neck-pain-android/" title="Two Apps To Disable Auto-Rotation & Save You Neck Pain [Android] (June 17, 2011)">Two Apps To Disable Auto-Rotation & Save You Neck Pain [Android] (5 comments …)

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/755652287549775328.png?54167" alt="facebook events to google calendar" />The world today is becoming more and more digital, with the world becoming so reliant on the Internet that even real world things happen alongside the Web. Sites like Foursquare and Yelp exist specifically for blending the real world and the Internet world into one coherent unit. Facebook gets in the mix with their events system. I can’t even remember the last time I have been to a party that wasn’t listed as a Facebook event.

However, what if you don’t use Facebook to keep track of your work calendar and doctor appointments? How can you merge your Facebook events and your professional events? Google has the answer, and it’s by simply importing your Facebook events to your Google calendar and having everything in one place.

Facebook comes with a little export button at the bottom that allows you to export events, but it isn’t the smoothest process and involves copying and pasting URL’s around, and honestly who wants to do that?

Set Up

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/install.png?54167" alt="facebook events to google calendar" width="571" height="273" />

To get everything up and running, you first need the Google Chrome extension which you can find class="vt-p" href="https://chrome.google.com/webstore/detail/kdcimpbhnilcgolicdnepifecokinjof?hl=en-US">here. Then install the extension. After the extension is installed you will need to restart Google Chrome to have the changes take effect. Then head on over to Facebook.

Using The Extension

As long as you have an event in your list, click on it and go to the event screen. At the top of the screen, right below the title, you will see the link “Add to Calendar.”

class="aligncenter" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/how_to_add.png?54167" alt="export events facebook to google calendar" width="504" height="295" />

Clicking this will automatically take you into the event creation screen on Google Calendar. If you have not set up a Calendar on your Google account before, Google will ask for some basic information such as your time zone, your name and so on.

Once you are in the event screen you are given all the standard options such as adding other people to the event, making the event public or private, whether you would like an email notification, and even adding a map.

class="aligncenter" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/screen.png?54167" alt="export events facebook to google calendar" width="489" height="558" />

It even adds a link to the original Facebook event so you can easily jump back and forth between the original and your newly created Google event.

Once everything has been set to your liking, and you have added a pretty color to the event, click “save” and the event will show up in your Google Calendar.

class="aligncenter" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/result.png?54167" alt="facebook events to google calendar" width="265" height="266" />

Also Check out

Once you have merged all your Facebook events to Google Calendar you may want to check out the Google Calendar extension in the app store to work nicely along with your carefully chosen events. It allows you to keep all of your appointments close at hand, so you never miss a doctor’s appointment, or in my case, a game of class="vt-p" href="http://www.makeuseof.com/tag/learn-play-ultimate-frisbee-pro-5-websites">Ultimate Frisbee again.

Conclusion

This is an app I plan on adding to my daily life. While out of the box it is fairly easy to export events into Google Calendar, but why not have an app that makes it even easier? That is exactly what this app does. It makes adding an event as simple as a couple of mouse clicks, and it’s done; out of sight, but hopefully not out of mind.

Some Other Cool Things To Do With Google Calendar

class="vt-p" href="http://www.makeuseof.com/tag/awesome-google-calendar-features/">Awesome Google Calendar Features You May Not Know About /> class="vt-p" href="http://www.makeuseof.com/dir/minimalist-google-calendar-clean-google-calendar/">Make your Google Calendar Minimalistic /> class="vt-p" href="http://www.makeuseof.com/tag/how-to-integrate-google-calendar-into-thunderbird/">Add Google Calendar to Thunderbird /> class="vt-p" href="http://www.makeuseof.com/tag/how-to-sync-microsoft-outlook-with-google-calendar/">Sync Google Calendar to Outlook

What do you do with Google Calendar? Let us know in the comments.

href="http://www.makeuseof.com/tag/easily-export-facebook-events-google-calendar-chrome/">Easily Export Your Facebook Events To Google Calendar [Chrome] is a post from: href="http://www.makeuseof.com">MakeUseOf

More articles about: href="http://www.makeuseof.com/tags/chrome-extensions/" title="chrome extensions" rel="tag">chrome extensions, href="http://www.makeuseof.com/tags/events/" title="events" rel="tag">events, href="http://www.makeuseof.com/tags/facebook/" title="Facebook" rel="tag">Facebook, href="http://www.makeuseof.com/tags/google-calendar/" title="google calendar" rel="tag">google calendar, href="http://www.makeuseof.com/tags/planning-tools/" title="planning tools" rel="tag">planning tools />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/minimalist-suite-favorite-web-apps-simplified/" title="The Minimalist Suite: Your Favorite Web Apps, Simplified (May 26, 2011)">The Minimalist Suite: Your Favorite Web Apps, Simplified (5 comments …)

href="http://www.makeuseof.com/tag/plan-events-share-friends-plancast/" title="Plan Events & Share Them With Friends On Plancast (September 14, 2010)">Plan Events & Share Them With Friends On Plancast (9 comments …)

href="http://www.makeuseof.com/tag/never-forget-your-facebook-friends-birthday-social-events-with-fbcal/" title="Never Forget Your Facebook Friend’s Birthday with fbCal (November 24, 2009)">Never Forget Your Facebook Friend’s Birthday with fbCal (8 comments …)

href="http://www.makeuseof.com/tag/use-doodle-polls-to-schedule-events-and-make-choices-within-groups/" title="Use Doodle to Make an Online Poll When Planning Group Events (June 19, 2009)">Use Doodle to Make an Online Poll When Planning Group Events (4 comments …)

href="http://www.makeuseof.com/tag/ungoogled-my-week-without-google-a-list-of-alternatives-for-googles-services/" title="UnGoogled: A Week of Discovering Alternatives For Google’s Services (January 3, 2010)">UnGoogled: A Week of Discovering Alternatives For Google’s Services (34 comments …)

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_intro.jpg?54167" alt="html 5 canvas tag" />The web as we know it is evolving faster than ever before. As of late, class="vt-p" href="http://www.makeuseof.com/dir/tag/html5/">HTML5 is coming into the scene, providing the capability of developing highly interactive web apps without the need for the proprietary class="vt-p" href="http://www.makeuseof.com/tags/flash/">Flash. Instead, all a user needs is a supported, modern web browser, and they’ll be able to enjoy the best of what the web has to offer.

However, creating such interactive content is never as easy as pie, and that rule doesn’t exclude class="vt-p" href="http://www.makeuseof.com/tags/html-5">HTML5‘s main element that does all the work: canvas. If you’ve been following what the latest browsers have to offer, some of them may include a GPU-accelerated experience that makes the canvas element run a lot better. There are frameworks available that try to make the canvas element a little bit easier to develop for, notably class="vt-p" href="http://jquery.com/">jQuery. But even then, jQuery makes you type quite a bit. Web developers, here’s something better for you.

About jCanvas

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_simpler.jpg?54167" alt="html 5 canvas tag" width="580" height="245" />

class="vt-p" href="http://calebevans.me/projects/jcanvas/index.html">jCanvas is a little jQuery plugin written entirely in JavaScript that makes working with jQuery, and thereby HTML5′s canvas element, a lot easier. Web developers will get a lot of benefit out of using jCanvas. By using jCanvas, you get to work with much simpler code, in which the plugin will do the work and translate it into the relevant code for jQuery to run.

Examples of Use

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_ellipses.jpg?54167" alt="html canvas html" width="580" height="375" />

jCanvas can draw a large number of objects. For example, here we can see an ellipse that is filled in with a gradient. There are plenty of parameters that you can set and still keep the amount of actual code as small as possible. In this example, the gradient parameters were set first (distances, colors, etc.), followed by the drawing of the ellipse itself. For programmers, this should be a very eye-appealing way to write code with no over-the-top syntax.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_pixels.jpg?54167" alt="html canvas html" width="580" height="375" />

In this example, a regular jpg image is being halfway inverted. The first function (or set of instructions) sets how the inversion takes place, while the second function draws the image and loads the inversion function onto it. When the code runs, you get a halfway-inverted image.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_shapes.jpg?54167" alt="html 5 canvas tag" width="580" height="379" />

In our final example, different shapes are drawn by means of different functions provided by jCanvas. The green, unfilled rectangle was drawn by a simple function dedicated to rectangles. As always, you can customize your rectangle, even with parameters for the stroke width and corner radius (the amount that the corners should be rounded). The pentagon is drawn by a more generic function that applies to all regular polygons. You can also apply all the same parameters as with the other functions.

The difference is important because you can draw a square with both the rectangle and polygon functions, but you can only draw rectangles with the rectangle function. (Squares are rectangles, but rectangles aren’t always squares!)

Other Information & Support

There’s a lot more you can do with each function, plus there are many more functions that you can use! You can download jCanvas by going class="vt-p" href="http://calebevans.me/projects/jcanvas/download.html">here. If you need any help, the full, well-written class="vt-p" href="http://calebevans.me/projects/jcanvas/docs.html#syntax">Documentation page should clarify most if not all questions. If that still doesn’t work, you can contact the developer of jCanvas by checking out his information class="vt-p" href="http://calebevans.me/projects/jcanvas/support.html">here. If you wish to try out jCanvas before playing around with it on your own site, the developer has set up a very cool-looking class="vt-p" href="http://calebevans.me/projects/jcanvas/sandbox.html#%24%28%22canvas.test%22%29%0A.drawArc%28{%0A%20%20fillStyle%3A%20%27%2389a%27%2C%0A%20%20x%3A%20100%2C%20y%3A%20100%2C%0A%20%20radius%3A%2050%0A}%29%0A">Sandbox page where you can enter code and watch the magic happen.

Finally, if you would like to help contribute to the open source jCanvas project, you are more than welcome to do just that by going class="vt-p" href="https://github.com/caleb531/jcanvas">here. jCanvas is always being improved by the developer, and new releases are made available every few weeks.

Conclusion

jCanvas is a great web tool to use to make your programming experience much simpler, especially if you are a heavy user of the canvas element. Again, some of the highlight features are:

• Draw shapes, paths, images, and text.
• Style these using colors, gradients, patterns, and shadows.
• Manipulate the canvas (rotate, scale, etc).
• A huge range of options to suit your needs.

Internet users will thank you as well for using jCanvas, because you’ll have more time to completely develop your web app and make sure that it has all the functionality you want it to have while enjoying great performance.

Are you a web developer who is involved in HTML5? Do you think jCanvas will help you with your development? What features would you like to see in jCanvas? (please check the documentation first for what’s already implemented!).

Image Credit: class="vt-p" rel="nofollow" href="http://www.flickr.com/photos/justinsomnia/513636061/sizes/m/in/photostream/">Just Insomnia />
/> Hey Facebookers, make sure to join href="http://www.facebook.com/makeuseof" target="_blank">MakeUseOf on Facebook and get access to some exclusve stuff. Over 105,000 fans already!

/>

href="http://www.makeuseof.com/tag/quickly-easily-manipulate-html5s-canvas-element-jcanvas/">Quickly & Easily Manipulate HTML5′s Canvas Element With jCanvas is a post from: href="http://www.makeuseof.com">MakeUseOf

More articles about: href="http://www.makeuseof.com/tags/html/" title="html" rel="tag">html, href="http://www.makeuseof.com/tags/html-5/" title="html 5" rel="tag">html 5, href="http://www.makeuseof.com/tags/javascript/" title="javascript" rel="tag">javascript, href="http://www.makeuseof.com/tags/web-design/" title="web design" rel="tag">web design, href="http://www.makeuseof.com/tags/web-development/" title="web development" rel="tag">web development, href="http://www.makeuseof.com/tags/webmaster-tools/" title="webmaster tools" rel="tag">webmaster tools />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/top-10-professional-sample-code-websites-for-programmers/" title="Top 10 Professional Sample Code Websites For Programmers (February 23, 2009)">Top 10 Professional Sample Code Websites For Programmers (35 comments …)

href="http://www.makeuseof.com/tag/add-cool-javascript-rollover-effects-images/" title="How To Add Cool Javascript Rollover Effects To Images (June 21, 2010)">How To Add Cool Javascript Rollover Effects To Images (67 comments …)

href="http://www.makeuseof.com/tag/kompozer-free-web-design-software-whip-web-pages/" title="Kompozer – Free Web Design Software To Whip Together Webpages (March 30, 2010)">Kompozer – Free Web Design Software To Whip Together Webpages (13 comments …)

href="http://www.makeuseof.com/tag/install-firebug-for-browsers-other-than-firefox/" title="How To Install Firebug on IE, Safari, Chrome & Opera (March 14, 2009)">How To Install Firebug on IE, Safari, Chrome & Opera (37 comments …)

href="http://www.makeuseof.com/tag/functionality-cms-website/" title="How To Have The Functionality Of A CMS On Any Old Website (June 10, 2010)">How To Have The Functionality Of A CMS On Any Old Website (23 comments …)

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_intro.jpg?54167" alt="html 5 canvas tag" />The web as we know it is evolving faster than ever before. As of late, class="vt-p" href="http://www.makeuseof.com/dir/tag/html5/">HTML5 is coming into the scene, providing the capability of developing highly interactive web apps without the need for the proprietary class="vt-p" href="http://www.makeuseof.com/tags/flash/">Flash. Instead, all a user needs is a supported, modern web browser, and they’ll be able to enjoy the best of what the web has to offer.

However, creating such interactive content is never as easy as pie, and that rule doesn’t exclude class="vt-p" href="http://www.makeuseof.com/tags/html-5">HTML5‘s main element that does all the work: canvas. If you’ve been following what the latest browsers have to offer, some of them may include a GPU-accelerated experience that makes the canvas element run a lot better. There are frameworks available that try to make the canvas element a little bit easier to develop for, notably class="vt-p" href="http://jquery.com/">jQuery. But even then, jQuery makes you type quite a bit. Web developers, here’s something better for you.

About jCanvas

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_simpler.jpg?54167" alt="html 5 canvas tag" width="580" height="245" />

class="vt-p" href="http://calebevans.me/projects/jcanvas/index.html">jCanvas is a little jQuery plugin written entirely in JavaScript that makes working with jQuery, and thereby HTML5′s canvas element, a lot easier. Web developers will get a lot of benefit out of using jCanvas. By using jCanvas, you get to work with much simpler code, in which the plugin will do the work and translate it into the relevant code for jQuery to run.

Examples of Use

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_ellipses.jpg?54167" alt="html canvas html" width="580" height="375" />

jCanvas can draw a large number of objects. For example, here we can see an ellipse that is filled in with a gradient. There are plenty of parameters that you can set and still keep the amount of actual code as small as possible. In this example, the gradient parameters were set first (distances, colors, etc.), followed by the drawing of the ellipse itself. For programmers, this should be a very eye-appealing way to write code with no over-the-top syntax.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_pixels.jpg?54167" alt="html canvas html" width="580" height="375" />

In this example, a regular jpg image is being halfway inverted. The first function (or set of instructions) sets how the inversion takes place, while the second function draws the image and loads the inversion function onto it. When the code runs, you get a halfway-inverted image.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_shapes.jpg?54167" alt="html 5 canvas tag" width="580" height="379" />

In our final example, different shapes are drawn by means of different functions provided by jCanvas. The green, unfilled rectangle was drawn by a simple function dedicated to rectangles. As always, you can customize your rectangle, even with parameters for the stroke width and corner radius (the amount that the corners should be rounded). The pentagon is drawn by a more generic function that applies to all regular polygons. You can also apply all the same parameters as with the other functions.

The difference is important because you can draw a square with both the rectangle and polygon functions, but you can only draw rectangles with the rectangle function. (Squares are rectangles, but rectangles aren’t always squares!)

Other Information & Support

There’s a lot more you can do with each function, plus there are many more functions that you can use! You can download jCanvas by going class="vt-p" href="http://calebevans.me/projects/jcanvas/download.html">here. If you need any help, the full, well-written class="vt-p" href="http://calebevans.me/projects/jcanvas/docs.html#syntax">Documentation page should clarify most if not all questions. If that still doesn’t work, you can contact the developer of jCanvas by checking out his information class="vt-p" href="http://calebevans.me/projects/jcanvas/support.html">here. If you wish to try out jCanvas before playing around with it on your own site, the developer has set up a very cool-looking class="vt-p" href="http://calebevans.me/projects/jcanvas/sandbox.html#%24%28%22canvas.test%22%29%0A.drawArc%28{%0A%20%20fillStyle%3A%20%27%2389a%27%2C%0A%20%20x%3A%20100%2C%20y%3A%20100%2C%0A%20%20radius%3A%2050%0A}%29%0A">Sandbox page where you can enter code and watch the magic happen.

Finally, if you would like to help contribute to the open source jCanvas project, you are more than welcome to do just that by going class="vt-p" href="https://github.com/caleb531/jcanvas">here. jCanvas is always being improved by the developer, and new releases are made available every few weeks.

Conclusion

jCanvas is a great web tool to use to make your programming experience much simpler, especially if you are a heavy user of the canvas element. Again, some of the highlight features are:

• Draw shapes, paths, images, and text.
• Style these using colors, gradients, patterns, and shadows.
• Manipulate the canvas (rotate, scale, etc).
• A huge range of options to suit your needs.

Internet users will thank you as well for using jCanvas, because you’ll have more time to completely develop your web app and make sure that it has all the functionality you want it to have while enjoying great performance.

Are you a web developer who is involved in HTML5? Do you think jCanvas will help you with your development? What features would you like to see in jCanvas? (please check the documentation first for what’s already implemented!).

Image Credit: class="vt-p" rel="nofollow" href="http://www.flickr.com/photos/justinsomnia/513636061/sizes/m/in/photostream/">Just Insomnia />
/> Hey Facebookers, make sure to join href="http://www.facebook.com/makeuseof" target="_blank">MakeUseOf on Facebook and get access to some exclusve stuff. Over 105,000 fans already!

/>

href="http://www.makeuseof.com/tag/quickly-easily-manipulate-html5s-canvas-element-jcanvas/">Quickly & Easily Manipulate HTML5′s Canvas Element With jCanvas is a post from: href="http://www.makeuseof.com">MakeUseOf

More articles about: href="http://www.makeuseof.com/tags/html/" title="html" rel="tag">html, href="http://www.makeuseof.com/tags/html-5/" title="html 5" rel="tag">html 5, href="http://www.makeuseof.com/tags/javascript/" title="javascript" rel="tag">javascript, href="http://www.makeuseof.com/tags/web-design/" title="web design" rel="tag">web design, href="http://www.makeuseof.com/tags/web-development/" title="web development" rel="tag">web development, href="http://www.makeuseof.com/tags/webmaster-tools/" title="webmaster tools" rel="tag">webmaster tools />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/top-10-professional-sample-code-websites-for-programmers/" title="Top 10 Professional Sample Code Websites For Programmers (February 23, 2009)">Top 10 Professional Sample Code Websites For Programmers (35 comments …)

href="http://www.makeuseof.com/tag/add-cool-javascript-rollover-effects-images/" title="How To Add Cool Javascript Rollover Effects To Images (June 21, 2010)">How To Add Cool Javascript Rollover Effects To Images (67 comments …)

href="http://www.makeuseof.com/tag/kompozer-free-web-design-software-whip-web-pages/" title="Kompozer – Free Web Design Software To Whip Together Webpages (March 30, 2010)">Kompozer – Free Web Design Software To Whip Together Webpages (13 comments …)

href="http://www.makeuseof.com/tag/install-firebug-for-browsers-other-than-firefox/" title="How To Install Firebug on IE, Safari, Chrome & Opera (March 14, 2009)">How To Install Firebug on IE, Safari, Chrome & Opera (37 comments …)

href="http://www.makeuseof.com/tag/functionality-cms-website/" title="How To Have The Functionality Of A CMS On Any Old Website (June 10, 2010)">How To Have The Functionality Of A CMS On Any Old Website (23 comments …)

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_intro.jpg?54167" alt="html 5 canvas tag" />The web as we know it is evolving faster than ever before. As of late, class="vt-p" href="http://www.makeuseof.com/dir/tag/html5/">HTML5 is coming into the scene, providing the capability of developing highly interactive web apps without the need for the proprietary class="vt-p" href="http://www.makeuseof.com/tags/flash/">Flash. Instead, all a user needs is a supported, modern web browser, and they’ll be able to enjoy the best of what the web has to offer.

However, creating such interactive content is never as easy as pie, and that rule doesn’t exclude class="vt-p" href="http://www.makeuseof.com/tags/html-5">HTML5‘s main element that does all the work: canvas. If you’ve been following what the latest browsers have to offer, some of them may include a GPU-accelerated experience that makes the canvas element run a lot better. There are frameworks available that try to make the canvas element a little bit easier to develop for, notably class="vt-p" href="http://jquery.com/">jQuery. But even then, jQuery makes you type quite a bit. Web developers, here’s something better for you.

About jCanvas

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_simpler.jpg?54167" alt="html 5 canvas tag" width="580" height="245" />

class="vt-p" href="http://calebevans.me/projects/jcanvas/index.html">jCanvas is a little jQuery plugin written entirely in JavaScript that makes working with jQuery, and thereby HTML5′s canvas element, a lot easier. Web developers will get a lot of benefit out of using jCanvas. By using jCanvas, you get to work with much simpler code, in which the plugin will do the work and translate it into the relevant code for jQuery to run.

Examples of Use

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_ellipses.jpg?54167" alt="html canvas html" width="580" height="375" />

jCanvas can draw a large number of objects. For example, here we can see an ellipse that is filled in with a gradient. There are plenty of parameters that you can set and still keep the amount of actual code as small as possible. In this example, the gradient parameters were set first (distances, colors, etc.), followed by the drawing of the ellipse itself. For programmers, this should be a very eye-appealing way to write code with no over-the-top syntax.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_pixels.jpg?54167" alt="html canvas html" width="580" height="375" />

In this example, a regular jpg image is being halfway inverted. The first function (or set of instructions) sets how the inversion takes place, while the second function draws the image and loads the inversion function onto it. When the code runs, you get a halfway-inverted image.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/jcanvas_shapes.jpg?54167" alt="html 5 canvas tag" width="580" height="379" />

In our final example, different shapes are drawn by means of different functions provided by jCanvas. The green, unfilled rectangle was drawn by a simple function dedicated to rectangles. As always, you can customize your rectangle, even with parameters for the stroke width and corner radius (the amount that the corners should be rounded). The pentagon is drawn by a more generic function that applies to all regular polygons. You can also apply all the same parameters as with the other functions.

The difference is important because you can draw a square with both the rectangle and polygon functions, but you can only draw rectangles with the rectangle function. (Squares are rectangles, but rectangles aren’t always squares!)

Other Information & Support

There’s a lot more you can do with each function, plus there are many more functions that you can use! You can download jCanvas by going class="vt-p" href="http://calebevans.me/projects/jcanvas/download.html">here. If you need any help, the full, well-written class="vt-p" href="http://calebevans.me/projects/jcanvas/docs.html#syntax">Documentation page should clarify most if not all questions. If that still doesn’t work, you can contact the developer of jCanvas by checking out his information class="vt-p" href="http://calebevans.me/projects/jcanvas/support.html">here. If you wish to try out jCanvas before playing around with it on your own site, the developer has set up a very cool-looking class="vt-p" href="http://calebevans.me/projects/jcanvas/sandbox.html#%24%28%22canvas.test%22%29%0A.drawArc%28{%0A%20%20fillStyle%3A%20%27%2389a%27%2C%0A%20%20x%3A%20100%2C%20y%3A%20100%2C%0A%20%20radius%3A%2050%0A}%29%0A">Sandbox page where you can enter code and watch the magic happen.

Finally, if you would like to help contribute to the open source jCanvas project, you are more than welcome to do just that by going class="vt-p" href="https://github.com/caleb531/jcanvas">here. jCanvas is always being improved by the developer, and new releases are made available every few weeks.

Conclusion

jCanvas is a great web tool to use to make your programming experience much simpler, especially if you are a heavy user of the canvas element. Again, some of the highlight features are:

• Draw shapes, paths, images, and text.
• Style these using colors, gradients, patterns, and shadows.
• Manipulate the canvas (rotate, scale, etc).
• A huge range of options to suit your needs.

Internet users will thank you as well for using jCanvas, because you’ll have more time to completely develop your web app and make sure that it has all the functionality you want it to have while enjoying great performance.

Are you a web developer who is involved in HTML5? Do you think jCanvas will help you with your development? What features would you like to see in jCanvas? (please check the documentation first for what’s already implemented!).

Image Credit: class="vt-p" rel="nofollow" href="http://www.flickr.com/photos/justinsomnia/513636061/sizes/m/in/photostream/">Just Insomnia />
/>Need Assistance? Ask questions to MakeUseOf staff and thousands of other readers on href="http://www.makeuseof.dev/answers/" target="_blank" >MakeUseOf Answers!

/>

href="http://www.makeuseof.com/tag/quickly-easily-manipulate-html5s-canvas-element-jcanvas/">Quickly & Easily Manipulate HTML5′s Canvas Element With jCanvas is a post from: href="http://www.makeuseof.com">MakeUseOf

More articles about: href="http://www.makeuseof.com/tags/html/" title="html" rel="tag">html, href="http://www.makeuseof.com/tags/html-5/" title="html 5" rel="tag">html 5, href="http://www.makeuseof.com/tags/javascript/" title="javascript" rel="tag">javascript, href="http://www.makeuseof.com/tags/web-design/" title="web design" rel="tag">web design, href="http://www.makeuseof.com/tags/web-development/" title="web development" rel="tag">web development, href="http://www.makeuseof.com/tags/webmaster-tools/" title="webmaster tools" rel="tag">webmaster tools />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/top-10-professional-sample-code-websites-for-programmers/" title="Top 10 Professional Sample Code Websites For Programmers (February 23, 2009)">Top 10 Professional Sample Code Websites For Programmers (35 comments …)

href="http://www.makeuseof.com/tag/add-cool-javascript-rollover-effects-images/" title="How To Add Cool Javascript Rollover Effects To Images (June 21, 2010)">How To Add Cool Javascript Rollover Effects To Images (67 comments …)

href="http://www.makeuseof.com/tag/kompozer-free-web-design-software-whip-web-pages/" title="Kompozer – Free Web Design Software To Whip Together Webpages (March 30, 2010)">Kompozer – Free Web Design Software To Whip Together Webpages (13 comments …)

href="http://www.makeuseof.com/tag/install-firebug-for-browsers-other-than-firefox/" title="How To Install Firebug on IE, Safari, Chrome & Opera (March 14, 2009)">How To Install Firebug on IE, Safari, Chrome & Opera (37 comments …)

href="http://www.makeuseof.com/tag/functionality-cms-website/" title="How To Have The Functionality Of A CMS On Any Old Website (June 10, 2010)">How To Have The Functionality Of A CMS On Any Old Website (23 comments …)

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/Facebook300.jpg?54167" alt="" /> class="vt-p" href="http://www.makeuseof.com/tags/facebook/">Facebook has been around forever. At least that’s the way it sometimes feels. But it’s been around long enough for most of us to accumulate many photo albums, which can sometimes be quite chaotic. With smartphones entering our lives, uploading photos to Facebook has become a day-to-day thing, and we do so almost without thinking. So now that we’ve found easy ways to class="vt-p" href="http://www.makeuseof.com/tag/automatically-insert-photo-captions-upload-facebook/">upload photos and even class="vt-p" href="http://www.makeuseof.com/tag/3-cool-facebook-apps-photos/">edit them, what happens when we find ourselves with 20 small albums that don’t necessarily make sense?

Facebook offers a relatively easy way to transfer photos between albums, so you can get your albums organized and coherent again. All you have to do is follow a few simple steps.

Accessing “Edit Photos”

As to be expected from Facebook, there’s more than one way to access the “Edit Photos” section. Both are very easy, and you can choose whichever fits your personality better (for me it’s the second one).

The Homepage Method

If you’d like to access it from your homepage, look for “Photos” on the left side of your screen. If you don’t see it, you might need to click “More“. It will be where your requests and apps are. This will show you everybody’s photos in one place, which is also handy sometimes. In order to access only your photos, click “My Uploads“.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/image-26.jpg?54167" alt="Image" width="459" height="293" />

Using this method, you’ll see an “Edit Album” link below each album – click it to access the editing section of your chosen album.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/image-27.jpg?54167" alt="Image" width="510" height="195" />

The Profile Page Method

If you’d like to access it from your profile page, simply look for “Photos” under your profile picture. Clicking it will take you immediately to all your albums.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/Facebook2.png?54167" alt="" width="189" height="304" />

If you’re using this method, you’ll have to first choose the album you wish to edit, click on it in order to enter it, and from there find the “Edit Album” link at the top. Click on it to enter the editing section of the album.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/image-28.jpg?54167" alt="Image" width="552" height="207" />

A small window will open, within which you’ll find an “Edit Photos” link at the bottom left side.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/image-29.jpg?54167" alt="Image" width="464" height="265" />

I sometimes wonder if Facebook’s developers really enjoy creating multiple ways to do the same thing. It might at first seem more accessible this way, but I actually find it more confusing! They could at least make the methods more similar. But anyway, both these methods will take you to the exact same place, and I can find pros and cons in each, so just go for it and choose one.

Moving The Photos

Now that you’re inside the guts of your album, you can choose which photos you’d like to move to different albums. The cool thing about this is you can move each photo into a different album in one fell swoop. It is surprisingly effective.

For each photo you want to move, simply choose the right album from the “Move to:” dropdown menu which is located under each photo.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/image-30.jpg?54167" alt="Image" width="244" height="302" />

Once you’re done, click “Save Changes” at the bottom of the page, and that’s it! All your photos should now be located within their new albums. You can see that I managed to do it, and the visitor from my room is now in a different album!

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/image-31.jpg?54167" alt="Image" width="368" height="210" />

Do you have some more cool Facebook tips?  Do you know of other good ways to organize your Facebook albums?  If so, share them in the comments! />
/> Follow href="http://twitter.com/MakeUseOf" target="_blank" >MakeUseOf on Twitter. Includes cool extras.

/>

href="http://www.makeuseof.com/tag/easily-transfer-photos-facebook-albums/">How To Easily Transfer Photos Between Your Facebook Albums is a post from: href="http://www.makeuseof.com">MakeUseOf

More articles about: href="http://www.makeuseof.com/tags/facebook/" title="Facebook" rel="tag">Facebook, href="http://www.makeuseof.com/tags/organization/" title="organization" rel="tag">organization, href="http://www.makeuseof.com/tags/photo-albums/" title="photo albums" rel="tag">photo albums, href="http://www.makeuseof.com/tags/photos/" title="photos" rel="tag">photos, href="http://www.makeuseof.com/tags/social-networks/" title="social networks" rel="tag">social networks />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/3-tools-download-facebook-photo-albums/" title="3 Tools To Download Facebook Photo Albums (June 27, 2011)">3 Tools To Download Facebook Photo Albums (2 comments …)

href="http://www.makeuseof.com/tag/use-geographical-information-to-organize-photos-in-iphoto-mac/" title="Use Geographical Info To Organize Photos in iPhoto [Mac] (November 3, 2009)">Use Geographical Info To Organize Photos in iPhoto [Mac] (2 comments …)

href="http://www.makeuseof.com/tag/pick-zip-fastest-easiest-download-facebook-photos/" title="Pick & Zip – The Fastest Way To Download Facebook Photos (May 10, 2011)">Pick & Zip – The Fastest Way To Download Facebook Photos (16 comments …)

href="http://www.makeuseof.com/tag/photos-facebook-google-mac-windows/" title="How To Get Photos From Facebook Into Google Plus [Mac & Windows] (July 7, 2011)">How To Get Photos From Facebook Into Google Plus [Mac & Windows] (0 comments …)

href="http://www.makeuseof.com/tag/easily-download-facebook-tag-photos/" title="How To Download All Facebook Photos With Your Tag (March 2, 2010)">How To Download All Facebook Photos With Your Tag (14 comments …)

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/0_evom.jpg" alt="export videos to itunes" />Anyone who is a fan of converting and watching videos on their iPad or other class="vt-p" href="http://www.makeuseof.com/tags/ios/">iOS device will understand that this can be difficult at times. There are a lot of programs out there capable of getting the job done for you. So many, in fact, that one could argue that there are actually too many, which can make it even more confusing trying to find the right one.

Once you do find the right tool, you still have to face the task of getting your newly converted files over to iTunes and syncing them to your devices, which can be more difficult than it sounds.

With class="vt-p" href="http://thelittleappfactory.com/evom/">Evom for Mac, however, this whole process is extremely easy. Evom is a lightweight video converter and transfer tool that will export converted videos directly to iTunes for you. If that doesn’t tickle your fancy…it’s high speed!

What Is Evom?

Evom, a product of the Little App Factory, enables you to drag-and-drop and convert videos quickly and easily. It lets you enjoy online content without being tethered to the web and, like I stated in the introduction, it was built for speed. It is designed to convert movie files and Flash videos quickly, taking advantage of your Mac’s multi-core processor, allowing you to get content off of the web and onto your favorite devices.

With Evom, you can drag folders, individual files, or links into the program’s window to start, and your items will be converted for you and exported directly into iTunes or – optionally – saved to your desktop. Once converted, your videos will be compatible with your iPods, iPhones, iPads, and many other devices.

How Do I Use Evom?

Although I gave you a rough idea of how Evom works above, let’s take a closer look at the actual process from start to finish. The first thing you’ll need to do if you want to take advantage of Evom’s power is head over to the website and class="vt-p" href="http://thelittleappfactory.com/evom/">download the app.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/1_evom.png" alt="export videos to itunes" width="291" height="403" />

Once you’re ready to go with Evom, just drag or specify the video folder you would like to convert video from. If you leave the iTunes option selected, your videos will go straight to your iTunes folder after conversion to be synced with your iOS devices.

When you drop video files that you want to convert, a configuration box will pop up asking you to specify the output format, as well as the output folder, title, and quality of video.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/2_evom.png" alt="how to add videos to itunes" width="448" height="434" />

If you don’t want Evom to convert videos for some specific device, you can always choose to convert video in a specific format. Evom supports the AVI, FLV, MP4, HTML5, MOV, MPG, and WMV formats. Also, you can extract audio out of a video file and convert it into OGG and MP3 format.

As a side note, Evom is also capable of converting selected videos directly to your Apple TV in a compatible format.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/3_evom.png" alt="export videos to itunes" width="289" height="402" />

Once you’ve made all of your selections and set up class="vt-p" href="http://thelittleappfactory.com/evom/">Evom just the way you want it, you can go ahead and click Convert to transform your files into watchable ones.

If you’re a fan of video conversion, I also recommend you check out class="vt-p" href="http://www.makeuseof.com/tag/rip-convert-movies-macx-dvd-ripper-video-converter-combo-mac/">MacX Video Converter and class="vt-p" href="http://www.makeuseof.com/tag/watch-folders-convert-video-files-dropfolders-handbrake/">Handbrake too. Will you be using Evom to convert your videos?  Or do you have another favorite?

href="http://www.makeuseof.com/tag/convert-videos-export-itunes-easily-evom-mac/">Convert Videos & Export Them To iTunes Easily With Evom [Mac] is a post from: href="http://www.makeuseof.com">MakeUseOf

More articles about: href="http://www.makeuseof.com/tags/converter/" title="converter" rel="tag">converter, href="http://www.makeuseof.com/tags/itunes/" title="iTunes" rel="tag">iTunes, href="http://www.makeuseof.com/tags/video-converter/" title="video converter" rel="tag">video converter, href="http://www.makeuseof.com/tags/videos/" title="videos" rel="tag">videos />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/video-conversion-the-technicalities-explained/" title="Digital Video Formats and Video Conversion Explained (July 10, 2009)">Digital Video Formats and Video Conversion Explained (10 comments …)

href="http://www.makeuseof.com/tag/an-introduction-to-codecs-converters-and-rippers/" title="An Introduction To Codecs, Converters and Rippers (September 8, 2008)">An Introduction To Codecs, Converters and Rippers (23 comments …)

href="http://www.makeuseof.com/tag/use-grabtube-to-convert-youtube-videos-online/" title="Use GrabTube To Convert YouTube Videos Online (May 19, 2009)">Use GrabTube To Convert YouTube Videos Online (13 comments …)

href="http://www.makeuseof.com/tag/top-free-media-converters-for-windows/" title="Top Free Media Converters for Windows (November 1, 2008)">Top Free Media Converters for Windows (37 comments …)

href="http://www.makeuseof.com/tag/top-5-free-tools-split-merge-video-files/" title="The Top 5 Free Apps To Split Or Merge Video Files (May 3, 2010)">The Top 5 Free Apps To Split Or Merge Video Files (19 comments …)

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/0_evom.jpg" alt="export videos to itunes" />Anyone who is a fan of converting and watching videos on their iPad or other class="vt-p" href="http://www.makeuseof.com/tags/ios/">iOS device will understand that this can be difficult at times. There are a lot of programs out there capable of getting the job done for you. So many, in fact, that one could argue that there are actually too many, which can make it even more confusing trying to find the right one.

Once you do find the right tool, you still have to face the task of getting your newly converted files over to iTunes and syncing them to your devices, which can be more difficult than it sounds.

With class="vt-p" href="http://thelittleappfactory.com/evom/">Evom for Mac, however, this whole process is extremely easy. Evom is a lightweight video converter and transfer tool that will export converted videos directly to iTunes for you. If that doesn’t tickle your fancy…it’s high speed!

What Is Evom?

Evom, a product of the Little App Factory, enables you to drag-and-drop and convert videos quickly and easily. It lets you enjoy online content without being tethered to the web and, like I stated in the introduction, it was built for speed. It is designed to convert movie files and Flash videos quickly, taking advantage of your Mac’s multi-core processor, allowing you to get content off of the web and onto your favorite devices.

With Evom, you can drag folders, individual files, or links into the program’s window to start, and your items will be converted for you and exported directly into iTunes or – optionally – saved to your desktop. Once converted, your videos will be compatible with your iPods, iPhones, iPads, and many other devices.

How Do I Use Evom?

Although I gave you a rough idea of how Evom works above, let’s take a closer look at the actual process from start to finish. The first thing you’ll need to do if you want to take advantage of Evom’s power is head over to the website and class="vt-p" href="http://thelittleappfactory.com/evom/">download the app.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/1_evom.png" alt="export videos to itunes" width="291" height="403" />

Once you’re ready to go with Evom, just drag or specify the video folder you would like to convert video from. If you leave the iTunes option selected, your videos will go straight to your iTunes folder after conversion to be synced with your iOS devices.

When you drop video files that you want to convert, a configuration box will pop up asking you to specify the output format, as well as the output folder, title, and quality of video.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/2_evom.png" alt="how to add videos to itunes" width="448" height="434" />

If you don’t want Evom to convert videos for some specific device, you can always choose to convert video in a specific format. Evom supports the AVI, FLV, MP4, HTML5, MOV, MPG, and WMV formats. Also, you can extract audio out of a video file and convert it into OGG and MP3 format.

As a side note, Evom is also capable of converting selected videos directly to your Apple TV in a compatible format.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/3_evom.png" alt="export videos to itunes" width="289" height="402" />

Once you’ve made all of your selections and set up class="vt-p" href="http://thelittleappfactory.com/evom/">Evom just the way you want it, you can go ahead and click Convert to transform your files into watchable ones.

If you’re a fan of video conversion, I also recommend you check out class="vt-p" href="http://www.makeuseof.com/tag/rip-convert-movies-macx-dvd-ripper-video-converter-combo-mac/">MacX Video Converter and class="vt-p" href="http://www.makeuseof.com/tag/watch-folders-convert-video-files-dropfolders-handbrake/">Handbrake too. Will you be using Evom to convert your videos?  Or do you have another favorite?

href="http://www.makeuseof.com/tag/convert-videos-export-itunes-easily-evom-mac/">Convert Videos & Export Them To iTunes Easily With Evom [Mac] is a post from: href="http://www.makeuseof.com">MakeUseOf

More articles about: href="http://www.makeuseof.com/tags/converter/" title="converter" rel="tag">converter, href="http://www.makeuseof.com/tags/itunes/" title="iTunes" rel="tag">iTunes, href="http://www.makeuseof.com/tags/video-converter/" title="video converter" rel="tag">video converter, href="http://www.makeuseof.com/tags/videos/" title="videos" rel="tag">videos />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/video-conversion-the-technicalities-explained/" title="Digital Video Formats and Video Conversion Explained (July 10, 2009)">Digital Video Formats and Video Conversion Explained (10 comments …)

href="http://www.makeuseof.com/tag/an-introduction-to-codecs-converters-and-rippers/" title="An Introduction To Codecs, Converters and Rippers (September 8, 2008)">An Introduction To Codecs, Converters and Rippers (23 comments …)

href="http://www.makeuseof.com/tag/use-grabtube-to-convert-youtube-videos-online/" title="Use GrabTube To Convert YouTube Videos Online (May 19, 2009)">Use GrabTube To Convert YouTube Videos Online (13 comments …)

href="http://www.makeuseof.com/tag/top-free-media-converters-for-windows/" title="Top Free Media Converters for Windows (November 1, 2008)">Top Free Media Converters for Windows (37 comments …)

href="http://www.makeuseof.com/tag/top-5-free-tools-split-merge-video-files/" title="The Top 5 Free Apps To Split Or Merge Video Files (May 3, 2010)">The Top 5 Free Apps To Split Or Merge Video Files (19 comments …)

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/play-part-of-video-youtube.jpg" alt="embed part of youtube video" />We have shared quite a few useful YouTube-related tips so far. Here are href="http://www.makeuseof.com/tag/10-youtube-url-tricks-you-should-know-about/">10 YouTube URL tricks to play with as well as some href="http://www.makeuseof.com/tag/4-common-youtube-annoyances-rid-userscripts/">YouTube annoyances and ways to get rid of them. You may also get inspired by this post listing href="http://www.makeuseof.com/tag/tools-to-do-10-cool-things-with-youtube-videos/">10 cool things to do with a YouTube video. This post shares another quick tip: embedding only part of a YouTube video.

While there’s really only one way to do that (the first one listed below), there are also a few well-used tools that can help you cut off a part of the video and embed it. This post is intended to shed some light on how these tools work and what they actually do.

1. Use the Embedded Player Parameter

The most straightforward way to embed a video while skipping the first XX seconds of it is to use the &start= parameter which works both for the “old-style” (“classic”) and iFrame player:

Old-style player:

<object width=”425″ height=”349″><param name=”movie” value=”http://www.youtube.com/v/9_eRmA2ea8E?fs=1&amp;hl=en_US&amp;rel=0;&start=38“></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/9_eRmA2ea8E?fs=1&amp;hl=en_US&amp;rel=0;&start=38” type=”application/x-shockwave-flash” width=”425″ height=”349″ allowscriptaccess=”always” allowfullscreen=”true”></embed></object>

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/play-part-of-video-youtube-01.jpg" alt="embed part of youtube video" width="450" height="125" />

iFrame player:

<iframe width=”425″ height=”349″ src=”http://www.youtube.com/embed/9_eRmA2ea8E?rel=0&start=38” frameborder=”0″ allowfullscreen></iframe>

Likewise, there’s also the &end= parameter that makes the video stop playing at a specified time.

2. Chop With TubeChop

href="http://www.tubechop.com/">TubeChop (see our href="http://www.makeuseof.com/dir/tubechop-chop-share-parts-youtube-vids/">review here) offers a clean interface allowing you to easily cut any part of the video out. You just need to specify the time frame to chop either using the time controls or the pink slider. The tool also lets you add your own comments to embed with the video.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/play-part-of-video-youtube-02.jpg" alt="embed youtube videos" width="550" height="355" />

As a result, you get a new code to embed. The major drawback of using the tool is that your new embed code is based on the tubechop.com domain which might be less reliable than using the youtube-run code (I tend to think that TubeChop’s servers are much more likely to go down than YouTube’s servers which may mean that your embedded videos will be frequently inaccessible):

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/play-part-of-video-youtube-03.jpg" alt="embed youtube videos in website" width="530" height="134" />

There is also no iFrame-based alternative for the embedded code (which is believed to be more mobile-friendly).

3. Slice With Splicd

href="http://www.splicd.com/">Splicd (see our href="http://www.makeuseof.com/dir/splicd-isolate-share-interesting-parts-youtube-videos/">review here) is another alternative online tool that lets you specify the time frame to play any YouTube video within. It also requires absolutely no extra effort (like registration or anything similar). All you need is to provide the direct link to your video page on YouTube.

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/play-part-of-video-youtube-04.jpg" alt="embed youtube videos" width="550" height="126" />

The resulting code is youtube-run and contains a link back to splicd.com (the latter can be obviously easily removed if you want):

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/play-part-of-video-youtube-05.jpg" alt="embed youtube videos in website" width="526" height="203" />

4. Snip With SnipSnip

href="http://snipsnip.it/">SnipSnip (see our href="http://www.makeuseof.com/dir/snipsnipit-snip-youtube-videos/">review here)  is a web-based tool that cuts a part of any video out and lets you easily share it using the shortened link:

class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/play-part-of-video-youtube-06.jpg" alt="embed part of youtube video" width="444" height="293" />

The resulting code is YouTube-based and also contains a link back to the service.

To Sum Up

To avoid any confusion, let’s sum up what you can do with any of the above methods and how they are different:

border="3" cellspacing="0" cellpadding="5" width="500" align="center" bordercolor="#000066">
align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066"> align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066">Video sourced from align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066">A link back to the service align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066">Best part align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066">Drawback align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066">iFrame-based player option? align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066">Manual method align="center" valign="middle" bordercolor="#000066">Youtube align="center" valign="middle" bordercolor="#000066">No align="center" valign="middle" bordercolor="#000066">The most reliable method align="center" valign="middle" bordercolor="#000066">Might be complex for non-tech-savvy people align="center" valign="middle" bordercolor="#000066">Yes align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066">TubeChop align="center" valign="middle" bordercolor="#000066">TubeChop align="center" valign="middle" bordercolor="#000066">Yes align="center" valign="middle" bordercolor="#000066">Usable visual interface align="center" valign="middle" bordercolor="#000066">Relies on TubeChop (if the service is down, the video stops working) align="center" valign="middle" bordercolor="#000066">No align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066">Splicd align="center" valign="middle" bordercolor="#000066">Youtube align="center" valign="middle" bordercolor="#000066">Yes align="center" valign="middle" bordercolor="#000066">Simplifies the manual method align="center" valign="middle" bordercolor="#000066">Offers no additional functionality to the built-in Youtube player option align="center" valign="middle" bordercolor="#000066">No align="center" valign="middle" bgcolor="#FFFFCC" bordercolor="#000066">SnipSnip align="center" valign="middle" bordercolor="#000066">Youtube align="center" valign="middle" bordercolor="#000066">Yes align="center" valign="middle" bordercolor="#000066">Offers a short URL to share the sliced video align="center" valign="middle" bordercolor="#000066">Offers no additional functionality to the built-in Youtube player option align="center" valign="middle" bordercolor="#000066">No

Which of the above methods would you prefer and why? />
/>Need Assistance? Ask questions to MakeUseOf staff and thousands of other readers on href="http://www.makeuseof.dev/answers/" target="_blank" >MakeUseOf Answers!

/>

 

Read comments: href="http://www.makeuseof.com/tag/4-ways-easily-embed-part-youtube-video/#disqus_thread">Loved it? Hated it? Join discussion here …

 

href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/4-ways-easily-embed-part-youtube-video/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/4-ways-easily-embed-part-youtube-video/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/4-ways-easily-embed-part-youtube-video/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/4-ways-easily-embed-part-youtube-video/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/4-ways-easily-embed-part-youtube-video/&title=4 Ways To Easily Embed Part Of A YouTube Video&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/4-ways-easily-embed-part-youtube-video/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

 

More articles about: href="http://www.makeuseof.com/tags/embed/" title="embed" rel="tag">embed, href="http://www.makeuseof.com/tags/online-videos/" title="online videos" rel="tag">online videos, href="http://www.makeuseof.com/tags/youtube/" title="Youtube" rel="tag">Youtube />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/youtubecom-online-video-sharing-site/" title="YouTube.com – Online Video Sharing Site (September 25, 2006)">YouTube.com – Online Video Sharing Site (27 comments …)

href="http://www.makeuseof.com/tag/youtube-launches-trends-dashboard-showcasing-popular-videos-news-2/" title="YouTube Launches Trends Dashboard Showcasing Popular Videos [News] (December 16, 2010)">YouTube Launches Trends Dashboard Showcasing Popular Videos [News] (35 comments …)

href="http://www.makeuseof.com/tag/youtube-xl-supersizes-youtube-for-your-tv/" title="Watch YouTube Videos on Your Large Screen TV (June 5, 2009)">Watch YouTube Videos on Your Large Screen TV (6 comments …)

href="http://www.makeuseof.com/tag/watch-videos-in-the-firefox-sidebar-with-youplayer/" title="Watch Videos In The Firefox Sidebar With YouPlayer (August 25, 2008)">Watch Videos In The Firefox Sidebar With YouPlayer (18 comments …)

href="http://www.makeuseof.com/tag/vtap-download-videos-on-your-mobile-for-free/" title="vTap – Download videos on your mobile for FREE (June 15, 2008)">vTap – Download videos on your mobile for FREE (16 comments …)

View full post on MakeUseOf

class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/00a_WYSIWYG.jpg" alt="setup facebook page" />Everybody that I know has at least one  href="http://www.makeuseof.com/tags/facebook/">Facebook account, but not many of them have set up a href="http://www.makeuseof.com/tag/10-controversial-facebook-fan-pages">Facebook Page. One of the popular excuses is because building a Facebook page is difficult. It’s a pity because Facebook Pages is a great promotion tool. You can use it to promote your blog, your product, or even yourself.

If you are a code novice and want to build and edit your Facebook pages without touching any codes, you could easily do it using href="http://apps.facebook.com/statichtml/">Static HTML – a WYSIWYG (What You See Is What You Get) web editor, built specifically for Facebook Pages.

Add The App

Static HTML is a Facebook app that you can install by clicking href="http://apps.facebook.com/statichtml">this link. After the routine verification and confirmation process, you are ready to start building and editing your Facebook pages.

The first thing that you need to do is register your page(s) with the Static HTML app. Pick one of the pages from the dropdown list and click “Register“. But if you don’t have any page yet, you need to create one. Please refer to href="http://www.makeuseof.com/tag/how-to-promote-your-blog-using-facebook-pages/">this article to do that.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/01a-register-and-add.jpg" border="0" alt="setup facebook page" width="580" height="356" />

After that, click the “Add” button, and your page will appear under the “Facebook page name” list. Click “edit” to start the editing process.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/01c_start_editing.jpg" border="0" alt="customize facebook page" width="580" height="120" />

There are two editing mode that you can choose: WYSIWYG and HTML mode. Since our discussion today is about no-code editing, we’ll choose the first.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/02b_start_editing.jpg" border="0" alt="customize facebook page" width="580" height="220" />

Static HTML also provides two editing panes. The first one is the main content, and the second one is the optional fan gate content. The “fan gate” is the concept of showing the main content only to those who have clicked on the “Like” button. If you want to activate a fan gate, choose the “If user have not liked, below content will be shown” option.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/02c_fan_gate_option.jpg" border="0" alt="customize facebook page" width="580" height="200" />

We’ve discussed another method of activating the fan gate in href="http://www.makeuseof.com/tag/promote-blog-business-facebook-wildfire-iframe-app/">this article.

Enter The Editing Process

Building a page using Static HTML’s WYSIWYG editor is similar to creating a document on a word processor. You write your content and modify the fonts (size, family, format, color, and background color). Standard editing features like Align, Bullets and Numbers, Bold, Italic, and Underline are also available.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/04a_editing_font.jpg" border="0" alt="creating a facebook fan page" width="580" height="350" />

You can also add images to enrich the page. There are two options to add images: hotlink to the existing images on the web, or upload your own images (hosted on ImageShack).

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/04b_upload_image.jpg" border="0" alt="creating a facebook fan page" width="580" height="250" />

Those who are familiar with HTML and want to enrich certain parts of the page with HTML codes can activate HTML mode by clicking on the HTML icon.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/04d_edit_html.jpg" border="0" alt="creating a facebook fan page" width="580" height="350" />

Static HTML allows you to add a link to anything on the page. Just select the element and click on the “Add Link” button.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/04e_add_link.jpg" border="0" alt="04e add link" width="580" height="300" />

Fill in all the necessary information about the link on the pop-up window and click “Submit“.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/04f_link_info.jpg" border="0" alt="04f link info" width="580" height="300" />

Don’t forget to click “Update” when you have finished the editing process.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/04g_update.jpg" border="0" alt="04g update" width="580" height="450" />

Static HTML will confirm that you’ve completed the process and give you the option to “return to homepage“.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/04h_complete.jpg" border="0" alt="04h complete" width="580" height="200" />

This is the result of my short experiment using Static HTML. It’s the page that will be shown to those who haven’t clicked on the “Like” button. You can use other “incentives” to lure visitors to click the “Like” button.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/07a_result.jpg" border="0" alt="07a result" width="580" height="440" />

Tidying Up

As you’ve noticed from the picture above, the name of the page I created is “Static HTML“. You can edit the name by clicking on the “Edit Info” link under the page name.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/08a_edit_info.jpg" border="0" alt="08a edit info" width="580" height="150" />

Then select “Apps” from the sidebar menu.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/08b_edit_app-2.jpg" border="0" alt="08b edit app 2" width="200" height="300" />

Locate Static HTML in the apps’ list and click the “Edit Settings” link.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/08c_edit_settings.jpg" border="0" alt="08c edit settings" width="580" height="100" />

You can write down the name that you want for your page. Then click “Save” and “Okay” to finish the process.

style="text-align: center;"> class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/08d_change_name.jpg" border="0" alt="setup facebook page" width="450" height="200" />

After trying out Static HTML, I can say that this app is one of the easiest ways to build and edit Facebook Pages. Granted, the tool might be too simple and not powerful enough for veteran web builders, but it’s adequate for beginners.

What do you think of the tool? Have you tried it to set up your Facebook Page? Do you know of other alternatives? Share your thoughts and opinions using the comments below. If you want to learn more about Facebook Pages promotion, don’t forget to read our other articles -  href="http://www.makeuseof.com/tag/how-to-promote-your-blog-using-facebook-pages/">Promote Your Blog Using Facebook Pages and href="http://www.makeuseof.com/tag/promote-blog-business-facebook-wildfire-iframe-app/">Promote Your Blog Or Business on Facebook With The Help Of The Wildfire iFrame App

Image credits: rel="nofollow" href="http://www.flickr.com/photos/bram_souffreau/400749755/">bram_souffreau, rel="nofollow" href="http://www.flickr.com/photos/sarahreido/3120877348/">.reid />
/> href="http://www.supertintin.com/">SuperTinTin – Skype Video Call Recorder /> Record and save your audio and video conversations on Skype or MSN. Easy to use.

/>

 

Read comments: href="http://www.makeuseof.com/tag/easily-build-edit-facebook-pages-static-html-wysiwyg-editor/#disqus_thread">Loved it? Hated it? Join discussion here …

 

href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/easily-build-edit-facebook-pages-static-html-wysiwyg-editor/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/easily-build-edit-facebook-pages-static-html-wysiwyg-editor/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/easily-build-edit-facebook-pages-static-html-wysiwyg-editor/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/easily-build-edit-facebook-pages-static-html-wysiwyg-editor/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/easily-build-edit-facebook-pages-static-html-wysiwyg-editor/&title=Easily Build & Edit Your Facebook Pages With Static HTML WYSIWYG Editor&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/easily-build-edit-facebook-pages-static-html-wysiwyg-editor/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

 

More articles about: href="http://www.makeuseof.com/tags/design/" title="design" rel="tag">design, href="http://www.makeuseof.com/tags/facebook/" title="Facebook" rel="tag">Facebook, href="http://www.makeuseof.com/tags/html/" title="html" rel="tag">html, href="http://www.makeuseof.com/tags/social-networks/" title="social networks" rel="tag">social networks, href="http://www.makeuseof.com/tags/webdesign/" title="webdesign" rel="tag">webdesign, href="http://www.makeuseof.com/tags/wysiwyg-editors/" title="WYSIWYG editors" rel="tag">WYSIWYG editors />

Similar articles:

class="st-related-posts">

href="http://www.makeuseof.com/tag/write-develop-html-offline-with-first-page/" title="Write & Develop HTML Offline with First Page (January 2, 2008)">Write & Develop HTML Offline with First Page (12 comments …)

href="http://www.makeuseof.com/tag/selected-25-css-applications-and-tools/" title="Selected 25 CSS Applications and Tools (September 29, 2007)">Selected 25 CSS Applications and Tools (21 comments …)

href="http://www.makeuseof.com/tag/design-facebook-fan-page-pagemodos-wysiwyg-editor/" title="Design Your Facebook Fan Page With Pagemodo’s WYSIWYG Editor (February 14, 2011)">Design Your Facebook Fan Page With Pagemodo’s WYSIWYG Editor (0 comments …)

href="http://www.makeuseof.com/tag/4-reasons-facebooks-navigation-design-improvement/" title="4 Reasons Facebook’s New Navigation Design Is An Improvement (February 11, 2010)">4 Reasons Facebook’s New Navigation Design Is An Improvement (29 comments …)

href="http://www.makeuseof.com/tag/wibiya-adds-improved-button-design-features-news/" title="Wibiya Adds New and Improved Like Button and Design Features [News] (November 14, 2010)">Wibiya Adds New and Improved Like Button and Design Features [News] (127 comments …)

View full post on MakeUseOf

class="align-left" style="border: 0px none;margin-left:20px;margin-top:5px;float:right;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/02/00-Dropbox-Logo.jpg" width="200" height="180" alt="symlinks dropbox"/>There’s a long running discussion on href="http://www.makeuseof.com/tag/quora-share-knowledge-find-answers-toughest-questions/">Quora that grabbed my attention. The topic is about the rel="nofollow" href="http://www.quora.com/Dropbox/Why-is-Dropbox-more-popular-than-other-programs-with-similar-functionality">reason why Dropbox is more popular than other free programs with similar functionality. The various answers boiled down to this: simplicity. You put your files in the href="http://www.makeuseof.com/tags/dropbox/">Dropbox folder, and that’s it. The system will take care of the rest, including synchronizing everything to the cloud and to Dropbox folders on other computers linked to that account.

But this simplicity also means that you have to drag whatever you want to sync to the Dropbox folder. While this kind of arrangement is fine for most users, some users don’t want to re-shuffle their files and folders just for the sake of synchronizing. Luckily, there’s another possibility to synchronize folders outside Dropbox without messing up the structure of your folders: using symlinks.

id="more-66682">

The Symlink

For those of you who are unfamiliar with the term “Symbolic Link” or simply “symlink”, here’s the href="http://en.wikipedia.org/wiki/Symlink">Wikipedia quote:

… In computing, a symbolic link (also symlink or soft link) is a special type of file that contains a reference to another file or directory in the form of an absolute or relative path and that affects pathname resolution ….

… Symbolic links operate transparently for most operations: programs which read or write to files named by a symbolic link will behave as if operating directly on the target file. However, programs that need to handle symbolic links specially (e.g., backup utilities) may identify and manipulate them directly …

Using symlinks to synchronize folders outside Dropbox is very easy. Create a symlink of the folder and put the symlink inside the Dropbox folder. Any change which happens to the symlink will be reflected on the original folder and vice versa. Symlink allows you to synchronize any folder that you want to Dropbox while having to move anything,

The question is, how do you create a symlink?

The Windows Method

The easiest way to create a symlink under Windows is to use an application called href="http://wiki.dropbox.com/DropboxAddons/DropboxFolderSync">Dropbox Folder Sync. There’s one caveat though, the app will only work if the disk is formatted with NTFS as other Windows’ disk formats don’t support symlinks.