Tag Archive | "Basic"
Posted on 21 September 2011. Tags: Basic, Check, Converting, CrossPlatform, Editing, MPEG, Streamline
class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Icon.png" alt="" />In the world of
href="http://www.makeuseof.com/tag/10-simple-tips-to-record-great-looking-home-videos/">home video editing, it seems like you are either forced to settle with the standard editors that are already provided on your system, or you’ll have to fork over a few dollars just to buy something decent (even items such as Sony Vegas Movie Studio or
href="http://www.makeuseof.com/tags/adobe/">Adobe Premiere Elements).
With that in mind, there are a few free video editors available in the land of Internet, and although they aren’t entirely useful for heavy editing, they are good for small projects or learning the basics before you make a major purchase. Take a gander at
href="http://www.squared5.com/">MPEG Streamclip, a basic clip-trimmer and and
href="http://www.makeuseof.com/tags/video-converter/">video converter that is simple yet effective.
Embrace The Clip Trimmer
Straight-up,
href="http://www.squared5.com/">MPEG Streamclip is not a full-blown nonlinear video editing system. It’s more of a small clip-trimmer – something that you would find as a mere feature in
href="http://www.makeuseof.com/tag/apple-refunding-dissatisfied-final-cut-pro-customers-news/">Final Cut Pro 7 (the good one) or Adobe Premiere Pro. With that being said, don’t expect to create a major motion picture with this editor/converter. However, I have found some practical uses for the app that you can use in conjunction with your onboard movie editors (like
href="http://www.makeuseof.com/tags/imovie">iMovie and
href="http://www.makeuseof.com/tags/windows-movie-maker/">Windows Movie Maker).
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Basic.png" alt="" width="580" height="405" />
Instead of trimming clips within your standard editor, you could first sort through them using MPEG Streamclip and pick out only the ones that you want. After this, just pop the clips in a folder and choose what you want to use. This beats throwing in a clip from a
href="http://www.makeuseof.com/tags/video">video that is half an hour long.
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Trim.png" alt="" width="580" height="253" />
Besides splicing the footage, you could always just use Streamclip to pull a piece of footage from a long video that you shot. A good example of this could be a hidden camera prank video which normally takes a long time to shoot. This makes Streamclip ideal for basic
href="http://www.makeuseof.com/tags/youtube">YouTube videos or for quick and easy editing. One thing that comes to mind is vlogging which is normally pretty sporadic.
Convert Files However Needed
On top of the extremely primitive editing system included in MPEG Streamclip (and primitive is how I like it in some cases), the app offers the ability to convert files as needed. Just by clicking File on the menu, you will be presented with a variety of formats that your video can be exported in. Below is a list of some of the formats offered.
-
href="http://www.makeuseof.com/tags/quicktime">Quicktime
- DV
- AVI
- MPEG-4
- iPod/iPhone
Beyond these, the converter will also allow you to export only audio if this is what you happen to desire. I’d assume that this would be decent if your camera has a decent microphone and you have recorded an acoustic performance. After that, you could very well pop the track right onto your
href="http://www.makeuseof.com/tags/ipod">iPod or
href="http://www.makeuseof.com/tags/iphone">iPhone.
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Export.png" alt="" width="580" height="253" />
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/OtherFormats1.png" alt="" width="580" height="269" />
Conclusion
So there you have it – an incredibly basic editing tool for any simple videos that you may have in mind.
href="http://www.squared5.com/">MPEG Streamclip is relatively easy to use, but there are a few extra heavier video and audio options for those of you that want to dive a little deeper down the rabbit-hole.
What other simple editors have you ever used? Do you know of any similar video converters?



