Merge pull request #2 from khan4019/master

give me latest

Author: khan4019

css.html

@@ -139,16 +139,14 @@ <h2>2. clear</h2>
   </div>  
   <p>ref: <a href="http://www.w3.org/TR/CSS1/#clear">W3.org: clear</a>
   </div>
-  <!-- <div id="keygen">
-    <h2>3. keygen</h2>
-  <p><strong>Question:</strong> How can u generate public key in html?</p>
-  <p><strong>Answer:</strong> html has a keygen element that failitate generation of key and submission via a form.</p>
-  <pre><code>
-    &lt;keygen name=&quot;name&quot; challenge=&quot;challenge string&quot; keytype=&quot;type&quot; keyparams=&quot;pqg-params&quot;&gt;
-  </code></pre>
-  <p><strong>extra:</strong> keygen has to be used inside a form.</p>
-  ref: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/keygen">MDN: keygen</a>
-</div> -->
+  <div id="keygen">
+    <h2>3. preprocessor</h2>
+  <p><strong>Question:</strong> What are the reasons to use preprocessor?</p>
+  <p><strong>Answer:</strong> .</p>
+  
+  ref: <a href="http://www.frontendjournal.com/most-common-technical-interview-question-for-frontend-developers/">most common interview questions</a>
+</div>
+
 
 <!-- <div id="bdo">
   <h2>4. bdo</h2>
@@ -260,14 +258,33 @@ <h2>15. semantic</h2>
   <p>ref: <a href="http://en.wikipedia.org/wiki/Semantic_HTML">Wiki: semantic HTML</a> </p>
 </div> -->
 <div>
+  
+<h2>temporary list of questions</h2>
+<ul>
+  <li>explain css box model</li>
+  <li>explain shadow DOM</li>
+  <li>text effect in css3</li>
+  <li>css specificity</li>
+  <li>reset css</li>
+  <li>difference between em and px. whar are other measuring units</li>
+  <li>what is filter? why would u use it?</li>
+  <li>what is conditional css</li>
+  <li>what is overflow in css</li>
+  <li>difference between relative and absolute positioning</li>
+  <li>@import/li>
+  <li>sprites</li>
+  <li>difference display:none and visibility:hidden</li>
+  <li>:after and :before</li>
+  <li>pseudo classes</li>
+</ul>
   <h2>References</h2>
   <ul>
     <li><a href=""></a></li>
     <li><a href="http://css-tricks.com/interview-questions-css/">very good: css tricks</a></li>
     <li><a href="https://github.com/johnpolacek/Front-end-Developer-Interview-Questions/blob/master/README.md">decent in github</a></li>
-    <li><a href=""></a></li>
+    <li><a href="https://github.com/darcyclarke/Front-end-Developer-Interview-Questions">just the list of questions</a></li>
     <li><a href="http://www.frontendjournal.com/most-common-technical-interview-question-for-frontend-developers/">some basic: float clear</a></li>
-    <li><a href="http://www.codeproject.com/Articles/702051/40-important-HTML-5-Interview-questions-with-answe">have some basic css</a></li>
+    <li><a href="http://www.codeproject.com/Articles/702051/40-important-HTML-5-Interview-questions-with-answe">40 important HTML interview questions (basic css question)</a></li>
     <li><a href="http://www.getallfix.com/2012/11/web-developer-interview-questions-ui-developer-interview-questions-most-common-web-developer-interview-questions/">some old css question</a></li>
     <li><a href=""></a></li>
     <li><a href=""></a></li>

index.html

@@ -12,7 +12,7 @@
 
     <!-- Bootstrap core CSS -->
     <link href="css/bootstrap.min.css" rel="stylesheet">
-
+    <link href="css/bootstrap-responsive.css" rel="stylesheet">
     <!-- Custom styles for this template -->
     <style>
       /* Move down content because we have a fixed navbar that is 50px tall */
@@ -41,8 +41,7 @@
           padding-right: 5px;
         }
       }
-    </style>
-    <link href="css/bootstrap-responsive.css" rel="stylesheet">
+    </style>    
 
     <!-- Just for debugging purposes. Don't actually copy this line! -->
     <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
@@ -75,8 +74,7 @@
       <div class="container">
         <h1>Interview Questions</h1>
         <h2>for front-end-Developer</h2>
-        <p>As you grow, so does the world. So, keep urself updated with the tricky front end interview questions...</p>
-        <p><a class="btn btn-primary btn-lg" href="jsConcepts/jsConcepts.html" role="button">Learn more &raquo;</a></p>
+        <p>Only for JS developer when they have to answer some side questions to make interviewer comfortable...</p>        
       </div>
     </div>
 
@@ -95,7 +93,7 @@ <h2>Win your future</h2>
           <div class="row-fluid">
             <div class="col-md-4">
               <h2><a href="html.html">html</a></h2>
-              <p>HTML might be heart of a website, but least utilized and explored. i followed the same path and put some basic questions, when you are applying for position directly not for html/markup developer.</p>
+              <p>HTML might be heart of a website, but least utilized and explored. js dude followed the same path and put some basic questions, when you are applying for position directly not for html/markup developer or designer.</p>
               <p><a class="btn btn-default" href="html.html" role="button">View details &raquo;</a></p>
             </div>
             <div class="col-md-4">
@@ -105,21 +103,26 @@ <h2><a href="css.html">css</a></h2>
             </div>
             <div class="col-md-4">
               <h2>javaScript</h2>
-              <p class="obsoleteContent">Array is the mostly used Data stucture. And in Javascript it is at least 3 one of the key data structure that you have to use to master. This video will tell you 15 hidden features that witll make u expert in JavaScript array. </p>
+              <p>This is your battle field. you have to be rock solid in Javascript. thats what bring you the paycheck. In this section i will go through some mid to highlevel javascript interview qustions for a solid foundation... </p>
               <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
             </div>
           </div>
           <div class="row-fluid">            
             <div class="col-md-4">
-              <h2>General Web Development</h2>
-              <p class="obsoleteContent">Link manager is helps you to store (local storage), archive, filter, edit of any interesting links/blog/videos you find online and want to come back later. The reason for creating link managers is browsers Bookmark sucks. We deserve better tools to manage our learning.</p>              
+              <h2>browser</h2>
+              <p>Browser is your play ground. The better you know your play ground, the easier for you to play the game. and sometimes you can easily play the trick. Some core browser concepts will make you a good developer. Hence interviewer wants to make sure, you have enough knowledge to win in the battle field..</p>              
+              <p><a class="btn btn-default" href="#" role="button">Check it out &raquo;</a></p>
+            </div>
+            <div class="col-md-4">
+              <h2>web Development</h2>
+              <p>Thats what you are, a web development, a plain simple web developer. you have to know the core of web development technologies. A way to optimize user experience, resource management and overall architecture of the internet. Otherwise you will fail miserably in the larger scale of website.</p>              
               <p><a class="btn btn-default" href="#" role="button">Check it out &raquo;</a></p>
             </div>
-            <section class="col-md-4">
-              <h2>about that js dude</h2>
-              <p>the goal of ur dude is to work together to learn, experiment, share and grow. A weekend is a good weekend for ur dude which can produce a youtube video or a blog or 96 commits to github or learning new JS library.</p>            
-              <p><a class="btn btn-default" href="mailto:[email protected]?Subject=You%20suck" role="button">express ur anger &raquo;</a></p>
-            </section>               
+            <div class="col-md-4">
+              <h2>all Questions</h2>
+              <p>This is the list/ summary of all the question you have to know to have a decent front end developer job. Based on your focus you have to go in depth of the area you work on. For example, a javascript developer has to know more JS and designer will be strong in css. and both has to know basic HTML.</p>              
+              <p><a class="btn btn-default" href="#" role="button">Check it out &raquo;</a></p>
+            </div>               
           </div>  
       </div>  
       <div class="span3">