Test Series - html

Test Number 66/72

Q: Which of the following is a server-side solution for implementing responsive images?
A. http://adaptive-images.com
B. http://github.com/scottjehl/picturefill
C. http://www.netmagazine.com
D. http://offroadcode.com
Solution: Instead of implementing ideal responsive image with  element, we can use a server-side solution with Adaptive image i.e. http://adaptive-images.com/. It was created by Matt Wilcox (http://mattwilcox.net/).
Q: Which of the following is not included in the framework?
A. font sizes
B. css reset
C. button styles
D. forms
Solution: If we use the framework it can save a lot of time. Framework generally includes a width of the grid, button styles, CSS reset and many more other aspects to build a website.
Q: How many columns are there in the basic grid of a skeleton?
A. 17
B. 12
C. 16
D. 10
Solution: Skeleton is a minimal responsive framework. It is 960 pixels wide with 12 columns in its basic grid. The grid is responsive by integrating CSS3 media queries. It is also called the 960.gs framework. It is a good place for starting with the Grid System.
Q: Bootstrap was first introduced in ______
A. google
B. twitter
C. instagram
D. snapchat
Solution: Bootstrap was built by Mark Otto and for internal use in Twitter. It was launched as a free software for the public. Bootstrap is packed with styled user interface components such as button navigation, forms, custom jQuery plugins like popover, model box and carousal.
Q: Which is not a tool to build responsive websites?
A. skeleton
B. bookmarklets
C. code editors
D. web browsers
Solution: We need several tools to build our website. To build a responsive website we need web browsers, responsive bookmarklets, code editors for responsive design testing.
Q: Linux does not have code editor ___________
A. Geany
B. Gedit
C. BlueFish
D. WebMatrix
Solution: Code editor is equipment for developing a website. There are many editors available in Windows, Linux and OS X. Linux has Geany, Gedit, BlueFish. Windows have WebMatrix, TextPad, Notepad++. OS X has MacVim, Brackets, TextWrangler.
Q: Which is not bookmarklet?
A. Screen Fly
B. Resizer
C. Screenqueri.es
D. Brackets
Solution: Bookmarklet is a sort of emulator tool for testing responsive design. It resizes the dimension of viewable area in the browser. There are various bookmarklets available like Screenqueri.es, Resizer, Adobe Edge Inspect, Screen Fly, RWD demonstration, ResponsivePX, Responsinator.
Q: Which of the following is not a CSS preprocessor?
A. LESS
B. Sass
C. Stylus
D. Screen Fly
Solution: CSS capabilities can be extended by CSS preprocessors. By using it we can compose CSS in more dynamic ways. They allow us to use variables and functions in programming languages like JavaScript, PHP. There are several CSS preprocessors available such as LESS, Stylus, Sass.
Q: For style foundation Bootstrap uses ____________
A. LESS
B. Sass
C. Resizer
D. Stylus
Solution: These are some CSS preprocessors that have been adopted in responsive frameworks. Bootstrap utilizes LESS as its style foundation. Foundation uses Sass in styling.
Q: Which of the following is not a CSS preprocessor compiler?
A. LESS.app
B. Screenqueri.es
C. ScoutApp
D. Simpless
Solution: LESS and Sass are written in a language that browsers do not recognize. So there are compilers available to compile CSS preprocessors. Some of them are Less.js, WinLESS, LESS.app, Simpless, ScoutApp, ChrunchApp, Terminal or Command Prompt, Codekit, CompassApp.

You Have Score    /10