What is Canvas?
Canvas has several methods for drawing paths, boxes, circles, text, and adding images.
The controls attribute adds audio controls, like play, pause, and volume.
The source element allows you to specify alternative audio files which the browser may choose from. The browser will use the first recognized format.
The text between the audio tags will only be displayed in browsers that do not support the audio element. 0882341778
Different Images for Different Devices
A large image can be perfect on a big computer screen, but useless on a small device. Why load a large image when you have to scale it down anyway? To reduce the load, or for any other reasons, you can use media queries to display different images on different devices.
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.
Toggle floats on any element, across any breakpoint, using our responsive float utilities. 0882341778
What Is React?
It lets you compose complex UIs from small and isolated pieces of code called “components”. React has a few different kinds of components, but we’ll start with React.Component subclasses:
Form Elements This chapter describes all the different HTML form elements.
The input Element
One of the most used form element is the input element.
The input element can be displayed in several ways, depending on the type attribute.
Conditional Rendering In React, you can create distinct components that encapsulate behavior you need. Then, you can render only some of them, depending on the state of your application.
The Viewport What is The Viewport?
The viewport is the user visible area of a web page.
The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen.
Before tablets and mobile phones, web pages were designed only for computer screens, and it was common for web pages to have a static design and a fixed size.
Then, when we started surfing the internet using tablets and mobile phones, fixed size web pages were too large to fit the viewport.
To fix this, browsers on those devices scaled down the entire web page to fit the screen. This was not perfect!! But a quick fix.
Overflow Use these shorthand utilities for quickly configuring how content overflows an element.
Layout Templates We have created some responsive starter templates with CSS.
You are free to modify, save, share, and use them in all your projects.