Welcome To Devils Workshop!!!

Download Complete Windows Live Essentials 2011 Offline Installer

Posted: 09 Nov 2010 06:10 AM PST

Windows Live Essentials 2011 are a bunch of free software from Microsoft which is very useful for many things like viewing and managing photos, email, chatting with friends and also other features like creating movies. It also has my personal favorite blogging tool Windows Live Writer.

I often see many people have limited plans when it comes to internet usage and hence might not be able to install such software. Also if you install it from Microsoft Download center, you it will get an installer which installs a small file and then starts to install the complete software from the internet. This is where a standalone offline installer will be useful.

What you get with Live Essentials?

Software like Live Mail for managing your email. Movie Maker for making home movies.
It also had Live Mesh which allows synchronizing folders on different computers using Windows 7 or Vista.
Other things includes Live Writer which is an excellent blogging tool along with Live Messenger which allows chatting with your online contacts.

Requirements for Windows Live Essentials 2011

The software requirements for Windows Live Essentials 2011 are either a Windows 7 operating system or a Windows Vista with Service Pack 2. The offline installer is good to work with any of the operating systems.

Download: Windows Live Essentials 2011 (151 MB)

Albeit the file is very large but it can be downloaded on your pen-drive from a high-speed connection and installed on any Windows 7 or Windows Vista computer you have.

Do not worry about the authenticity of the download link as it is from Microsoft server!

-- This Post Download Complete Windows Live Essentials 2011 Offline Installer is Published on Devils Workshop .

Clear parent element in CSS using clearfix

Posted: 09 Nov 2010 01:20 AM PST

Overflow:hidden is very popular method to clear floats without adding extra markup. I always use overflow:hidden but it becomes undesirable in few circumstances where I place absolute positioned element it cuts off the element. So we can make use of different methods.

I have explained it with two different examples below how we can clear the parent element.

A parent div with child element which has float property affects the parent div or makes it disappear.

General

<div class=”parent”>
<div class=”child”>child 1</div>
<div class=”child”>child 2</div>
<div class=”child”>child 3</div>
<div class=”child”>child 4</div>
</div>
——————————————–
.parent {   width: 416px;   padding: 20px ; background-color: tan;   }
.child {   width: 200px;   height: 100px;   float: left; border: 1px solid #000;   margin:2px;   background-color: green   }
.clear {   clear:both   }

As you can see in the below image what happens when the child element has float property.

I have added an extra div at the end this it will clear the float and solves the issue but in the next example I will show you how to clear it without including extra markup.

Method 1

<div class=”parent”>
<div class=”child”>child 1</div>
<div class=”child”>child 2</div>
<div class=”child”>child 3</div>
<div class=”child”>child 4</div>
<div class="clear"></div>
</div>

After clearing the float it results in something like this.

Now I am adding a class to a parent element which forces its children to self clear, in this technique we do not have to create extra markup. Both technique results in same but I found using clearfix better as it is also implemented in HTML5 Boilerplate.

Method 2

<div class=”parent clearfix“>
<div class=”child”>child 1 </div>
<div class=”child”>child 2 </div>
<div class=”child”>child 3 </div>
<div class=”chlid”>child 4 </div>
</div>
——————————————–
.clearfix:before,
.clearfix:after {
content: “.”;
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */