iGPS Technical Blog

How to Install JAVA 8 on CentOS/RHEL 7/6 and Fedora 26/25

noreply@blogger.com (Blog Admin) — Mon, 25 Sep 2017 07:07:00 +0000

This article will help you to Install JAVA 8 (JDK/JRE 8u144) or update on your system. Read the instruction carefully before downloading Java from Linux command line.

Step 1 – Download Latest Java Archive

Download latest Java SE Development Kit 8 release from its official download page or use following commands to download from shell.

# cd /opt/

# wget --no-cookies --no-check-certificate --header "Cookie: gpw_e24=http%3A%2F%2Fwww.oracle.com%2F; oraclelicense=accept-securebackup-cookie" "http://download.oracle.com/otn-pub/java/jdk/8u144-b01/090f390dda5b47b9b721c7dfaa008135/jdk-8u144-linux-x64.tar.gz"

# tar xzf jdk-8u144-linux-x64.tar.gz

Step 2 – Install Java 8 with Alternatives

After extracting archive file use alternatives command to install it. alternatives command is available in chkconfig package.

# cd /opt/jdk1.8.0_144/
# alternatives --install /usr/bin/java java /opt/jdk1.8.0_144/bin/java 2
# alternatives --config java


There are 3 programs which provide 'java'.

  Selection    Command
-----------------------------------------------
*  1           /opt/jdk1.7.0_71/bin/java
 + 2           /opt/jdk1.8.0_45/bin/java
    3           /opt/jdk1.8.0_144/bin/java

Enter to keep the current selection[+], or type selection number: 3

At this point JAVA 8 has been successfully installed on your system. We also recommend to setup javac and jar commands path using alternatives

# alternatives --install /usr/bin/jar jar /opt/jdk1.8.0_144/bin/jar 2
# alternatives --install /usr/bin/javac javac /opt/jdk1.8.0_144/bin/javac 2
# alternatives --set jar /opt/jdk1.8.0_144/bin/jar
# alternatives --set javac /opt/jdk1.8.0_144/bin/javac

Step 3 – Check Installed Java Version

Check the installed Java version on your system using following command.

root@tecadmin ~# java -version

java version "1.8.0_144"
Java(TM) SE Runtime Environment (build 1.8.0_144-b01)
Java HotSpot(TM) 64-Bit Server VM (build 25.144-b01, mixed mode)

Step 4 – Setup Java Environment Variables

Most of Java based application’s uses environment variables to work. Set the Java environment variables using following commands

Setup JAVA_HOME Variable

export JAVA_HOME=/opt/jdk1.8.0_144

Setup JRE_HOME Variable

export JRE_HOME=/opt/jdk1.8.0_144/jre

Setup PATH Variable

export PATH=$PATH:/opt/jdk1.8.0_144/bin:/opt/jdk1.8.0_144/jre/bin

Also put all above environment variables in /etc/profile file for auto loading on system boot.

Change MySQL root Password using Command Line in WAMP Server

noreply@blogger.com (Blog Admin) — Wed, 08 Mar 2017 08:51:00 +0000

You can change root password using command line in wampserver or wampmanager, just follow the steps to change the root password.

click on wampmanager, go to MySQL and Open the MySQL Console.
By default the password in null (means no password). Just hit Enter
Run the following sql command.

SQL Query to Change root Password in WAMP

mysql> update mysql.user SET password=password("new_password") where user="root"; hit enter

Your password updated and you will get Query OK message. Then click on the wampserver (bottom right) which is running in task bar and select Restart All Services.

Windows Server 2008 Image thumbnails not showing

noreply@blogger.com (Blog Admin) — Wed, 23 Apr 2014 08:50:00 +0000

This is easy to fix, do the following:

Click Start and Right-Click on "Computer" and choose "Properties", (or if like me you like your "Computer" icon on your desktop then just Right-Click on the computer icon on your desktop).

Under "Tasks" on the left hand list of options click "Advanced System Settings"

On the "Advanced" tab, in the "Performance" group, click "Settings"

On the "Visual Effects" tab find and tick the following option "Show thumbnails instead of icons"

Click Ok

You should now be able to browse your images as thumbnails again.

OR

Previews of media files are disabled by default in Windows Server 2008. In this article we will enable it so we get the small previews back again!

