What is SVG?
SVG stands for Scalable Vector Graphics
SVG is used to define graphics for the Web
SVG is a W3C recommendation
The HTML svg Element
The HTML svg element is a container for SVG graphics.
SVG has several methods for drawing paths, boxes, circles, text, and graphic images.
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. 0468294715
Bootstrap 4 uses a default font-size of 16px, and its line-height is 1.5.
The default font-family is "Helvetica Neue", Helvetica, Arial, sans-serif.
In addition, all p elements have margin-top: 0 and margin-bottom: 1rem (16px by default).
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site. 0468294715
Documentation and examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.
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.
Components and Props Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.
This page provides an introduction to the idea of components. You can find a detailed component API reference here.
Canvas has several methods for drawing paths, boxes, circles, text, and adding images.
Handling Events Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences:
React events are named using camelCase, rather than lowercase.
With JSX you pass a function as the event handler, rather than a string.
Navbar Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.