Warning!, if you have couple of tattoos in your body, this is not the right place. You certainly have more in depth knowledge, fancy portfolio and you have to express that. These questions are for lazy intermediate JS developers to get the job by creating an illusion of familiarity with css---
There would be 4/5 parts in this series. still working on it. Inspired by darcyclarke, css-tricks, david shariff and some google results. If you want to add any question to this let me know.
##html 15 basic questions and asnwers
- Why do u need doctype?
- What is the use of data-* attribute?
- How can you generate public key in html?
- How do you change direction of html text?
- How can you highlight text in html?
- Can you apply css to a part of html document only?
- Will browser make http request for the following cases?
- Which resource would be downloaded first?
- What is optional tag?
- What are the differences between div and span?
- How would you differentiate div, section and article?
- How to select svg or canvas for your site?
- How to serve html in multiple languages?
- Explain standard and quirks mode.
- What is semantic tag?
####HTML Answers
##css 21+ questions and answers
- What does float do?
- How can you clear sides of a floating element?
- How can you clear sides of a floating element?
- some tricky questions in rapid fire style
- Does css properties are case sensitive?
- Why css selectors mixed up with cases don't apply the styles?
- Does margin-top or margin-bottom has effect on inline element?
- Does padding-top or padding-bottom has effect on inline element?
- Does padding-left or padding-right or margin-left or margin-right has effect on inline element?
- If you have a <p> element with font-size: 10rem, will the text be responsive when the user resizes / drags the browser window?
- The pseudo class :checked will select inputs with type radio or checkbox, but not
- In a HTML document, the pseudo class :root always refers to the element.
- The translate() function can move the position of an element on the z-axis.
- Which one would you prefer among px, em % or pt and why?
- How absolute, relative, fixed and static position differ?
- What are the differences between visibility hidden and display none?
- What are the differences between inline, block and inline-block?
- What are the properties related to box model?
- Does overflow: hidden create a new block formatting context?
- How could you apply css rules specific to a media?
- What is the use of only?
- Does the screen keyword apply to the device's physical screen or the browser's viewport?
- What are the some pseudo classed u have used?
- How do you align a p center-center inside a div?
- How do you optimize css selectors?
- How can you load css resources conditionally?
- Why would you use sprites?
- What is specificity? How do u calculate specificity?
- What is shadow DOM?
- What do you know about transition?
- What are the different css filter you can use?
- What are the reasons to use preprocessor?
- Show you couple of style example and you have to tell what does it do.
####CSS Answers
###css Deleted questions! Looks like these are for hardcore designer. Hence, didn't make for developers.
- How descendant css selectors are matched? get answer
- How would u implement modularity in css?
- If something doesn't work in a specific browser (IE8), you would u approach this problem?
- How do you test cross-browser compatibility of your site?
- What is the greatest hack you did in css so far?
- What is grid layout?
- How can you make a site responsive?
- Why reset css is useful? or how normalize.css works?
- What do you know about text shadows, box shadows?
##JavaScript: Algorithm (part -1) 20 questions and answers (for beginners)
- Verify a prime number?
- Find all prime factors of a number?
- Get nth Fibonacci number?
- Find the greatest common divisor of two numbers?
- Remove duplicate members from an array?
- merge two sorted array?
- Swap two numbers without using a temp variable?
- Reverse a string in JavaScript?
- How would you reverse words in a sentence?
- Reverse words in place?
- Find the first non repeating char in a string?
- Remove duplicate characters from a sting?
- How will you verify a word as palindrome?
- Generate random between 5 to 7 by using defined function.
- Find missing number from unsorted array of integers.
- Get two numbers that equal to a given number?
- Find the largest sum of any two elements?
- Total number of zeros from 1 upto n?
- Check whether a given string is a substring of bigger string
- Get permutaitons of a string