View full post on MakeUseOf
Posted in Useful APPs
Posted on 21 September 2011. Tags: Basic, Check, Converting, CrossPlatform, Editing, MPEG, Streamline
class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Icon.png" alt="" />In the world of
href="http://www.makeuseof.com/tag/10-simple-tips-to-record-great-looking-home-videos/">home video editing, it seems like you are either forced to settle with the standard editors that are already provided on your system, or you’ll have to fork over a few dollars just to buy something decent (even items such as Sony Vegas Movie Studio or
href="http://www.makeuseof.com/tags/adobe/">Adobe Premiere Elements).
With that in mind, there are a few free video editors available in the land of Internet, and although they aren’t entirely useful for heavy editing, they are good for small projects or learning the basics before you make a major purchase. Take a gander at
href="http://www.squared5.com/">MPEG Streamclip, a basic clip-trimmer and and
href="http://www.makeuseof.com/tags/video-converter/">video converter that is simple yet effective.
Embrace The Clip Trimmer
Straight-up,
href="http://www.squared5.com/">MPEG Streamclip is not a full-blown nonlinear video editing system. It’s more of a small clip-trimmer – something that you would find as a mere feature in
href="http://www.makeuseof.com/tag/apple-refunding-dissatisfied-final-cut-pro-customers-news/">Final Cut Pro 7 (the good one) or Adobe Premiere Pro. With that being said, don’t expect to create a major motion picture with this editor/converter. However, I have found some practical uses for the app that you can use in conjunction with your onboard movie editors (like
href="http://www.makeuseof.com/tags/imovie">iMovie and
href="http://www.makeuseof.com/tags/windows-movie-maker/">Windows Movie Maker).
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Basic.png" alt="" width="580" height="405" />
Instead of trimming clips within your standard editor, you could first sort through them using MPEG Streamclip and pick out only the ones that you want. After this, just pop the clips in a folder and choose what you want to use. This beats throwing in a clip from a
href="http://www.makeuseof.com/tags/video">video that is half an hour long.
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Trim.png" alt="" width="580" height="253" />
Besides splicing the footage, you could always just use Streamclip to pull a piece of footage from a long video that you shot. A good example of this could be a hidden camera prank video which normally takes a long time to shoot. This makes Streamclip ideal for basic
href="http://www.makeuseof.com/tags/youtube">YouTube videos or for quick and easy editing. One thing that comes to mind is vlogging which is normally pretty sporadic.
Convert Files However Needed
On top of the extremely primitive editing system included in MPEG Streamclip (and primitive is how I like it in some cases), the app offers the ability to convert files as needed. Just by clicking File on the menu, you will be presented with a variety of formats that your video can be exported in. Below is a list of some of the formats offered.
-
href="http://www.makeuseof.com/tags/quicktime">Quicktime
- DV
- AVI
- MPEG-4
- iPod/iPhone
Beyond these, the converter will also allow you to export only audio if this is what you happen to desire. I’d assume that this would be decent if your camera has a decent microphone and you have recorded an acoustic performance. After that, you could very well pop the track right onto your
href="http://www.makeuseof.com/tags/ipod">iPod or
href="http://www.makeuseof.com/tags/iphone">iPhone.
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Export.png" alt="" width="580" height="253" />
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/OtherFormats1.png" alt="" width="580" height="269" />
Conclusion
So there you have it – an incredibly basic editing tool for any simple videos that you may have in mind.
href="http://www.squared5.com/">MPEG Streamclip is relatively easy to use, but there are a few extra heavier video and audio options for those of you that want to dive a little deeper down the rabbit-hole.
What other simple editors have you ever used? Do you know of any similar video converters?



View full post on MakeUseOf
Posted in Useful APPs
Posted on 21 September 2011. Tags: Basic, Check, Converting, CrossPlatform, Editing, MPEG, Streamline
class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Icon.png" alt="" />In the world of
href="http://www.makeuseof.com/tag/10-simple-tips-to-record-great-looking-home-videos/">home video editing, it seems like you are either forced to settle with the standard editors that are already provided on your system, or you’ll have to fork over a few dollars just to buy something decent (even items such as Sony Vegas Movie Studio or
href="http://www.makeuseof.com/tags/adobe/">Adobe Premiere Elements).
With that in mind, there are a few free video editors available in the land of Internet, and although they aren’t entirely useful for heavy editing, they are good for small projects or learning the basics before you make a major purchase. Take a gander at
href="http://www.squared5.com/">MPEG Streamclip, a basic clip-trimmer and and
href="http://www.makeuseof.com/tags/video-converter/">video converter that is simple yet effective.
Embrace The Clip Trimmer
Straight-up,
href="http://www.squared5.com/">MPEG Streamclip is not a full-blown nonlinear video editing system. It’s more of a small clip-trimmer – something that you would find as a mere feature in
href="http://www.makeuseof.com/tag/apple-refunding-dissatisfied-final-cut-pro-customers-news/">Final Cut Pro 7 (the good one) or Adobe Premiere Pro. With that being said, don’t expect to create a major motion picture with this editor/converter. However, I have found some practical uses for the app that you can use in conjunction with your onboard movie editors (like
href="http://www.makeuseof.com/tags/imovie">iMovie and
href="http://www.makeuseof.com/tags/windows-movie-maker/">Windows Movie Maker).
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Basic.png" alt="" width="580" height="405" />
Instead of trimming clips within your standard editor, you could first sort through them using MPEG Streamclip and pick out only the ones that you want. After this, just pop the clips in a folder and choose what you want to use. This beats throwing in a clip from a
href="http://www.makeuseof.com/tags/video">video that is half an hour long.
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Trim.png" alt="" width="580" height="253" />
Besides splicing the footage, you could always just use Streamclip to pull a piece of footage from a long video that you shot. A good example of this could be a hidden camera prank video which normally takes a long time to shoot. This makes Streamclip ideal for basic
href="http://www.makeuseof.com/tags/youtube">YouTube videos or for quick and easy editing. One thing that comes to mind is vlogging which is normally pretty sporadic.
Convert Files However Needed
On top of the extremely primitive editing system included in MPEG Streamclip (and primitive is how I like it in some cases), the app offers the ability to convert files as needed. Just by clicking File on the menu, you will be presented with a variety of formats that your video can be exported in. Below is a list of some of the formats offered.
-
href="http://www.makeuseof.com/tags/quicktime">Quicktime
- DV
- AVI
- MPEG-4
- iPod/iPhone
Beyond these, the converter will also allow you to export only audio if this is what you happen to desire. I’d assume that this would be decent if your camera has a decent microphone and you have recorded an acoustic performance. After that, you could very well pop the track right onto your
href="http://www.makeuseof.com/tags/ipod">iPod or
href="http://www.makeuseof.com/tags/iphone">iPhone.
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/Export.png" alt="" width="580" height="253" />
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/09/OtherFormats1.png" alt="" width="580" height="269" />
Conclusion
So there you have it – an incredibly basic editing tool for any simple videos that you may have in mind.
href="http://www.squared5.com/">MPEG Streamclip is relatively easy to use, but there are a few extra heavier video and audio options for those of you that want to dive a little deeper down the rabbit-hole.
What other simple editors have you ever used? Do you know of any similar video converters?



