Skip to main content

Posts

Showing posts from 2014

How to see the saved password in your browser

While log-in to any website, your browser will prompt you message whether you want to save the password or not. If you clicked the save button then next time when you'll be log-in to that website your user name and password will automatically filled by your browser.                 You'll see only asteric (*) symbols in place of password characters not the exact password characters. It's very easy to get the exact password characters. Here we'll get to know how to do this. This example is with chrome browser. 1. Open the website for which you've saved your password (e.g. linkedin.com) 2. Right click on the password field and select "Inspect Element"     It'll open a small attached window in your page itself.     get the "id" value from the highlighted password tag (e.g. " session_password-login ")   3. Now "Right click the sign-in button and select "Inspect Element"    It'll high-light the su...

Bootstrap: Part2: Understanding Grid System

Bootstrap is using grid system to assign width to html element. This gird system is based on 12-equal-units, means grid is like a container which consist of 12-logical units.    If we want to divide our page into 2 equal parts then we can use this grid-system by assigning 6-logical units to each part of the page, and it can be done with the help of CSS class (.col-xx-N)   CSS class being used for grid system is of the forms ".col-xx-N" where "xx" denotes the screen size "N" denotes the no. of logical unit There are 4 different kind of "xx" based on your screen size     col-lg    (large for larger desktops) col-md (medium for desktops) col-sm (small for tablets) col-xs   (extra small for phones) Here are some examples for visualizations With equal width .col-xx-12 .col-xx-6 .col-xx-6 .col-xx-4 .col-xx-4 .col-xx-4 .col-xx-3 .col-xx3 .col-xx-3 .co...

Bootstrap-3: Part-1: Getting started with Bootstrap3

Bootstrap is an open source framework for building awesome web-sites. It is collection of "javascript, css & images". Bootstrap also provides responsive design to adapt your site to mobile devices. Here we'll see from where to get bootstrap and how to use it in our page. 1. Get the bootstrap    go to " http://getbootstrap.com/ " and click the " Download Bootstrap " button    By default it'll start downloading latest version (bootstrap 3.0 as of 4Jan2014)    If you want to download other version of bootstrap look into the footer of this opened-website. 2.  Unzip downloaded file  Copy the downloaded "zip" file in your web development file location   e.g. "C:\Bootstrap\Bootstrap-3" and "unzip" this file.     After unzipping it you'll be able to see "dist" file, inside this you'll   find 3 different folder "css", "js", "fonts" folders at the same fo...