1. Open the Start menu and click Run. Now enter SystemPropertiesPerformance and click OK. In thePerformance Options window at least check the Show thumbnails instead of icons option. If you are using themes you should also check the Use visual styles on windows and buttons option to keep you theme.

2. If we now browse to C:\Windows\Web\Wallpapers as a test we can see that we now have previews for pictures! Previews should also work for most movie files. Note that you have to set the View toSmall Icons, Medium Icons, Large Icons or Extra Large Icons in order to see the previews.

Great Examples Of Menu Designs

noreply@blogger.com (Blog Admin) — Fri, 31 May 2013 09:19:00 +0000

MenuMatic Vertical Example

Example

Click to DEMO

MenuMatic Horizontal Example

Example

Click to DEMO

Suckerfish Dropdown

Example

Click to DEMO

Kwicks for jQuery horizontal animated menu

Example

Click to DEMO

Dropline with current selection

Example

Click to DEMO

Prototype type Vertical Menu

Example

Click to DEMO

Digg like Navigation Bar using CSS

Example

Click to DEMO

Flickr Menu

Example

Click to DEMO

Simple CSS vertical menu Digg-like

Example

Click to DEMO

GettyImages like search options menu with Scriptaculous

Example

Click to DEMO

Fancy Sliding Tab Menu

Example

Click to DEMO

Urban Gray Accordion Menu

Example

Click to DEMO

Glossy Accordion Menu

Example

Click to DEMO

Bullet List Accordion Menu

Example

Click to DEMO

Create a Slick Tabbed Content Area using CSS & jQuery

Example

Click to DEMO

Slate CSS Menu

Example

Click to DEMO

Vert-one CSS Menu

Example

Click to DEMO

Classics CSS Menu

Example

Click to DEMO

Rounded CSS Menu

Example

Click to DEMO

Matte CSS Menu

Example

Click to DEMO

Dolphin CSS Menu

Example

Click to DEMO

Jungle CSS Menu

Example

Click to DEMO

Fisheye JavaScript Menu

Example

Click to DEMO

Lava Lamp Menu Examples

Example

Click to DEMO

SuckerFish Style using jQuery

Example

Click to DEMO

Create Vimeo-like top navigation

Example

Click to DEMO

Drop Down List of Countries

noreply@blogger.com (Blog Admin) — Wed, 10 Oct 2012 12:25:00 +0000

Drop Down List of Countries

If you're looking for a country list with ISO codes for HTML dropdowns to quickly copy and paste into a website.

ISO List of Countries Dropdown HTML Downloads

List of All Countries with ISO Codes

Country dropdown HTML (ISO Codes as the value)

Country dropdown HTML (Lowercase ISO Codes as the value)

Country dropdown HTML (Country names as the value)

Country dropdown HTML (Country names with underscores as the value)

List of countries separated by a semicolon

Turn OFF Directory Listing - Wampserver

noreply@blogger.com (Blog Admin) — Tue, 09 Oct 2012 09:32:00 +0000

For security, you might wish to turn off the directory browsing capability on your Apache server.

Click - WAMPSERVER icon in Task bar.

1. Open httpd.conf file.

2. Find keyword - "Indexes"

3. Search result.

>

which allows the user to browse the directory structure.

4. to turn directory browsing off, I added a "-" in front of Indexes after Options.

5. Finally restart All wampserver Services.

Now the user receives a "403 forbidden" error when attempting to browse the directory structure.

How to Enable .htaccess in Wampserver

noreply@blogger.com (Blog Admin) — Tue, 09 Oct 2012 09:14:00 +0000

If we are using any of the frame works in php like cakephp, simphony or open source tools for CMS like WordPress, Drupal etc, or any other scripts, you need to enable htaccess in wamp server

Internally they depend on .htaccess in many cases.

Click on the wampserver Icon in task bar
Select Apache->httpd.conf

look for the line "#LoadModule rewrite_module modules/mod_rewrite.so"
un-comment the line "LoadModule rewrite_module modules/mod_rewrite.so"
Restart All services

How to Reset My WordPress Admin Password?

noreply@blogger.com (Blog Admin) — Wed, 26 Sep 2012 09:23:00 +0000

You have to do this through the WordPress database directly. The most convenient way to manage the database is via the phpMyAdmin tool at your web hosting account.

Once in phpMyAdmin select the WordPress database from the drop-down menu on the left. The page will refresh and the database's tables will be displayed on it. Open the SQL tab (look at the top navigation bar).

In the text field write the following SQL query:

UPDATE 'wp_users' SET 'user_pass' = MD5( 'new_password_here' ) WHERE 'wp_users'.'user_login' = "admin_username";

"new_password_here" - replace this with the new password you wish to use.
"admin_username" - replace this with the username the password should be updated for.

Once you are ready, click on the GO button to submit the query. If everything goes fine without errors, you should be able to login to WordPress with the new password.

Google Extension Effect with CSS or jQuery or MooTools JavaScript

noreply@blogger.com (Blog Admin) — Fri, 20 Apr 2012 12:14:00 +0000

HTML - CSS Only Method

<div class="item itemCss">
 <a href="javascript:;">
  <div class="item-billboard item-billboard-css">
   <img src="my-chrome-theme.jpg">
  </div>
  <div class="item-detail">
   <p>There's more detail about the item inside this DIV!</p>
  </div>
 </a>
</div>

HTML - MooTools Method

<div class="item itemJs">
 <a href="javascript:;">
  <div class="item-billboard" style="margin-top: 0px;">
   <img src="my-chrome-theme.jpg">
  </div>
  <div class="item-detail">
   <p>There's more detail about the item inside this DIV!</p>
  </div>
 </a>
</div>

HTML - jQuery Method

 <div class="item itemJQuery">
  <a href="javascript:;">
   <div class="item-billboard" style="margin-top: 0px;">
    <img src="my-chrome-theme.jpg">
 </div>
   <div class="item-detail">
    <p>There's more detail about the item inside this DIV!</p>
   </div>
  </a>
 </div>

CSS

.item {
  position: relative;
  width: 240px;
  overflow: hidden;
  border: 1px solid #ccc;
  }
  
.item {
  height: 200px;
  }
  
.item-billboard-css {
    
  -webkit-transition-property: margin-top;
  -webkit-transition-duration: .5s;
  
  -moz-transition-property: margin-top;
  -moz-transition-duration: .5s;
  
  -o-transition-property: margin-top;
  -o-transition-duration: .5s;
  
  -ms-transition-property: margin-top;
  -ms-transition-duration: .5s;
  }
  
.itemCss:hover .item-billboard {
  margin-top: -200px;
  }
  
.item a {
  text-decoration: none;
  color: #000;
  }
  
.item-billboard, .item-detail {
  padding: 10px;
  height: 180px;
  }
  
.item-billboard {
  margin-top: 0;
  background: #fff;
  }
  
.item-billboard h3 {
  font-size: 13px;
  font-weight: bold;
  color: #262626;
  }
  
.item-detail {
  /*background: #ececec;*/
  background: #cd0000;
  color:#FFFFFF;
  }

jQuery.js

Click to Download

MooTools.js

Click to Download

jQuery-Scripts.js

Click to Download

MooTools-Scripts.js

Click to Download

Example

Click to DEMO

phpMyAdmin Fix in WampServer

noreply@blogger.com (Blog Admin) — Wed, 11 Jan 2012 11:45:00 +0000

403 Forbidden

You don't have permission to access /phpmyadmin/ on this server.

The error you're getting is typical of a missing setting in the Apache conf file. Specifically...

1) Look for "httpd.conf" and edit it with notepad.

2) Look for a section that defines directories, something like this...

<Directory "c:/phpmyadmin">

AllowOverride All

Order allow,deny

Allow from all

</Directory>

Of course the actual path for PhpMyAdmin will vary with your installation. Or it may not even be there yet, in which case you need to add it.

How to Find My Facebook ID

noreply@blogger.com (Blog Admin) — Wed, 14 Dec 2011 02:02:00 +0000