View full post on MakeUseOf
Posted in Useful APPs
Posted on 16 August 2011. Tags: 8.0.16, Basic, jetAudio
JetAudio is integrated multimedia software made up of a single compact rack. Not only does it play various music and video files, it also has features such as CD burning, recording, and conversion to other file formats.



View full post on FileHippo.com
Posted in Downloads
Posted on 08 July 2011. Tags: 8.0.15, Basic, jetAudio
JetAudio is integrated multimedia software made up of a single compact rack. Not only does it play various music and video files, it also has features such as CD burning, recording, and conversion to other file formats.

View full post on FileHippo.com
Posted in Downloads
Posted on 20 May 2011. Tags: Basic, Create, Widgets, Wordpress
class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/widget-sidebar-featuredimage.png" alt="how to create widgets">Many bloggers will search high and low for the perfect WordPress widget that will do exactly what they want, but with a little programming experience you may find it’s easier to write your custom widget.
This week I’d like to show how to do exactly that, and the widget we will be writing is a simple one that picks out a single random post from your site, pulls the featured image, and displays it on the sidebar – a visual “check this out” widget that will help users to find more content on your site.
This is also an extension of a continuing series in which I show you how easy it is to
href="http://www.makeuseof.com/tag/2-wordpress-plugins-understanding-theme-structure/">customize your WordPress template.
You may also be pleased to know that we’ve added a new
href="http://www.makeuseof.com/service/wordpress-tutorials/">WordPress Tutorials category to MakeUseOf, so be sure to check that out for an ever growing archive of up to date tips and guides to the world’s favourite blogging platform.
Key Concepts: WordPress Queries and the Loop
Each page on your blog consists of a query to your database of posts. Depending on the page you are viewing, the query will change. Your blog homepage for instance, may use the query “get the latest 10 blog posts“. When you view the category archives, the query may change to “get the latest 20 posts for the category family photos only, order the results by date published“. Each query will return a set of results, and depending on the page template being used, each result will be run through the main “loop” of the template.
Each page can in fact consist of more than one query though, and you can even create your own queries to add functionality to various places in your template. You can see an example of this in use at the bottom of this article – we have a few additional queries that run on every page that aim to show you related articles you may be interested in, or articles which are trending this week.
To make our custom widget though, we will simply need to create an additional query that grabs X number of random posts plus their images, and displays them in some way on the sidebar. I already showed you last week the code to
href="http://www.makeuseof.com/tag/jazz-wordpress-blog-adding-featured-images/">grab the featured image, so we really just need to know how to make a new WordPress widget and place it on the sidebar.
Basic Widget Code
Start by creating a new .php file in your wp-content/plugins directory. You could also follow the tutorial offline then upload it using the WordPress interface, but I find it’s easier to write as we go along in case you need to debug. Call your file whatever you like, but I’m going with random-post-widget.php
Paste the following into the file and save. Feel free to change the section at the top with my name in it, but don’t adjust the rest of the code yet. This is basically a skeleton empty widget, and you can see where it says //WIDGET CODE GOES HERE is where we will add our functionality in later.
class="wp_syntax">
class="code">
<?php
/*
Plugin Name: Random Post Widget
Plugin URI: http://jamesbruce.me/
Description: Random Post Widget grabs a random post and the associated thumbnail to display on your sidebar
Author: James Bruce
Version: 1
Author URI: http://jamesbruce.me/
*/
class RandomPostWidget extends WP_Widget
{
function RandomPostWidget()
{
$widget_ops = array('classname' => 'RandomPostWidget', 'description' => 'Displays a random post with thumbnail' );
$this->WP_Widget('RandomPostWidget', 'Random Post and Thumbnail', $widget_ops);
}
function form($instance)
{
$instance = wp_parse_args( (array) $instance, array( 'title' => '' ) );
$title = $instance['title'];
?>
<p><label for="<?php echo $this->get_field_id('title'); ?>">Title: <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo attribute_escape($title); ?>" /></label></p>
<?php
}
function update($new_instance, $old_instance)
{
$instance = $old_instance;
$instance['title'] = $new_instance['title'];
return $instance;
}
function widget($args, $instance)
{
extract($args, EXTR_SKIP);
echo $before_widget;
$title = empty($instance['title']) ? ' ' : apply_filters('widget_title', $instance['title']);
if (!empty($title))
echo $before_title . $title . $after_title;;
// WIDGET CODE GOES HERE
echo "<h1>This is my new widget!</h1>";
echo $after_widget;
}
}
add_action( 'widgets_init', create_function('', 'return register_widget("RandomPostWidget");') );?>
As it is, the plugin doesn’t do much apart from print out a large title with the words “This is my new widget!“.
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/new-sidebar-widget-step1.png" alt="how to create widgets">
It does however give you the option to change the title, which is kind of essential for any widget. Adding in other options is a bit beyond the scope of this article today, so for now let’s move on to give it a real purpose.
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/sidebar-options.png" alt="write your own widget">
A New Query & The Loop
To make a new query to your blog database, you need to use the query_posts() function along with a few parameters, then run through the output using a while loop. Let’s try this – a very basic query and loop to demonstrate. Replace the line of code that says:
class="wp_syntax">
class="code">
<h1>This is my new widget!</h1>
with the following:
class="wp_syntax">
class="code">
// WIDGET CODE GOES HERE
query_posts('');
if (have_posts()) :
while (have_posts()) : the_post();
the_title();
endwhile;
endif;
wp_reset_query();
This is an absolutely basic query using default options and zero formatting of the output. Depending on how your blog is set up, the default will most likely be to grab the 10 latest posts – then all the above code does is to output the title of each post. It’s pretty ugly, but it works:
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/new-sidebar-widget-step2.png" alt="write your own widget">
We can make it a little better right away just by adding some HTML formatting to the output with the ECHO command, and creating a link to the post using get_the_permalink() function:
class="wp_syntax">
class="code">
query_posts('');
if (have_posts()) :
echo "<ul>";
while (have_posts()) : the_post();
echo "<li><a href='".get_permalink()."'>".get_the_title()."</a></li>";
endwhile;
echo "</ul>";
endif;
wp_reset_query();
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/new-sidebar-widget-step3.png" alt="write your own widget">
Already, it’s looking much better. But we only want one post, picked at random. To do this, we specify some parameters in the query:
class="wp_syntax">
class="code">
query_posts('posts_per_page=1&orderby=rand');
Of course, you could change it to any number of posts – in fact, there’s a
href="http://codex.wordpress.org/Function_Reference/query_posts">whole range of extra bits you can pass into the query in order to restrict, expand, or change the order of the results, but let’s stick with that for now. If you refresh, you should see just one post which is randomized each time you refresh.
Now for the featured thumbnail. Replace the code with this, hopefully you can see where we are grabbing the thumbnail and displaying it:
class="wp_syntax">
class="code">
query_posts('posts_per_page=1&orderby=rand');
if (have_posts()) :
echo "<ul>";
while (have_posts()) : the_post();
echo "<li><a href='".get_permalink()."'>".get_the_title();
echo the_post_thumbnail(array(220,200));
echo "</a></li>";
endwhile;
echo "</ul>";
endif;
wp_reset_query();
You can see the finished results again on my development blog
href="http://selfsufficiencyguide.org">Self Sufficiency Guide, though I might have moved things around by the time you read this.
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/final-complete-widget.png" alt="how to create widgets">
Conclusion:
See how easy it is to make your own custom widget that can do exactly what you want? Even if you don’t understand 90% of the code I’ve shown you today, you should still be able to customise it somewhat by just changing variables or outputting different HTML. We wrote a whole widget today, but you could easily use just the new query and loop code on any of your page templates.
Problems? Need some different WordPress related help? I’m always on hand to help in
href="http://www.makeuseof.com/answers/">MakeUseOf Answers, so head on over and
href="javascript:void((function(){try%20{toggle_form();}catch(err){document.location.href='http://www.makeuseof.com/answers/#expand';}}()));">post a new question there.
/>
/> Follow
href="http://twitter.com/MakeUseOf" target="_blank" >MakeUseOf on Twitter. Includes cool extras.
/>
Read comments:
href="http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/#disqus_thread">Loved it? Hated it? Join discussion here …
href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/">
src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/">
href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/">
src="http://www.makeuseof.com/images/rss-buttons/diggme.png">
href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/">
src="http://www.makeuseof.com/images/rss-buttons/fb.jpg">
href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/&title=How To Create Your Own Basic WordPress Widgets&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/how-to-create-wordpress-widgets/">
src="http://www.makeuseof.com/images/rss-buttons/stumble.png">
More articles about:
href="http://www.makeuseof.com/tags/blogging/" title="blogging" rel="tag">blogging,
href="http://www.makeuseof.com/tags/blogging-tips/" title="blogging tips" rel="tag">blogging tips,
href="http://www.makeuseof.com/tags/coding/" title="coding" rel="tag">coding,
href="http://www.makeuseof.com/tags/diy/" title="DIY" rel="tag">DIY,
href="http://www.makeuseof.com/tags/how-to/" title="How-To Articles" rel="tag">How-To Articles,
href="http://www.makeuseof.com/tags/widgets/" title="widgets" rel="tag">widgets,
href="http://www.makeuseof.com/tags/wordpress/" title="wordpress" rel="tag">wordpress
/>
Similar articles:
class="st-related-posts">
href="http://www.makeuseof.com/tag/jazz-wordpress-blog-adding-featured-images/" title="How To Jazz Up Your WordPress Blog By Adding Featured Images (May 13, 2011)">How To Jazz Up Your WordPress Blog By Adding Featured Images (5 comments …)
href="http://www.makeuseof.com/tag/five-free-wordpress-templates-to-dress-up-your-blog/" title="The 5 Free WordPress Templates To Dress Up Your Blog (September 24, 2009)">The 5 Free WordPress Templates To Dress Up Your Blog (26 comments …)
href="http://www.makeuseof.com/tag/how-to-save-87-by-making-a-free-thesis-wordpress-theme-clone/" title="Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (December 6, 2009)">Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (25 comments …)
href="http://www.makeuseof.com/tag/people-love-show-wordpress-collision-testimonials/" title="People Love You? Show It Off On WordPress With Collision Testimonials (March 23, 2011)">People Love You? Show It Off On WordPress With Collision Testimonials (3 comments …)
href="http://www.makeuseof.com/tag/selfhosted-wordpress-blog-ipad-friendly-onswipe/" title="Make Your WordPress Blog iPad Friendly with Onswipe (April 7, 2011)">Make Your WordPress Blog iPad Friendly with Onswipe (4 comments …)



