Design lookup


Hits: 4445  

Orlando Web Design

 

Web Design and WordPress Support.

We usually search good design ideas for our web development needs. I have some useful links on this page. Please review and share more in comment area 🙂

 

http://www.sohtanaka.com/

http://preloaders.net/
http://www.noupe.com/
http://antsmagzine.com/
http://designm.ag/tutorials/sticky-sidenav-layout/
http://www.learningjquery.com/
http://www.pierrebertet.net/projects/jquery_superbox/
http://usejquery.com/
http://vandelaydesign.com/
http://roshanbh.com.np/
http://www.templatemo.com/
http://www.webtemplates.webfirstcreations.com/
http://hambodevelopment.com/
http://www.osvaldas.info/
http://www.veboolabs.com/
http://www.sourcebits.com/
http://twipho.net/
http://jquerystyle.com/
http://www.1stwebdesigner.com/
http://www.1stwebdesigner.com/tutorials/53-jquery-tutorials-resources-tips-and-tricks-ultimate-collection/
http://arnaud-k.fr/
http://www.mplusz.com/
http://marcgrabanski.com/article/jquery-google-maps-tutorial-basics
http://marcgrabanski.com/webroot/resources/jquery-ui-google-maps/tutorial-part1.html
http://jqueryfordesigners.com/
http://www.templates.com/
http://www.proclipart.com/
http://www.queness.com/post/456/16-impressive-flash-like-javascript-animation-inspirations-tutorials-and-plugins
http://www.k4lab.info/eng/indexeng.htm
http://www.clubclub.fr/
http://abduzeedo.com/web-design-awesome-magazine-style-sites
http://www.creative-outsourcing.com/
http://www.studio7designs.com/blog/101-design-resource-links/
http://www.templamatic.com/
http://bestwebgallery.com/
http://www.css-website.com/
http://www.cssclip.com/
http://csscollection.com/
http://cssdrive.com/
http://www.csselite.com/
http://www.cssflavor.com/
http://cssmania.com/
http://cssremix.com/
http://www.designmeltdown.com/
http://www.designshack.co.uk/
http://www.mostinspired.com/
http://www.professionalontheweb.com/
http://www.dailyslurp.com/
http://www.w3csites.com/
http://www.cssheaven.com/
http://www.cssbeauty.com/

FFmpeg – ERROR: librtmp not found


Hits: 8618  

I was installing FFmpeg for segmenting Red5 Streams to stream live video from Red5 Server to iOS or Android devices.

RTMP (Red5) -> FFMpeg -> Segementer -> .ts files -> iOS (m3u8)

I really needed mp4 (AAC/H.264) and ogg (Vorbis/Theora) format for best HTML5 output.

I checkout FFmpeg source and tryed below command to install / configure it

# ./configure –enable-gpl –enable-nonfree –enable-libmp3lame –enable-libfaac –enable-librtmp –enable-libtheora –enable-libvorbis –enable-libx264 –enable-shared –enable-postproc

error while loading shared libraries: libfaac.so.0:

I have already installed all dependencies, but links to shared libraries was not found … so …

# echo “/usr/local/lib” >> /etc/ld.so.conf
# echo “/usr/lib” >> /etc/ld.so.conf
# ldconfig

ldconfig creates the necessary links and cache to the most recent shared libraries found in the directories specified on the command line, in the file /etc/ld.

Another error ERROR: librtmp not found

# ls /usr/local/lib/librtmp*

/usr/local/lib/librtmp.a /usr/local/lib/librtmp.so

On CenOS before compiling ffmpeg, make sure you have valid path of packages in PKG_CONFIG_PATH

# export PKG_CONFIG_PATH=/usr/local/lib/pkgconfig

We worked on RTMP (Live Red5 CAM) to iOS (iPhone or iPad). Get more help for HTTP Live Video Stream Segmenter and Distributor Contact Us

Read more…. VOD to iOS | Red5 Media Server iOS Android Setup

Free Cloud Storage Services


Hits: 5487  

