Fish - Give feeds to fish by click on the animation area...

Watch them as they follow your mouse hoping you will feed them by clicking the surface of the water.

DropDown Menu using CSS3

Today, CSS3 has become a buzzword of modern web designers and developers around the globe. With its ground-breaking features, CSS3 has made a profound impact on the web designer community by making the lives of web designers easier and fun filled. Here in this post Deepu Balan going to explain such a cool CSS3 feature called :target Pseudo Class. By playing around and experimenting with the :target pseudo class, He have developed a cool looking pure CSS dropdown menu. This menu is developed wholly using CSS and HTML, no images or javascripts used. Hence it is easily customizable for anyone with very basic css/html knowledge.

Source website & Download

CSS3 Lightbox by Codrops

Today Codrops want to show you how to create a neat lightbox effect using only CSS. The idea is to have some thumbnails that are clickable, and once clicked, the respective large image is shown. Using CSS transitions and animations, we can make the large image appear in a fancy way. With the help of the pseudo-class :target, we will be able to show the lightbox images and navigate through them.

View Demo  Source Website & Download

DOCTYPE - Definition and Usage

The doctype declaration should be the very first thing in an HTML document, before the tag.

The doctype declaration is not an HTML tag; it is an instruction to the web browser about what version of the markup language the page is written in.

The doctype declaration refers to a Document Type Definition (DTD). The DTD specifies the rules for the markup language, so that the browsers render the content correctly.

CSS Rounded Corners for IE also

Supported Browsers:
- Internet Explorer
- Firefox
- Safari
- Chrome
- Opera


Add this to your CSS Class:
You can change the radius of the rounded corners - for example: 20px; 30px; 40px;



-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;



Additional, add this code between your head tags:
And put this file: curvycorners.src.js in the root folder.



<script type="text/JavaScript" src="curvycorners.src.js"></script>



Example - The CSS code should look like this:
.frame { width:700px; background-color:#fff; background-position:right; margin-left:25px; padding-left:50px; padding-bottom:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding-top:10px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }


HTML Markup:
<div class="frame"> Text Goes here... </div>

Drupal Side/Sub Menu code

Copy this code and paste it on block...

<?php
     $main = menu_navigation_links('main-menu', '1');
     echo theme('links__system_main_menu', array(
       'links' => $main,
       'attributes' => array(
         'id' => 'main-menu',
         'class' => 'active-trail'
       ),
     ));
?>

Drush Instalation on Windows

Video Tutorial: http://vimeo.com/15371661
Other helpful Link: http://ninjagirl.com/posts/013/installing-drush-windows


------

Words in my experience - it woks well  :-)

Step1: Install Wamp server on your system

Step2:

Download DRUSh from this website for full package - http://www.7-zip.org/

OR (click on below link for your choice)

-----------------------------------------------------------------------

Download 7-Zip 9.20 (2010-11-18) for Windows:

Link	Type	Windows	Size
Download	.exe	32-bit x86	1 MB
Download	.msi	64-bit x64	1 MB

-----------------------------------------------------------------------

Place this folder on c drive or somewhere…

Step3:

Download and install all additional applications - Wget, Tar, LibArchive and Gzip from  this website http://gnuwin32.sourceforge.net/packages.html

Step4: In this step you have to take paths like shown in the below.
Go to C:\wamp\bin ->

C:\wamp\bin\php\php5.2.5

C:\wamp\bin\mysql\mysql5.0.45

C:\wamp\bin\apache\apache2.2.6
And Drush location path
C:\drush

Step5:
Copy all above paths and past on
 

Like this: %SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;C:\wamp\bin\php\php5.2.5;C:\wamp\bin\mysql\mysql5.0.45;C:\wamp\bin\apache\apache2.2.6;And Drush location path;C:\drush;

Step6: type drush command on CMD – You will get all drush commands – So it is ready to work with drush