View full post on MakeUseOf
Posted in Useful APPs
Posted on 15 April 2011. Tags: 8.0.14, Basic, jetAudio
JetAudio is integrated multimedia software made up of a single compact rack. Not only does it play various music and video files, it also has features such as CD burning, recording, and conversion to other file formats.

View full post on FileHippo.com
Posted in Downloads
Posted on 10 March 2011. Tags: 8.0.12, Basic, jetAudio
JetAudio is integrated multimedia software made up of a single compact rack. Not only does it play various music and video files, it also has features such as CD burning, recording, and conversion to other file formats.

View full post on FileHippo.com
Posted in Downloads
Posted on 24 December 2010. Tags: 8.0.11, Basic, jetAudio
JetAudio is integrated multimedia software made up of a single compact rack. Not only does it play various music and video files, it also has features such as CD burning, recording, and conversion to other file formats.

View full post on FileHippo.com
Posted in Downloads
Posted on 17 December 2010. Tags: Basic, Build, Crawler, from, Information, Part, pull, Website
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/2010/12/code.jpg" alt="build a webcrawler" width="300" />This is part 2 in a series I started last time about how to build a web crawler in PHP. Previously I introduced the Simple HTML DOM helper file, as well as showing you how incredibly simple it was to grab all the links from a webpage, a common task for search engines like Google.
If you read
class="vt-p" href="http://www.makeuseof.com/tag/build-basic-web-crawler-pull-information-website/">part 1 and followed along, you’ll know I set some homework to adjust the script to grab images instead of links.
id="more-60554">
/> I dropped some pretty big hints, but if you didn’t get it or if you couldn’t get your code to run right, then here is the solution. I added an additional line to output the actual images themselves as well, rather than just the source address of the image.
style="border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; color: #00529b; background-color: #bde5f8; font-family: courier,lucida console,monospace;">
<?php
/> include_once('simple_html_dom.php');
/> $target_url = "http://www.tokyobit.com";
/> $html = new simple_html_dom();
/> $html->load_file($target_url);
/> foreach($html->find('img') as $img)
/> {
/> echo $img->src."<br />";
/> echo $img."<br/>";
/> }
/> ?>
This should output something like this:
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/homework-output.png" alt="build a webcrawler" width="580" height="332" />
Of course, the results are far from elegant, but it does work. Notice that the script is only capable of grabbing images that are on the content of the page in the form of <img> tags – a lot of the page design elements are hard-coded into the CSS, so our script can’t grab those. Again, you can run this through my server and if you wish
class="vt-p" href="http://www.tokyobit.com/tutorial/homework.php">at this URL, but to enter your own target site you’ll have to edit the code and run on your own server as I explained in part 1. At this point, you should bear in mind that downloading images from a website is significantly more stress on the server than simply grabbing text links, so do only try the script on your own blog or mine and try not to refresh lots of times.
Let’s move on and be a little more adventurous. We’re going to build upon our original file, and instead of just grabbing all the links randomly, we’re going to make it do something more useful by getting the post content instead. We can do this quite easily because standard WordPress wraps the post content within a <div class=”post”> tag, so all we need to do is grab any “div” with that class type, and output them – effectively stripping everything except the main content out of the original site. Here is our initial code:
style="border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; color: #00529b; background-color: #bde5f8; font-family: courier,lucida console,monospace;">
<?php
/> include_once('simple_html_dom.php');
/> $target_url = "http://www.tokyobit.com";
$html = new simple_html_dom();
$html->load_file($target_url);
/> foreach($html->find(‘div[class=post]‘) as $post)
/> {
/> echo $post.”<br />”;
/> }
?>
You can see the output by
class="vt-p" href="http://www.tokyobit.com/tutorial/example3.php" target="_blank">running the script from here (forgive the slowness, my site is hosted at GoDaddy and they don’t scale very well at all), but it doesn’t contain any of the original design – it is literally just the content.
Let me show you another cool feature now – the ability to delete elements of the page that we don’t like. For instance, I find the meta data quite annoying – like the date and author name – so I’ve added some more code that finds those bits (identified by various classes of div such as post-date, post-info, and meta). I’ve also added a simple CSS style-sheet to format the output a little. Daniel covered a
class="vt-p" href="http://www.makeuseof.com/tag/top-5-sites-to-learn-some-css-programming/">number of great places to learn CSS online if you’re not familiar with it.
As I mentioned in part 1, even though the file contains PHP code, we can still add standard HTML or CSS to the page and the browser will understand it just fine – the PHP code is run on the server, then everything is sent to the browser, to you, as standard HTML. Anyway, here’s the whole final code:
/>
/>
style="border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; color: #00529b; background-color: #bde5f8; font-family: courier,lucida console,monospace;"><head>
/> <style type=”text/css”>
/> div.post{background-color: gray;border-radius: 10px;-moz-border-radius: 10px;padding:20px;}
/> img{float:left;border:0px;padding-right: 10px;padding-bottom: 10px;}
/> body{width:60%;font-family: verdana,tahamo,sans-serif;margin-left:20%;}
/> a{text-decoration:none;color:lime;}
/> </style>
/> </head>
<?php
/> include_once(‘simple_html_dom.php’);
$target_url = “http://www.tokyobit.com”;
$html = new simple_html_dom();
$html->load_file($target_url);
/> foreach($html->find(‘div[class=post]‘) as $post)
/> {
/> $post->find(‘div[class=post-date]‘,0)->outertext = ”;
/> $post->find(‘div[class=post-info]‘,0)->outertext = ”;
/> $post->find(‘div[class=meta]‘,0)->outertext = ”;
/> echo $post.”<br />”;
/> }
?>
You can
class="vt-p" href="http://www.tokyobit.com/tutorial/example4.php" target="_blank">check out the results here. Pretty impressive, huh? We’ve taken the content of the original page, got rid of a few bits we didn’t want, and completely reformatted it in the style we like! And more than that, the process is now automated, so if new content were to be published, it would automatically display on our script.
style="text-align: center;">
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/example4.png" alt="build a webcrawler" width="580" height="530" />
That’s only a fraction of the power available to you though, you can
class="vt-p" href="http://simplehtmldom.sourceforge.net/manual.htm">read the full manual online here if you’d like to explore it a little more of the PHP Simple DOM helper and how it greatly aids and simplifies the web crawling process. It’s a great way to take your knowledge of basic HTML and take it up to the next dynamic level.
What could you use this for though? Well, let’s say you own lots of websites and wanted to gather all the contents onto a single site. You could copy and paste the contents every time you update each site, or you could just do it all automatically with this script. Personally, even though I may never use it, I found the script to be a useful exercise in understanding the underlying structure of modern internet documents. It also exposes how simple it is to re-use content when everything is published on a similar system using the same semantics.
What do you think? Again, do let me know in the comments if you’d like to learn some more basic web programming, as I feel like I’ve started you off on level 5 and skipped the first 4! Did you follow along and try yourself, or did you find it a little too confusing? Would you like to learn more about some of the other technologies behind the modern internet browsing experience?
If you’d prefer learning to program on the desktop side of things, Bakari covered some great beginner resources for
class="vt-p" href="http://www.makeuseof.com/tag/some-introductory-resources-for-learning-mac-programming/">learning Cocoa Mac OSX desktop programming at the start of the year, and our
class="vt-p" href="http://www.makeuseof.com/dir/codefetch-code-searching-tool/">featured directory app CodeFetch is useful for any programming language. Remember, skills you develop programming in any language can be used across the board.
/>
/> Follow
href="http://twitter.com/MakeUseOf" target="_blank" >MakeUseOf on Twitter. Includes cool extras.
/>
href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/build-webcrawler-part-2/">
src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/build-webcrawler-part-2/">
href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/build-webcrawler-part-2/">
src="http://www.makeuseof.com/images/rss-buttons/diggme.png">
href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/build-webcrawler-part-2/">
src="http://www.makeuseof.com/images/rss-buttons/fb.jpg">
href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/build-webcrawler-part-2/&title=How To Build A Basic Web Crawler To Pull Information From A Website (Part 2)&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/build-webcrawler-part-2/">
src="http://www.makeuseof.com/images/rss-buttons/stumble.png">
Similar MakeUseOf Articles
class="st-related-posts">
href="http://www.makeuseof.com/tag/build-basic-web-crawler-pull-information-website/" title="How To Build A Basic Web Crawler To Pull Information From A Website (Part 1)">How To Build A Basic Web Crawler To Pull Information From A Website (Part 1) (17 comments)
href="http://www.makeuseof.com/tag/top-10-professional-sample-code-websites-for-programmers/" title="Top 10 Professional Sample Code Websites For Programmers">Top 10 Professional Sample Code Websites For Programmers (35 comments)
href="http://www.makeuseof.com/tag/8-web-sites-every-microsoft-net-developer-should-know-about/" title="8 Websites Every Microsoft .NET Developer Should Know About">8 Websites Every Microsoft .NET Developer Should Know About (21 comments)
href="http://www.makeuseof.com/tag/invented-pascal-program-case-wondering/" title="Who Invented the Pascal Program? [In Case You Were Wondering]">Who Invented the Pascal Program? [In Case You Were Wondering] (15 comments)
href="http://www.makeuseof.com/tag/learn-to-code-at-any-level-with-google-code-university/" title="Learn To Code At Any Level With Google Code University">Learn To Code At Any Level With Google Code University (9 comments)
href="http://www.makeuseof.com/tag/learn-how-to-computer-program-with-microsofts-smallbasic/" title="Learn How To Write Computer Program with SmallBasic">Learn How To Write Computer Program with SmallBasic (19 comments)
href="http://www.makeuseof.com/tag/6-free-sites-to-learn-about-programming-in-php/" title="6 Free Sites To Learn About Programming in PHP">6 Free Sites To Learn About Programming in PHP (20 comments)
href="http://www.makeuseof.com/tag/5-windows-git-clients-git-job/" title="5 Windows Git Clients To ‘Git’ The Job Done">5 Windows Git Clients To ‘Git’ The Job Done (5 comments)
href="http://www.makeuseof.com/tag/3-handy-internet-based-clipboards-for-sharing-notes-and-programming/" title="3 Internet Clipboards for Sharing Notes & Code Snippets">3 Internet Clipboards for Sharing Notes & Code Snippets (7 comments)
href="http://www.makeuseof.com/tag/what-is-javascript-how-works/" title="What is JavaScript and How Does It Work? [Technology Explained]">What is JavaScript and How Does It Work? [Technology Explained] (20 comments)