Cloud Storage is really a buzz word for people who are facing troubles for backups and data loss. Cloud Storage can provide tension free management of data on the fly. You can choose any cloud program below as free storage. I really like Dropbox, it is available for all devices 😉

Dropbox – Free for Windows, Mac, Linux, and Mobile

Free space : 2GB

Dropbox - Simplify your life
Dropbox – Simplify your life

Microsoft SkyDrive – SkyDrive on all your devices to access your photos and files from almost anywhere, store them, and securely share them.

Free space : 7GB

Files - SkyDrive
Files – SkyDrive

Amazon Cloud Drive – Amazon Cloud Drive makes storing your photos, videos, documents and other digital files in the Cloud quick and easy.

Free space : 5GB

Amazon Cloud Drive
Amazon Cloud Drive

Apple – iCloud – Your content. On all your devices

Free space : 5GB

Apple - iCloud - Your content. On all your devices
Apple – iCloud – Your content. On all your devices

Box – Secure content-sharing that users and IT love and adopt

Free space : 5GB

Box - Secure content-sharing that users and IT love and adopt
Box – Secure content-sharing that users and IT love and adopt

SugarSync – File Sync & Online Backup – Access and File Sharing from Any Device – Your Cloud

Free Space : 5 GB

File Sync & Online Backup - Access and File Sharing from Any Device - SugarSync - Your Cloud
File Sync & Online Backup – Access and File Sharing from Any Device – SugarSync – Your Cloud

Google Drive – Google Drive is everywhere you are—on the web, in your home, at the office and on the go. So wherever you are, your stuff is just…there. Ready to go, ready to share. Get started with 5 GB free.

Free space : 5GB

Google Drive
Google Drive

Ubuntu One – Keep your content safe, access it anywhere, and share it with friends, family and colleagues. Spread the word and earn up to 20GB extra free cloud storage with our referral program.

Free space : 5GB

Ubuntu One
Ubuntu One

SpiderOak.com – Zero-Knowledge data backup, sync, access, storage and share from any device

Free Space : 2 GB

Zero-Knowledge data backup, sync, access, storage and share from any device - SpiderOak.com
Zero-Knowledge data backup, sync, access, storage and share from any device – SpiderOak.com

Syncplicity – File Sync, Sharing & Collaboration Cloud Service – Mobile Document Sync – File Management

Free cloud storage : 2GB

File Sync, Sharing & Collaboration Cloud Service - Mobile Document Sync - File Management - Syncplicity
File Sync, Sharing & Collaboration Cloud Service – Mobile Document Sync – File Management – Syncplicity

Wuala – Backup. Sync. Share. Access Everywhere. All data encrypted on your computer.

Free Space : 5 GB

Wuala - Secure Cloud Storage - Backup. Sync. Share. Access Everywhere.
Wuala – Secure Cloud Storage – Backup. Sync. Share. Access Everywhere.

Cloud Storage From Just Cloud. Free Online Storage

Free Space : 15 MB

Cloud Storage From Just Cloud. Free Online Storage
Cloud Storage From Just Cloud. Free Online Storage

MegaCloud – Home – Your files wherever you are

Free Space : 8GB File Storage + 8GB Backup

MegaCloud - Home - Your files wherever you are
MegaCloud – Home – Your files wherever you are

MiMedia – Online Storage & Online Backup Solutions

Free Space : 7 GB

Online Storage & Online Backup Solutions - MiMedia
Online Storage & Online Backup Solutions – MiMedia

MediaFire – Free Online Storage

Free Space : 50 GB

Free Online Storage - MediaFire
Free Online Storage – MediaFire

Symform – Free Cloud Backup – Start with 10 GB

Free cloud storage: Up to 10GB

Free Cloud Backup – Start with 10 GB – Symform
Free Cloud Backup – Start with 10 GB – Symform

YouSendIt – File Sharing, Send Large Files, Access Files from Any Device

Free Storage : 2 GB

YouSendIt - File Sharing, Send Large Files, Access Files from Any Device
YouSendIt – File Sharing, Send Large Files, Access Files from Any Device

Cubby.com – Cloud storage, syncing and sharing, with a smile.

