How To's

TwitterFacebook
Get flash to fully experience Pearltrees
Youtube – You know that site with videos and all. Yeah!

10 Youtube URL Tricks You Should Know About | MakeUseOf

http://www.makeuseof.com/tag/10-youtube-url-tricks-you-should-know-about/
This tutorial will show you how to insert Flash SWF file to Google Sites. Step 1: Make Flash SWF file. Firstly, please make your Flash file (.swf) with Adobe Flash Studio or Flash Banner Maker software, for example Aleo Flash Intro Banner Maker at http://www.aleosoft.com . Step 2: Upload Flash SWF file to Google Sites as attachment 1. Login to your Google Sites, navigate to your site, then click "More Actions" on the top right corner and click the "Manage Site" menu item. 2. http://www.aleosoft.com/flashtutorial_googlesites.html

How to embed Flash SWF file to Google Sites?

Top 5 Online Tools to Make a Movie Online for Free | MakeUseOf

So, after Mark showed you how make quick and professional videos on Windows Movie Maker , you think you’re cut out to be the next great online movie director? After shooting countless video clips and pictures, you now have to bring them all together with some video editing magic to create your movie. However, renting an editing room or buying propriety software might be just out of your price range. Free desktop software might not do because it might seem a little “too technical” for some of us or simply doesn’t have the feature you’re looking for. Thankfully, there are a lot of simple online tools to help you make a movie online for free. Here are 5 of the best I’ve found so far. http://www.makeuseof.com/tag/top-5-tools-to-make-a-home-movie-online-for-free/
http://www.labnol.org/internet/how-to-embed-in-html-webpages/6365/

How to Embed Almost Anything in your Website

Learn how to embed videos, mp3 music, Flash videos (both swf and flv), pictures, fonts, spreadsheets, charts, maps and everything else into your blog or website. Learn how to embed almost anything in your HTML web pages from Flash videos to Spreadsheets to high resolution photographs to static images from Google Maps and more.
http://kyleschaeffer.com/user-experience/pure-css-image-hover/ Many site designs will feature varying types of image “hover” states, where an image or background image changes when you move your mouse cursor into that area of the page. Traditionally, this change in image is handled via JavaScript. It’s fairly easy to write a small script that swaps out images on mouseover, but there are a number of disadvantages to this approach that have pushed many web developers toward using a CSS-only method of achieving this exact same effect.

Pure CSS Image Hover | Kyle Schaeffer - Web Design and SharePoint Branding

Using the Views Slideshow Module in Drupal 7

http://www.ostraining.com/blog/drupal/views-slideshow-in-drupal-7/ Slideshows are one of the most popular things that people want on their website and the Views Slideshow Module is the most popular way to create slideshows in Drupal. So, it's no surprise that Views Slideshow is one of the most popular Drupal modules. Creating a Views Slideshow isn't too difficult, but there are a quite a few steps to go through.
http://www.alexpeattie.com/projects/feedback_button/ You're probably familiar with feedback buttons like the one on the left. Floating feedback buttons (often linked to services like UserVoice) have become a common design pattern across the web. They are generally just an image styled with position: fixed , but this page shows demonstrates an imageless button made with pure CSS3 (and a bit of Javascript/SVG magic for legacy browsers, see below). Download code .zip, 1.9kb

CSS3 imageless floating feedback button · Alex Peattie, a web developer and designer.

Adding a JavaScript File to a Drupal Theme | Freestyle Systems

Drupal comes with the excellent and very powerful jQuery JavaScript library . jQuery really reduces the learning curve when it comes to adding fancy JavaScript effects to a Drupal site. In this mini-tutorial I will show you how you can add a theme-based JavaScript file to your site so you can start to leverage the power of jQuery in your projects. Drupal 6 Drupal 6 already looks for a script.js file in the theme folder as explained in the handbook . http://freestylesystems.co.uk/blog/adding-javascript-file-drupal-theme
http://www.professorcloud.com/mainsite/carousel-integration.htm

Professor Cloud

Example HTML Below is a simple example HTML page which creates a carousel with 4 items. Please study the page as it contains useful comments and tips. You can see the same page working here . If you want mouse wheel support, you will need to include this plugin: http://plugins.jquery.com/project/mousewheel
http://www.tripwiremagazine.com/2012/12/jquery-carousel.html In web design a jQuery carousel is an element giving visitors easy and visible access to several content items. It is typically a dynamic scrolling list of items in horizontal order where previous and next items are partially visible. The items, consisting of HTML content, images, videos etc. can be scrolled back and forth (with or without animated transitions). Using sliding horizontal panels, known as Carousels and jQuery Sliders , to feature top content, is one of the strongest web design trends over the last couple of years. It’s a very effective method to increase the web site usability and engage the user. The reason for this trend is mainly the arrival of jQuery that have made it almost a “walk in the park” to add a jQuery Carousel or a jQuery image slider plugin to a web site.

55 Best jQuery Carousel Plugins

in Share Yahoo have a nice little snippet of Javascript that will convert all MP3 (and some other) links on your web page into functional flash MP3 players. I’ve sourced some JavaScript code from that will do precisely the same thing… but instead of rendering a large player on your screen, it takes the minimalistic approach and simply creates a play/stop button to the left hand side of an active MP3 link. About a week ago I sent out an email to the mailing list with an enhanced version of what I’m describing below… giving users the option of player, a download link and so on. If you’re interested in the enhanced code, please let me know.

Automatically Convert MP3 links to Audio Players with Javascript

jQuery UI Tab's in Drupal 7 Tutorial | Dan Silver's Blog

Adding jQuery to websites allows them to be interactive and visually appealing. jQuery UI is now included in Drupal 7 and websites are starting to take advantage of this new feature. In this tutorial I will show you how to get jQuery UI tab's into a regular drupal node (page, article, etc). The end result of this tutorial will look like this:
Now that jQuery UI is included in D7 core, we'll see a lot more application style functions using the UI library. Here's a quick example for adding an accordion to node content (enable and select PHP filter) demonstrating how easy it is to add jQuery UI effects and widgets in Drupal 7. <?php drupal_add_library ( 'system' , 'ui.accordion' ); drupal_add_js ( 'jQuery(document).ready(function(){jQuery("#accordion").accordion();});' , 'inline' ); ?> <div id="accordion"> <h3><a href="#">Section 1</a></h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

Drupal Blog | Drupal 7 and jQuery UI (Accordion)