Go to "Facebook.com" and enter your email address and password to log in to your account
Click on the word "Profile" that can be found at the top left of the page. This will bring you to your personal profile page. Several tabs including "Wall," "Photos," "Info" and "Boxes" appear under your name.
Click on the tab "Photos" just below your name. Your photo albums will be visible once the page loads.
Click any one of the photos in your album. Once the photo loads move your mouse to the URL bar in your browser. This is where you would normally type in a web address.
Move the cursor to the end of the URL, if needed. Some URLs are short enough that the number will be visible immediately. Look for a series of numbers. There may be more than one series of numbers in the URL. Find the set that follows "id=". This is your Facebook ID.

how to reset super administrator password in Joomla 1.5 + ?

noreply@blogger.com (Blog Admin) — Thu, 27 Oct 2011 11:33:00 +0000

Basically, Joomal 1.0 used a md5 hash, made a 32 character hash.

Follow Directions

1. Use a MySQL utility such as phpMyAdmin.

2. Open the database and select the table, jos_users . (replace jos_ with hyour own table prefix as appropriate).

3. Select the record for the administrator account - by default this is user 62.

4. Copy and paste the MD5 # below.

21232f297a57a5a743894a0e4a801fc3

5. Click Go to save the changes.

6. Point your browser to http://yoursitedomain.com/administrator . Enter the username admin and the password admin in the login box.

7. Once logged in go to User Manager and select the user you have just logged in with using this password and username and change the password for the user to something else. This is extremely important. Joomla! will encode this new password with the MD5 # and SALT encryption automatically.

8. Check all is ok with Front-end access by opening your site http://yourdomainname.com and logging in using the username admin and password as you have just set it in the Back-end.

30 Free Web 2.0 Fonts

noreply@blogger.com (Blog Admin) — Wed, 11 May 2011 10:59:00 +0000

Days typeface

Visit Source

DustHome

Visit Source

Tin Birdhouse

Visit Source

Arkitech Light

Visit Source

Fontin Sans Cyrillic

Visit Source

Moderna

Visit Source

Fontin

Visit Source

Rezland

Visit Source

Tondo v0.1

Visit Source

Calluna

Visit Source

Automatica

Visit Source

Evolution True Type

Visit Source

Corpulent

Visit Source

Museo Sans

Visit Source

Airstrip Four

Visit Source

Miso typeface

Visit Source

Photonica

Visit Source

solgas_font_byweknow

Visit Source

Ubuntu Title

Visit Source

Star Avenue

Visit Source

Arista

Visit Source

Fertigo pro

Visit Source

frozenpandaman_font_byweknow

Visit Source

Lacuna

Visit Source

Simplistic

Visit Source

PT Sans

Visit Source

Bohemica

Visit Source

Hattori Hanzo typeface

Visit Source

Motoplatio

Visit Source

Delicious

Visit Source

Change login link to logout [Joomla]

noreply@blogger.com (Blog Admin) — Mon, 26 Jul 2010 06:16:00 +0000

How to change the 'login' menu item to 'logout' after the user has logged in?
I really struggled to find the solution for this. So here goes ...

Note: This solution is only for those users who want to use the Login link in the menu and connect it to the com_login in the main body of their joomla site

Summary:

We will try and achieve the desired result by creating two similar menus and two module positions corresponding to each menu.
The difference between the two will be that one has a Login link, the other has the Logout link.
We will then insert a piece of code in the template to toggle between the menus based on user login.

Steps:

Go to Site, Template Manager, Module Positions
Create 2 new module positions: pos_menuguest and pos_leftmenureg.
(These will be used to switch between the login and logout button)
Go to Menu, Menu Manager
Create 2 Menu's: menuguest and menureg
Go to Menu, menuguest
Add the menu items you want shown when you are NOT logged in
Make sure that your "Login" link is part of menuguest
Go to Menu, menureg
Add the content you want shown when you are logged in
Make sure that the "Logout" link is part of menureg and Login IS NOT PART of menureg
To ensure that there is no problem, change the Access Level of the Logout link to "Registered"
Go to Modules, Site Modules, menuguest
Assign it to position pos_menuguest
Go to Modules, Site Modules, menureg
Assign it to position pos_menureg
Open your index.php of your template
(or go to Site > Template Manager > Site Template > Edit HTML)
Add the following in the appropriate place
(usually within the "left_inner" div or the position in your template where you want the menu to appear)
```
<?php
if ($my->id) {
  mosLoadModules ('pos_menureg');
}
else {
  mosLoadModules('pos_menuguest');
}
?>
```