Free Space : 5 GB

Cubby.com - Cloud storage, syncing and sharing, with a smile.
Cubby.com – Cloud storage, syncing and sharing, with a smile.

ElephantDrive – Beyond Backup. Your files – Everywhere.

Free Space : 2 GB

ElephantDrive - Beyond Backup. Your files – Everywhere.
ElephantDrive – Beyond Backup. Your files – Everywhere.

OpenDrive – Online Storage, Backup & Cloud Content Management

Free Space : 5 GB

OpenDrive - Online Storage, Backup & Cloud Content Management
OpenDrive – Online Storage, Backup & Cloud Content Management

And Many More … Search Free Cloud Storage Services

Best Websites to Download Free Music


Hits: 8533  

We usually listen music everyday. People love latest music to listen in their work time. Music on internet can provide you all popular songs in single click. You can tune to your favorite artist or radio or event. There are lot of music portals which provide free as well as paid music to download to devices.

Here is the list where you can listen or download your loving songs 😉

Amazon.com MP3 Music Download

Amazon.com MP3
Amazon.com MP3

Free Music Videos, Song Lyrics, Free Music Downloads – AOL Music

Free Music Videos, Song Lyrics, Free Music Downloads - AOL Music
Free Music Videos, Song Lyrics, Free Music Downloads – AOL Music

Free Music Archive

Free Music Archive
Free Music Archive

Jamendo – Free music downloads for private use – Royalty free music licenses for commercial purposes. More than 55,000 albums by independent artists.

Jamendo - The #1 platform for free music. Free music downloads for private use - Royalty free music licenses for commercial purposes. More than 55,000 albums by independent artists.
Jamendo – The #1 platform for free music. Free music downloads for private use – Royalty free music licenses for commercial purposes. More than 55,000 albums by independent artists.

NoiseTrade – Thousands of Albums. Completely Free. Completely Legal.

NoiseTrade - Thousands of Albums. Completely Free. Completely Legal.
NoiseTrade – Thousands of Albums. Completely Free. Completely Legal.

Free Music Downloads – Last.fm

Free Music Downloads – Last.fm
Free Music Downloads – Last.fm

Free Top Music Downloads Chart – MP3.com

Free Top Music Downloads Chart - MP3.com
Free Top Music Downloads Chart – MP3.com

emp3world.com – Free Mp3 Download

emp3world.com - Free Mp3 Download
emp3world.com – Free Mp3 Download

Free Mp3 – Music Addict

Free Mp3 - Music Addict
Free Mp3 – Music Addict

DJMaza.Com Bollywood MP3 Songs Music-Videos Download, Mobile-PC Videos,Lyrics & much more

DJMaza.Com Bollywood MP3 Songs Music-Videos Download, Mobile-PC Videos,Lyrics & much more
DJMaza.Com Bollywood MP3 Songs Music-Videos Download, Mobile-PC Videos,Lyrics & much more

mp3skull.com – Free Mp3 Download

mp3skull.com - Free Mp3 Download
mp3skull.com – Free Mp3 Download

Free MP3 Grabber – search and grab mp3 from YouTube, Dailymotion, MySpace, vevo, imeem, last.fm and many other online resources for free

Free MP3 Grabber - search and grab mp3 from YouTube, Dailymotion, MySpace, vevo, imeem, last.fm and many other online resources for free
Free MP3 Grabber – search and grab mp3 from YouTube, Dailymotion, MySpace, vevo, imeem, last.fm and many other online resources for free

Mp3Raid.com – Free Mp3 Downloads, Free Music Downloads

Mp3Raid.com - Free Mp3 Downloads, Free Music Downloads
Mp3Raid.com – Free Mp3 Downloads, Free Music Downloads

Beemp3.com – MP3 Search & Free MP3 Downloads

Beemp3.com - MP3 Search & Free MP3 Downloads
Beemp3.com – MP3 Search & Free MP3 Downloads

Naijamusic.net – Proudly Nigeria Music – Official website of Naijamusic, play nigeria music, video & watch movie

Naijamusic.net - Proudly Nigeria Music - Official website of Naijamusic, play nigeria music, video & watch movie
Naijamusic.net – Proudly Nigeria Music – Official website of Naijamusic, play nigeria music, video & watch movie

Free Mp3 Downloads

Free Mp3 Downloads
Free Mp3 Downloads

You can also visit to The Live Music Archive 😉

Create Website Thumbnails using PhantomJS


Hits: 9297  

Hope you read my old article “Create WebThumb using LAMP”, it used for creating web thumbnails from Xvfb virtual framebuffer that is more time and resource consuming.

Shell Script with Xvfb try to open web browsers in real remote server to capture web-thumbs…

That whole setup might take a full day and image quality is very bad….

Thanks to PhantomJS

PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

Simple Javascript example

console.log(‘Loading a web page’);
var page = require(‘webpage’).create();
var url = ‘http://www.svnlabs.com/’;
page.open(url, function (status) {
//Page is loaded!
phantom.exit();
});

Features:

– Headless Website Testing
– Screen Capture
– Page Automation
– Network Monitoring

Fork on Github https://github.com/ariya/phantomjs

PhantomJS is using WebKit for a real layout and rendering engine, it can be used to capture web page as screenshot or PDF files. PhantomJS can render anything on the web page, it can be used to convert contents in HTML/CSS, SVG and Canvas.

URL2PNG-URL2PDF-HTML2JPG-URL2IMAGE
URL2PNG-URL2PDF-HTML2JPG-URL2IMAGE
// Thumbnail of Webpage using webthumb.js

var page = require('webpage').create(),
    system = require('system'),
    weblink,
    fname;

if (system.args.length !== 3) {
    console.log('Usage: webthumb.js webURL filename');
    console.log('Usage: webthumb.js http://www.svnlabs.com svnlabs.png');
    phantom.exit(1);
} else {
    weblink = system.args[1];
    fname = system.args[2];    
    page.viewportSize = { width: 320, height: 480 };
    page.open(weblink, function (status) {
    if (status !== 'success') {
        console.log('Unable to open webpage!');
    } else {
        page.render(fname);
    }
    window.setTimeout(function () {
      phantom.exit();
    }, 3000);
    });
}

Download webthumb.js

# phantomjs webthumb.js http://www.svnlabs.com svnlabs.png
# phantomjs webthumb.js http://www.svnlabs.com svnlabs.pdf

You can even capture webpage as good quality PDF file 😉

Output:

svnlabs.png
svnlabs.pdf

You can also use examples/rasterize.js for same sort of functions 😉

# phantomjs examples/rasterize.js http://www.svnlabs.com/ svnlabs.png
# phantomjs examples/rasterize.js ‘http://www.svnlabs.com/’ svnlabs.pdf

rasterize.js – rasterizes a web page to image or PDF
render_multi_url.js – renders multiple web pages to images
technews.js – captures Google News as a PNG image

Swiffy converts Flash SWF files to HTML5


Hits: 6492  

I was working on Video Ads system for a client. I need a solution that can display ads on devices like Android / iPhone / iPad where flash is not supported.

So, after few searches I got SWIFFY … this is really very good tool to convert Flash files to html5. I tried some flash files and output html5 is working awesome on all devices 😉

Swiffy converts Flash SWF files to HTML5, it allows to reuse Flash content on devices (iPhones, iPads and Androids) without a Flash player.

Swiffy 5.0 introduces experimental support for ActionScript 3.0.

Swiffy users can publish Flash files to HTML5 right from Adobe Flash Professional.

Google Swiffy Extension
Google Swiffy Extension

Swiffy converts a SWF file to an HTML5 page as a JSON object. The HTML5 page uses the Swiffy Runtime JavaScript library to render the animation using SVG. Compiled ActionScript code is also contained in the JSON file and executed as JavaScript in the browser.

Google Swiffy Features
Google Swiffy Features

Original Flash animation

Swiffy conversion

swiffyobject = JSON object returned from SWF File

var stage = new swiffy.Stage(document.getElementById(‘swiffycontainer’), swiffyobject);
stage.start();

