Killer Coming Soon Page CSS

Well every website needs branding no matter what you are offering. A killer coming soon page is way to go, to create all the necessary hype and positive user feeling even before its launched.

How it was made it?
Thanks to the  awesome Mary Lou Tutorial example 2. (btw others are also equally awesome).

I tweaked CSS animations. Introduced a small HTML5 web form for email subscription. Added a PHP backend.

So, the conclusion is that, it is ready to use coming soon page with database backend, just change the text and php values and use it.

Hope it will be helpful to someone and save time for those who are short of it :)

Here you can download it  ::  ComingSoonPage Link 1
                                             ComingSoonPage Link 2  


                                          
Check out your coming soon page in Action  ::  LIVE DEMO

What it includes  :
HTML files : Optimized pages, no need to code for non tech guys.
All the required JS
CSS obviously
PHP backend file

flanker.mindwars.in/comingsoon

Any suggestions any demands? Comments are welcomed.

Universe and Thoughts

Universe, word that generates thousands of thoughts in the human brain throughout 

his or her lifetime. On hearing the word universe, for most of the people the first 

thought that comes to their mind is that of a beautiful clear night sky full of stars 

of some picture of the solar system that we may have seen throughout our life. 

Never does come, a thought of a Black Hole or some distant part of universe. 

Though black holes are also very much part of this universe. Is imagination or 

thoughts of a human mind really without limits ?? What we imagine is the product

of what happens around us, to our liking our brain selects the few events or anything 

that the body has felt or eyes have observed and weaves around that basic feeling 

or observation a whole fabric of imagination. Into the play comes our past experiences

and our memories which together with the selected memory or thought or feeling or

what we like to think makes the fabric of our imagination our dreams. So we can't 

think or imagine what we haven't experienced or seen anything in relation to.

It can be said that our definition of universe or the origin and working of universe 

functions in the same way. Till now what we have known about the universe is based 

upon our past observations, works, researches. As we discover new frontiers we gain 

more knowledge and with new knowledge our thoughts changes their course of 

previous thinking and together with them our mind weaves new fabric of our imagination.

Our universe cannot live outside our minds. With flowing time we generate new 

imaginations and at the same time the universe also changes, both ours and the 

one that actually exist. We don't have any means to measure the changing of our 

thoughts with the changing of universe. The Uncertainity which is observed at the 

atomic level is also present in the universe.

Universe constantly changes and so our thoughts. But if changing of our thoughts or 

experiences or you can say the speed of us gaining new knowledge can outrun the 

speed of change of universe then, maybe if we survive that long we may be able to 

know all the secrets of universe and be able to look ahead or look into the future of 

universe.



Just a thought I like to think, doesn't matter if its stupid, wrong or weird because our 

imagination after all is part of the universe and it's physical.

Free Social Network Icons CSS Sprites

Using icons, rollovers in website if a very common practice and it makes the content visually pleasing and at the same time improving the usability of the website. But more the number of pics of icons or rollovers
more the http request. That means with every seprate pic you use, your site makes http request for every pic which in turns affect the performance of the site everytime it loads.
Css provides a clever way out of this situation in form of Css sprites. Css sprite is a single pic made of many pics that you are using across your website. For example the image below :

(7kb) Before rollover

Before you hover mouse on it :
 What CSS code looks like -

(8kb) After rollover

 

#div img

{ background : url( path to image) ;

  background-position : 0(left), 0(top); }

After you hover mouse :
What CSS code looks like  :

#div img:hover

{ background : url( path to image);

  background-position : 0%, 100%;}

But in reality the 2 images are in the end one pic only. The position of images is calculated as shown in fig. Thus using one single image instead of 2 images and this in turn reduces the number of http requests and the size of bigger image is smaller than the size of two seprate images combined. In this case size of image1 and image2 sums up to 15kb whereas size of the bigger image came to be 12kb. So CSS Sprites are very helpful when it comes to website optimization.




Free Social Icons CSS Sprites


See CSS Sprite in a Action  :

flanker.mindwars.in

Free Download                     :-    Socialsprites

                                   
Note : Click on the LINK at the bottom of download page.
              

Included  resolutions

128x128                64x64                    32x32

Don't have any idea how to use it ?
Don't worry    1. Download the zip file and unzip it
                      2. All the CSS and HTML code with explanation is included so all you
                          have to  do is  COPY and PASTE only.


Made simple CSS sprite of Social Network Icons hope it helps someone :)

The Bourne Legacy, without Bourne

Well the new Bourne Legacy theatrical trailer is out and it looks good. No Matt Damon and no Paul Greengrass meant that studio had to get the lots of starpower to maintain interest of a Bourne fan like me in the franchise. They did exactly the same, bringing in some starpower in form of  Jeremy Renner, Edward Norton and Rachel Weisz. Ironically, the film series has some similarities with the novel also, the first three were written Ludlum thats Identity, Supermacy and Ultimatum which were a trilogy in there own. After Ludlum's death the series was continued by Eric Van Lustbader, starting from Legacy.

So in terms of watching movie as a fan of Matt Damon as Bourne, I and many like me will be treating it like a franchise which was complusion of studio to continue because the first three movies earned them a cult following and ofcourse big bucks. Though they did some smart thinking in not continuing the character of Bourne with Renner, which would have been a very risky gamble. I don't want to take anything away from that guy but I can't imagine any other actor as Bourne other than Matt Damon, well they are good at making it that way only. But as a disoriented, confused and clueless guy who goes by his instinct in a hostile enviroment, with everyone after his life for seemingly no reason, Matt Damon was great. In trailer its mentioned, he's the agent(Renner) without inconsistencies so he will be going in hot without any problems Bourne had. Nevertheless action seems to be badass as usual and the guy who wrote screenplay for previous movies Tony Gilroy is the director, inresting to is if they can take forward the Legacy, left by Damon and Greengrass.