View full post on MakeUseOf.com
Posted in Useful APPs
Posted on 11 November 2010. Tags: 8.0.10, Basic, jetAudio
JetAudio is integrated multimedia software made up of a single compact rack. Not only does it play various music and video files, it also has features such as CD burning, recording, and conversion to other file formats.

View full post on FileHippo.com
Posted in Downloads
Posted on 22 October 2010. Tags: 8.0.8, Basic, jetAudio
JetAudio is integrated multimedia software made up of a single compact rack. Not only does it play various music and video files, it also has features such as CD burning, recording, and conversion to other file formats.

View full post on FileHippo.com
Posted in Downloads
Posted on 01 October 2010. Tags: 5.5.16, Basic, Limewire
LimeWire is a fast, easy-to-use file sharing program that contains no spyware, adware or other bundled software. Compatible with all major platforms and running over the Gnutella network, LimeWire’s open source code, is freely available to the public and developed in part by a devoted programmer community.

View full post on FileHippo.com
Posted in Downloads
Posted on 25 September 2010. Tags: 5.5.15, Basic, Beta, Limewire
LimeWire is a fast, easy-to-use file sharing program that contains no spyware, adware or other bundled software. Compatible with all major platforms and running over the Gnutella network, LimeWire’s open source code, is freely available to the public and developed in part by a devoted programmer community.