If you have understood this procedure, you should be able to apply it to mod_login in a similar manner if required. This technique can be applied to other aspects of your site, like changing images, news items etc which depend on user login and cannot be controlled by joomla core.

Cloud Zoom – jQuery Image Zoom Plugin

noreply@blogger.com (Blog Admin) — Wed, 07 Jul 2010 09:56:00 +0000

Cloud Zoom is a lightweight (6kb) image zoom plugin for jQuery that allow you to add image zooming functionality to any web pages. You can use this plugin to create zoomable images with different effect such as tint effect, inner zoom and soft focus.

Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatibility across all browsers. By default, It works in a "gallery mode" which automatically display a list images, These are the ‘out of the box’ settings, with the big image appearing to the right of the small image. The appearance of the smaller image, lens and zoom window can be easily altered with regular CSS.

Features of Cloud Zoom

   1. Cross browser compatible jQuery image zoom plugin
   2. Easy integration with basic valid HTML
   3. Lightweight 6Kb (minified) script.
   4. Smooth zoom movement.
   5. Gallery mode.
   6. Tint, soft focus and inner zoom features
   7. Degrades gracefully with JavaScript turned off.
   8. Fully accessible with no CSS or text only browsers.
   9. It’s completely Free
  10. intensity of tint is fully customizable

Ultimate Free icon pack by WooThemes

noreply@blogger.com (Blog Admin) — Tue, 06 Jul 2010 09:21:00 +0000

WooThemes have just released a fantastic free icon pack for web developers. The free download contains all 79 icons, sized at 256×256 pixels and available in both PNG and GIF formats.

Ultimate Free icon pack by WooThemes

10 high quality E-Commerce icons in PNG format

noreply@blogger.com (Blog Admin) — Tue, 06 Jul 2010 09:10:00 +0000

E-Commerce Icon Set inclides Products on Sale, New Porducts, Checkout, Secure Payment, Credit Cards, Delivery, Shopping Bag, Empty Shopping Bag, Shopping Cart, Empty Shopping Cart. Usage: Free for Personal and Commercial Projects (Size: 128, 64, 48, 32px)

10 High Quality E-Commerce Icons in PNG Format

E-Commerce Icon Sets

noreply@blogger.com (Blog Admin) — Mon, 05 Jul 2010 04:40:00 +0000

Weby Icon Set

Chalkwork Payments

Credit Cards Icons

Web Application Icons

noreply@blogger.com (Blog Admin) — Fri, 02 Jul 2010 12:29:00 +0000

GiNUX

Alcohol

chalkwork html

open source icons

primo

siena

shine

shiny

Standard Iconset

Gnome Icon

project icon set

Absque

google-maps-icons

Sixpack status – free icon pack

quartz icon set

office Icons

MinIcons

web development icons

Create Vimeo Like Top Navigation

noreply@blogger.com (Blog Admin) — Thu, 01 Jul 2010 12:44:00 +0000

Most is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search.
The base for this tutorial is simple CSS drop down menu based on unordered list. The structure is visually described in the image below:

As you can see we have UL with four items. The first one is logo with short submenu. Then comes login link, Help link with submenu and search item with submenu. Each submenu is being shown when hover corresponding link.

HTML

<ul id="menu">    
      <li class="logo">     
          <img style="float:left;" alt="" src="menu_left.png"/>     
          <ul id="main">     
              <li>Welcome to <b>Create Vimeo-like top   navigation</b> tutorial!</li>     
          </ul>     
      </li>     
      <li><a href="#">Login</a>     
      </li>     
      <li><a href="#">Help</a>     
          <ul id="help">     
              <li><a href="#">General   help</a></li>     
              <li><a href="#">Posts</a></li>     
              <li><a href="#">Pages</a></li>     
          </ul>     
      </li>     
      <li class="searchContainer">     
          <div>     
          <input type="text" id="searchField" />     
          <img src="magnifier.png" alt="Search" onclick="alert('You   clicked on search button')" /></div>     
          <ul id="search">     
              <li><input id="cbxAll" type="checkbox"   />All</li>     
              <li><input id="Articles" type="checkbox"   />Articles</li>     
              <li><input id="Tutorials" type="checkbox"   />Tutorials</li>     
              <li><input id="Reviews" type="checkbox"   />Reviews</li>     
              <li><input id="Resources" type="checkbox"   />Resources</li>     
          </ul>     
      </li>     
  </ul>     
  <img style="float:left;" alt="" src="menu_right.png"/>

