Sublime Text 3 Build 3059 Crack

Sublime Text is a light weight integrated development environment , but hefty in terms of support  . Though great it comes with a heavy price tag of  $70 . This calls for hacking an' cracking .

Firstly grab the Sublime Text 3 package from the official website .

Then follow the below steps as per your operating systems.

**It doesn't seem to work on OS X 10.9 Marvericks** 

The links dosen't seem to work due to dropr linitations  , here' s another link that will work 

http://cl.ly/3H2O2E3v233t .

Mac OS X

Download the file : http://d.pr/f/QE3d

Rename the above file to Sublime Text

And replace it with the original file .

As tipped by our reader , for those running OS X Marvericks , you'll need to make it an executable file: chmod u+x Sublime\ Text

Windows x64

Download the file : http://d.pr/f/60RQ

Rename the above file to sublime_text.exe

And replace it with the original file

Windows x86

Download the file : http://d.pr/f/1HIj

Rename the above file to sublime_text.exe

And replace it with the original file

After completing the above steps , launch the replaced file and in the help menu select Enter License , and fill in the below license.  

---BEGIN LICENSE---
Love Science
Unlimited User License
EA7E-18848
........................
.._____.................
.|  __ \      | |       
.| |  | | __ _| |_ __ _ 
.| |  | |/ _` | __/ _` |
.| |__| | (_| | || (_| |
.|_____/ \__,_|\__\__,_|
........................
---END LICENSE---

That's it , you now have unlimited user license for Sublime Text 3 .

Recreating & Playground

If you have already come across Dribbble , you certainly have noticed the hover effect on the popular shots . The image blanks out , and all you can see are the comments put up by the dribbblers along with the post title and the date. Quite subtle , so we decided to recreate this effect .
The idea is to set the text matter's opacity to 0 and on hover to 1 .But it takes much more than this to get this perfect effect . Clever element posistioning , and a little bit of math ( tiny little bit ) .

THE MARKUP

<div class="blah">

            <img alt="Main" src="http://cl.ly/VvpM/ren.jpg" />

            <aside>

            <h1><strong>Dribbble Shot</strong></h1>

            <p>The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps.</p>

                <h7>Monovalent</h7>

            </aside>

        </div>

We've wrapped the whole text- content inside an aside tag , as we'll need to change the opacity of the content only , hence an extra wrapper.

CSS

.blah{

    display: :block;

    margin:0 auto;

    margin-left:150px;

    margin-top:100px;

    float:left;

    max-width:500px;

    border: 9px solid #fafafa;

    height:350px;

    background-color:#fafafa;

    border-radius:5px;

    box-shadow: 0 1px 0.5px #b1b1b1;

}

aside{

    vertical-align: baseline;

    position:absolute;

    opacity:0;

    margin:0 ;

    padding:10px;

    z-index:3;

    max-width:100%;

    width: 380px;

    height: 280px;

    float:left; 

    transition: all 0.2s ease-in-out;

}

aside:hover{

    transform:all 0.2s ease-in-out;

opacity: 1;

    background-color: #fafafa;

}

h7,p,strong{

background-color:transparent;

    margin: 40px;

    margin-top:50px;

}

h1{

    background-color:transparent;

    font-family:'HelveticaNeue';

    font-weight: 1000;

    color:#363636;

}

h7{

    position:relative;

    color:#969696;

}

p{

color:#313131;

}

img{

    float:left;

    transition: all 0.2s ease-in-out;

}

img:hover{   

opacity:0.2;

}

Illustration by Artcore

Now since the image content has to lie on top of the image , we add a positive z-index to it , and not negative or I guess we could also use the :after property to achieve this.

A bit about position:absolute 

This is a very powerful type of positioning that allows you to literally place any page element exactly where you want it. You use the positioning attributes top, left bottom and right to set the location. Remember that these values will be relative to the next parent element with relative (or absolute) positioning. If there is no such parent, it will default all the way back up to the <html> element itself meaning it will be placed relatively to the page itself.The trade-off, and most important thing to remember, about absolute positioning is that these elements are removed from the flow of elements on the page. An element with this type of positioning is not affected by other elements and it doesn't affect other elements. This is a serious thing to consider every time you use absolute positioning. It's overuse or improper use can limit the flexibility of your site.

Take a look at the final demo .