Question

- Is using HTML5 will support responsiveness by default? Explain your answer.

- Search for some of the libraries or frameworks that can help you to build a more responsive web page and write down some of your findings.

- In your opinion, is it better to use a library? and why? argue with your colleagues by posing at least one response to their post.

Answer 1

-Is using HTML5 will support responsiveness by default? Explain your answer.

Ans. No, by default HTML5 is not support responsiveness. A website built using HML5 is not responsive by default. It could be made responsive with the help off CSS media queries.

To create a responsive website using HTML5 and CSS add the <meta> tag in the head tag.

<meta name = “viewport” content = ”width = device-width, initial-scale = 1.0”>

This will set the viewport of page, which will give the browser instruction on how to control the page’s dimensions and scaling.

-Search for some of the libraries or frameworks that can help you to build a more responsive web page and write down some of your findings.

Ans. There are lot of libraries or frameworks that can help to build responsive web page.

Bootstrap

Bootstrap is one of the most popular CSS Frameworks. The current version of this framework is Bootstrap 4, which was released in 2018. Many significant features were introduced in this release, such as new color schemes, new modifiers, new utility classes, etc.

In addition, version 4 of Bootstrap is built with SASS, and that means Bootstrap is now supported both LESS and SASS.

Foundation

Foundation and Bootstrap are both the widely used CSS frameworks. But Foundation is a way more sophisticated framework. It is very flexible and easily customizable.

It is a useful tool to create responsive websites and web apps, especially for the enterprise. Facebook, eBay, Mozilla, Adobe, HP, Cisco, and Disney use Foundation in their products.

Skeleton

Skeleton is a minimal responsive CSS framework which contains only 400 lines of source code. Despite its relatively small size, it offers a lot of options (grids, typography, buttons, forms, lists, tables, code, etc.) that allow you to create complex websites.

Bulma

Bulma is a free and open-source CSS framework based on the Flexbox layout model. It is lightweight, responsive, pure-CSS, and mobile-first.

All these features made Bulma one of the most popular CSS frameworks along with Bootstrap and Foundation. Bulma has more than 150 000 users, more than the Foundation.

Bulma provides the developers with readable CSS class names and ready-to-use components to build mobile-friendly interfaces. It is incredibly easy to recognize and remember the CSS class names because all of them are named logically.

Semantic UI

Semantic UI is a responsive front-end framework that uses human-friendly HTML. You can build beautiful, responsive layouts with its 3000+ Theming Variables and 50+ UI Components. </p>

It also integrated with a lot of third-party libraries, including React, Angular, Meteor, Ember, and many other frameworks. All this helps you organize your UI layer alongside your application logic.

In your opinion, is it better to use a library? and why? argue with your colleagues by posing at least one response to their post.

Ans. With the help of CSS and Media query you can create responsive website. But it take too much time in coding and make things better for all devices. It might degrade the quality of your code. Also you to test it for all the device which is very tedious and does not give better result as compared to libraries or frameworks.

Frameworks or library have many advantages.

1. If the projects are hosted on something like Github, they have been tested and commented on for errors and so forth. You would have a difficult time replicating that crowd knowledge and error hunting in specific situations.

2. Frameworks like Bootstrap did not start out as responsive design, but rather focused on grids, columns and form/button element style.

3. A lot of the browser hacks and shims will be baked in.