CSS

/* menu */    
  #menu{ margin:0px; padding:0px; list-style:none; color:#fff;   line-height:45px; display:inline-block;     
      float:left; z-index:1000; }     
  #menu a { color:#fff; text-decoration:none; }     
  #menu > li {background:#172322 none repeat scroll 0 0;   cursor:pointer; float:left; position:relative;     
      padding:0px 10px;}     
  #menu > li a:hover {color:#B0D730;}     
  #menu .logo {background:transparent none repeat scroll 0% 0%;   padding:0px;     
      background-color:Transparent;}     
  /* sub-menus*/     
  #menu ul { padding:0px; margin:0px; display:block; display:inline;}     
  #menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px;   width:150px; line-height:16px;     
      background-color:#172322; color:#0395CC; /* for IE */ display:none; }       
  #menu li:hover ul { display:block;}     
  #menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;    border-top: dotted 1px #606060;     
      list-style-type:none; }     
  #menu li ul li:first-child { border-top: none; }     
  #menu li ul li a { display:block; color:#0395CC; }     
  #menu li ul li a:hover { color:#7FCDFE; }     
  /* main submenu */     
  #menu #main { left:0px; top:-20px; padding-top:20px;   background-color:#7cb7e3; color:#fff;     
      z-index:999;}     
  /* search */     
  .searchContainer div { background-color:#fff; display:inline;   padding:5px;}     
  .searchContainer input[type="text"] {border:none;}     
  .searchContainer img { vertical-align:middle;}

But as you can see this is far away from the good looking Vimeo navigation. It is functional, of course, but we need that pretty rounded corners everywhere. The solution is actually simple and it is described in the image below:

submenu

<li><a href="#">Help</a>    
      <ul id="help">     
          <li>     
              <img class="corner_inset_left" alt=""   src="corner_inset_left.png"/>     
              <a href="#">General help</a>     
              <img class="corner_inset_right" alt=""   src="corner_inset_right.png"/>     
          </li>     
          <li><a href="#">Posts</a></li>     
          <li><a href="#">Pages</a></li>     
          <li class="last">     
              <img class="corner_left" alt=""   src="corner_left.png"/>     
              <img class="middle" alt="" src="dot.gif"/>     
              <img class="corner_right" alt=""   src="corner_right.png"/>     
          </li>     
      </ul>     
  </li>

Corners

/* corners*/    
  #menu .corner_inset_left { position:absolute; top:0px; left:-12px;}     
  #menu .corner_inset_right { position:absolute; top:0px; left:150px;}       
  #menu .last { background:transparent none repeat scroll 0% 0%;   margin:0px; padding:0px;     
      border:none; position:relative; border:none; height:0px;}     
  #menu .corner_left { position:absolute; left:0px; top:0px;}     
  #menu .corner_right { position:absolute; left:132px; top:0px;}     
  #menu .middle { position:absolute; left:18px; height: 20px; width:   115px; top:0px;}

DEMO

Video Player for HTML5

noreply@blogger.com (Blog Admin) — Wed, 30 Jun 2010 12:17:00 +0000

This is the list of HTML5 Video Player that can use in your site:
1. jMediaelement is a jQuery HTML audio-video development kit with can fallback to Flash and VLC for incompatible browsers.

http://protofunc.com/jme/
2. Video JS is a JavaScript-based HTML5 video player that falls back to Flowplayer for unsupported browsers .

Video JS

http://videojs.com/
3. JW Player For HTML5 is a totally skinnable and configurable player based on the tag of HTML5.

JW Player For HTML5

http://www.longtailvideo.com/support/jw-player/jw-player-for-html5
4. CwVideo is a toolkit for using and controlling HTML5 video with MooTools.

CwVideo

http://www.chipwreck.de/blog/software/cwvideo/
5. Kaltura, an advanced video publishing platform, is sharing a free and open source HTML5 Video & Media JavaScript Library.

Kaltura