Best Websites To Watch Movies Online For Free


Hits: 19319  

Hey, Everyone need to spend their weekends with family & friends… I always watch movies on Saturdays. I know you are also searching for free movies online. I have few websites where you can spend your best time to watch best blockbuster movies.

Adobe Flash ExternalInterface issues with Internet Explorer


Hits: 4559  

I was working for HTML5 Audio.js Player… I really like calling ExternalInterface when using SWFObject on Windows XP IE 8. You can’t use an actionscript callback for a certain set of keywords (“play”, “stop”, “tags”, “item”, “length” etc.) will break in IE and cause a javascript error.

Object doesn’t support this property or method

public function audiojs():void {
Security.allowDomain(“*”);

this.playerInstance = root.loaderInfo.parameters.playerInstance+’.’;

ExternalInterface.addCallback(‘init’, init);
ExternalInterface.addCallback(‘load’, load);
ExternalInterface.addCallback(‘playPause’, playPause);
ExternalInterface.addCallback(‘pplay‘, play);
ExternalInterface.addCallback(‘ppause‘, pause);
ExternalInterface.addCallback(‘skipTo’, skipTo);
ExternalInterface.addCallback(‘setVolume’, setVolume);

ExternalInterface.call(this.playerInstance+’loadStarted’);
}

Audio.js
IE doesn’t allow a method named play() to be exposed through ExternalInterface, so lets go with pplay().
Use ppause() for consistency with pplay(), even though it isn’t really required.

Avoid common names like play & pause when using ExternalInterface Call. 😉

Dynamic disk(s) are not supported by this operating system


Hits: 7079  

Dynamic disk(s) are not supported by this operating system or server configuration.
Dynamic disks are not supported on clusters.

HP Laptops have 4 drives in original factory condition

– SYSTEM
– C Drive (Windows)
– D Drive (Recovery)
– HP_TOOLS

Windows 7 Home supports only 4 drives

Make sure you have 3 partitions before creating 4th 😉

So first you need to create recovery disks using Recovery Media Creation

 

Recovery Media Creation

Take 5 DVDs for recovery process

 

Recovery Manager

then you can delete D drive

 

HP G62 Laptop with D Recovery Drive

 

Now you have 3 drives …

Partition After Deleting D Drive

 

Try Shrink Volume now 😉

Shrink Volume

 

Drive Size

 

Unallocated Volume

Format and assign drive letter

 

Create New Volume

 

Format New Volume

 

Format New Volume

 

Format Done :)

 

Finally you have D Drive ready

New D Drive Created

 

Android HTML5 Audio duration and loadProgress in audio.js


Hits: 5666  

audio.js is a drop-in javascript library that allows HTML5’s <audio> tag to be used anywhere.

HTML5 Audio Js Duration Buffered

AudioJS uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. AudioJS provides a consistent html player GUI to all browsers which can be styled used standard CSS.

But I faced a issue in audio.js html5 player, the audio preload, duration and buffer was not working 🙁

Hope this will save your time .. please find modified javascript

loadProgress: function() {
      if (this.element.buffered != null && this.element.buffered.length) {
        // Ensure `loadStarted()` is only called once.
        if (!this.loadStartedCalled) {
          this.loadStartedCalled = this.loadStarted();
        }
        var durationLoaded = this.element.buffered.end(this.element.buffered.length - 1);
        this.loadedPercent = durationLoaded / this.duration;

        this.settings.loadProgress.apply(this, [this.loadedPercent]);
      }
      else
      {
      // audio duration in Android
      if (!this.loadStartedCalled) {
          this.loadStartedCalled = this.loadStarted();
      }

      var durationLoaded = this.element.buffered.end(this.element.buffered.length - 1);
        this.loadedPercent = durationLoaded / this.duration;

        this.settings.loadProgress.apply(this, [this.loadedPercent]);

      }

    },

Modified file

audio js duration in android

On Android ICS 4 you might load and play audio with delay

setTimeout(function() {
            audio.load(src);
            audio.currentTime = 0;
            
            setTimeout(function() {
                audio.play();
            }, 500);
        }, 500);