View full post on FileHippo.com
Posted in Downloads
Posted on 28 August 2010. Tags: Basic, Designing, Given, Pseudo, Requirements, Technology, Types
Web site design crosses multiple disciplines of information systems, information technology and communication design. The web site is an information system whose components are sometimes classified as front-end and back-end. The observable content (e.g. page layout, user interface, graphics, text and audio) is known as the front-end. The back-end comprises the organization and efficiency of the source code, invisible scripted functions, and the server-side components that process the output from the front-end. Depending on the size of a Web development project, it may be carried out by a multi-skilled individual (sometimes called a web master), or a project manager may oversee collaborative design between group members with specialized skills.
Multidisciplinary requirements:
Issues: As in collaborative designs, there are conflicts between differing goals and methods of web site designs. These are a few of the ongoing ones.
1. Lack of collaboration in designIn the early stages of the web, there wasn’t as much collaboration between web designing and larger advertising campaigns, customer transactions, social networking, intranets and extranets as there is now. Web pages were mainly static online brochures disconnected from the larger projects. Many web pages are still disconnected from larger projects. Special design considerations are necessary for use within these larger projects. These design considerations are often overlooked, especially in cases where there is a lack of leadership, lack of understanding of why and technical knowledge of how to integrate, or lack of concern for the larger project in order to facilitate collaboration. This often results in unhealthy competition or compromise between departments, and less than optimal use of web pages.
2. Liquid versus fixed layoutsOn the web the designer has no control over several factors, including the size of the browser window, the web browser used, the input devices used (mouse, touch screen, voice command, text, cell phone number pad, etc.) and the size and characteristics of available fonts. Some designers choose to control the appearance of the elements on the screen by using specific width designations. This control may be achieved through the use of a HTML table-based design or a more semantic div-based design through the use of CSS. Whenever the text, images, and layout of a design do not change as the browser changes, this is referred to as a fixed width design. Proponents of fixed width design prefer precise control over the layout of a site and the precision placement of objects on the page. Other designers choose a liquid design. A liquid design is one where the web designing moves to flow content into the whole screen, or a portion of the screen, no matter what the size of the browser window. Proponents of liquid design prefe greater compatibility and using the screen space available. Liquid design can be achieved through the use of CSS, by avoiding styling the page altogether, or by using HTML tables (or more semantic divs) set to a percentage of the page. Both liquid and fixed design developers must make decisions about how the design should degrade on higher and lower screen resolutions. Sometimes the pragmatic choice is made to flow the web designing between a minimum and a maximum width. This allows the designer to avoid coding for the browser choices making up The Long Tail, while still using all available screen space. Depending on the purpose of the content, a web designer may decide to use either fixed or liquid layouts on a case-by-case basis. Similar to liquid layout is the optional fit to window feature with Adobe Flash content. This is a fixed layout that optimally scales the content of the page without changing the arrangement or text wrapping when the browser is resized.
3. Flash.Adobe Flash (formerly Macromedia Flash) is a proprietary, robust graphics animation or application development program used to create and deliver dynamic content, media (such as sound and video), and interactive applications over the web via the browser. Adobe Flash is today widely used in Web Designing. Flash is not a standard produced by a vendor-neutral standards organization like most of the core protocols and formats on the Internet. Flash is much more restrictive than the open HTML format, though, requiring a proprietary plug-in to be seen, and it does not integrate with most web browser UI features like the “Back” button.According to a study, [1] 98% of US Web users have the Flash Player installed. [2] Numbers vary depending on the detection scheme and research demographics. [3] Many graphic artists use Flash because it gives them exact control over every part of the design, and anything can be animated and generally “jazzed up”. Some application designers enjoy Flash because it lets them create applications that do not have to be refreshed or go to a new web page every time an action occurs.
Posted in Utilities
Posted on 22 August 2010. Tags: Basic, Designing, Layout, Pseudo, Requirements, Technology
CSS versus tables for layout:
When Netscape Navigator 4 dominated the browser market, the popular solution available for designers to lay out a Web page was by using tables. Often even simple web designing for a page would require dozens of tables nested in each other. Many web templates in Dreamweaver and other WYSIWYG editors still use this technique today. Navigator 4 didn’t support CSS to a useful degree, so it simply wasn’t used. After the browser wars subsided, and the dominant browsers such as Internet Explorer became more W3C compliant, designers started turning toward CSS as an alternate means of laying out their pages. CSS proponents say that tables should be used only for tabular data, not for layout. Using CSS instead of tables also returns HTML to a semantic markup, which helps bots and search engines understand what’s going on in a web page. All modern Web browsers support CSS with different degrees of limitations. However, one of the main points against CSS is that by relying on it exclusively, control is essentially relinquished as each browser has its own quirks which result in a slightly different page display. This is especially a problem as not every browser supports the same subset of CSS rules. For designers who are used to table-based layouts, developing Web sites in CSS often becomes a matter of trying to replicate what can be done with tables, leading some to find CSS design rather cumbersome due to lack of familiarity. For example, at one time it was rather difficult to produce certain design elements, such as vertical positioning, and full-length footers in a web designing using absolute positions. With the abundance of CSS resources available online today, though, web designing with reasonable adherence to ,;;’ standards involves little more than applying CSS 2.1 or CSS 3 to properly structured markup. These days most modern browsers have solved most of these quirks in CSS rendering and this has made many different CSS layouts possible. However, some people continue to use old browsers, and designers need to keep this in mind, and allow for graceful degrading of pages in older browsers. Most notable among these old browsers are Internet Explorer 5 and 5.5, which, according to some web designers, are becoming the new Netscape Navigator 4 – a block that holds the World Wide Web back from converting to CSS design. However, the W3 Consortium has made CSS in combination with XHTML the standard for web designing.
Form versus Function:
Some web developers have a graphic arts background and may pay more attention to how a page looks than considering other issues such as how visitors are going to find the page via a search engine. Some might rely more on advertising than search engines to attract visitors to the site. On the other side of the issue, search engine optimization consultants (SEOs) are concerned with how well a web site works technically and textually: how much traffic it generates via search engines, and how many sales it makes, assuming looks don’t contribute to the sales. As a result, the designers and SEOs often end up in disputes where the designer wants more ‘pretty’ graphics, and the SEO wants lots of ‘ugly’ keyword-rich text, bullet lists, and text links. One could argue that this is a false dichotomy due to the possibility that a web designing may integrate the two disciplines for a collaborative and synergistic solution. Because some graphics serve communication purposes in addition to aesthetics, how well a site works may depend on the graphic designer’s visual communication ideas as well as the SEO considerations. Another problem when using a lot of graphics on a page is that download times can be greatly lengthened, often irritating the user. This has become less of a problem as the internet has evolved with high-speed internet and the use of vector graphics. This is an engineering challenge to increase bandwidth in addition to an artistic challenge to minimize graphics and graphic file sizes. This is an on-going challenge as increased bandwidth invites increased amounts of content.
Accessible Web design:
Main article:
Web accessibilityTo be accessible, web pages and sites must conform to certain accessibility principles. These can be grouped into the following main areas:use semantic markup that provides a meaningful structure to the document (i.e. web page)Semantic markup also refers to semantically organizing the web page structure and publishing web services description accordingly so that they can be recognized by other web services on different web pages. Standards for semantic web are set by IEEE-use a valid markup language that conforms to a published DTD or Schema-provide text equivalents for any non-text components (e.g. images, multimedia)-use hyperlinks that make sense when read out of context. (e.g. avoid “Click Here.”)-don’t use frames-use CSS rather than HTML Tables for layout.-author the page so that when the source code is read line-by-line by user agents (such as a screen readers) it remains intelligible. (Using tables for web designing will often result in information that is not.)However, W3C permits an exception where tables for layout either make sense when linearized or an alternate version (perhaps linearized) is made available.Website accessibility is also changing as it is impacted by Content Management Systems that allow changes to be made to webpages without the need of obtaining programming language knowledge.
Posted in Utilities