http://corp.kaltura.com/
6. OSM Player is a highly customizable and open source HTML5 media player that is built with jQuery.

OSM Player

http://www.mediafront.org/project/osmplayer
7. Projekktor is an open source HTML5 video player that is built with pure JavaScript but uses Flash when there is no native H.264 support.

Projekktor

http://www.filenew.org/projekktor/
8. Video For Everybody is a smartly created HTML code for embedding videos into websites using the HTML5 element.

Video For Everybody

http://camendesign.com/code/video_for_everybody

MyClientBase - Open Source Web Invoice Management

noreply@blogger.com (Blog Admin) — Wed, 30 Jun 2010 07:21:00 +0000

MyClientBase is Free and Open Source Software
MyClientBase is a simple, intuitive, free and open source web based invoice management system developed with freelancers in mind.
On MyClientBase web invoice management, you can create invoices, view payments, invoice reports and effective client invoice data management. The Dashboard will be displayed upon first logging in to MyClientBase. The Dashboard contains a recent list of open and closed invoices, and may contain other dashboard widgets from custom modules.
This web invoice management application is built from with PHP CodeIgniter framework with MySQL database supported.

Simple Invoices: Open Source Web-based Invoicing

noreply@blogger.com (Blog Admin) — Wed, 30 Jun 2010 07:15:00 +0000

Simple Invoices is a simple, free/open source, And web-based invoicing system.

Some great feature:

Web based application
Keep track of your money
Email your invoices as PDF
Multiple invoice types

AeroWindow - Plugin for jQuery

noreply@blogger.com (Blog Admin) — Wed, 30 Jun 2010 06:53:00 +0000

AeroWindow - Plugin for jQuery - Windows Aero Style for Web sites
AeroWindow create pop-up window in the Aero style, inspired by the style of Window7. The popup window offers the usual options and full functionality similar to Windows windows.

Features

Special feature: Live animated Aero Glossy look (see header when moving)
Usual window buttons: Minimize, Zoom, Maximize and Close
Double-click support, such as in windows (maximize, zoom out)
Active window is highlighted visually, as in Windows
User-infinitely scalable window size
Sliding window by mouse dragging
Usual Z-order management, as in Windows
+ Animated changing the window size
+ Multiple configuration options

Configuration options

Window Title
Window Start Position X / Y (possible should also centered)
Standard Window Size
Minimum window size
Status at the open window (minimized, maximized, normal)
Window animation (30 different easing methods)
Window generation by mouse events & JavaScript function calls

Compatibility tested in the following browsers

Internet Explorer 6
Internet Explorer 7
Internet Explorer 8
Mozilla Firefox 3
Google Chrome 4
Apple Safari 4
Opera 10

Easy to use with existing websites

Use AeroWindow into your existing website. The integration is easy.

The simplest way to link AeroWindow:

$ ('# YourContainerDiv'). AeroWindow ((WindowTitle: 'My first very cool Aero Window for Web',));

Special configuration requirements can be optionally add simple:

$ ('# YourContainerDiv'). AeroWindow ((WindowTitle: 'My first very cool Aero Window for Web', 
WindowPositionTop: 'center', WindowPositionLeft: 'center', WindowWidth: 600, WindowHeight: 400, 
WindowMinWidth: 100, WindowMinHeight: 100, Window Animation Speed: 500, 
Window Animation: 'easeOutCubic' WindowResizable: true, WindowDraggable: true, 
WindowMinimize: true, WindowMaximize: false, WindowClosable: true));

Sypex Dumper: Free web application for backups MySQL databases

noreply@blogger.com (Blog Admin) — Wed, 30 Jun 2010 06:18:00 +0000

Sypex Dumper is free web application for backups of MySQL databases. It is built with PHP, has an Ajaxed interface & can restore databases as well.
The application can work with gb-level huge databases as it easily bypasses the timeout limits of PHP by pausing/starting backup jobs.

Sypex Dumper can optionally check, optimize & repair tables or automatically delete older backups to save space.

It has support for file compression (Gzip and Bzip2) & offers a multilingual interface.

Sypex Dumper is licensed under the BSD license, i.e. it is absolutely free. Sypex Dumper is also integration into WordPress 2.9.x and vBulletin 3.8.xs