Although UIs are two dimensional, there are techniques that can be used to give the illusion of depth. One of the most prominent is parallax scrolling.
Let's start with CSS:
This is where your CSS is included directly in your HTML. Here's an example to style the text in green:
<h1 style="color:green">Green Hello World</h1>
This method of styling should be avoided.
2) Internal style sheet
I was working on a React project recently that made use of the Google Maps API. The app allows a user to find various types of places of interest near them such as restaurants, banks etc.
It makes use the HTML5 Geolocation API to find the location of a user. Doing so is surprisingly simple; it's just a single line:
Of course, you'll invariably use more code for error handling, and callbacks.
Here's an example:
In my last blog post, I described how to create a database schema using MySQL Workbench.
In this post, I'll describe how you can create an actual database from the schema.
Here is an example schema I created with MySQL Workbench of a fictitious video streaming company. As you can see there are 7 tables: Users, Viewings, Videos, Tiers, Providers, Bills and Contacts. For the sake of simplicity, I'm pretending that we live in a perfect world where security issues, PCI compliance etc. are not an issue.
What are props?
<MyOutput text="Hello world" />
In this case, the 'MyOutput' component will have access to a the props objects which looks like this:
HTML5 browsers ship with a built-in video player.
Invoking the player is as simple as using the video tags with the controls property like so:
Variables serve a useful purpose in programming. They allow a programmer to define a value or piece of functionality in one place, and then easily re-use it elsewhere in the program. If the program needs to change, that change can then be made in one place instead of many. They also allow code to take in and respond to input supplied by another source.
Another benefit of variables is encapsulating complex programming code in simple English.
Flexbox is a layout model that allows you to easily create a responsive page. You use Flexbox by setting a container to be flex-container.
Setting an element as a flex container is as simple as setting the the display property to flex. This is usually done like this:
If you want to set an inline element as a flex container, you would do it like this:
If you start working with a new computer, or a freshly formatted operating system, there's a couple of things that you need to do to get Git up and running properly.
Setting up your name:
Run the following command and substituting your name between the quotation marks of "my name":
git config --global user.name "my name"
To verify your name is set, run:
git config --global user.name
This will return your name if it's set.
Set your email address globally: