Tutorial by Examples: box

vagrant up --provider docker

vagrant up --provider vmware_fusion

vagrant up --provider vmware_workstation

vagrant up --provider virtualbox VirtualBox is the default provider for a vanilla Vagrant setup.

vagrant snapshot restore --no-provision mysnapshot

A checkable input that has three possible values: true, false, or mixed. <p> <input type="checkbox" role="checkbox" aria-checked="false"> I agree to the terms </p>

A presentation of a select; usually similar to a textbox where users can type ahead to select an option, or type to enter arbitrary text as a new item in the list. <input type="text" role="combobox" aria-expanded="false"> Typically, you would use JavaScript to...

A widget that allows the user to select one or more items from a list of choices. <ul role="listbox"> <li>One</li> <li>Two</li> <li>Three</li> </ul> Typically, you would use JavaScript to build the multiple-selection functionali...

A checkable menuitem that has three possible values: true, false, or mixed. <ul role="menu"> <li role="menuitem">Console</li> <li role="menuitem">Layout</li> <li role="menuitemcheckbox" aria-checked="true"&g...

A type of textbox intended for specifying search criteria. <div role="search"> <input role="searchbox" type="text"> <button role="button">Search</button> </div>

Input that allows free-form text as its value. <textarea role="textbox"></textarea>

Holy Grail layout is a layout with a fixed height header and footer, and a center with 3 columns. The 3 columns include a fixed width sidenav, a fluid center, and a column for other content like ads (the fluid center appears first in the markup). CSS Flexbox can be used to achieve this with a very s...

It's a regular pattern in design these days to vertically align call to actions inside its containing cards like this: This can be achieved using a special trick with flexbox HTML <div class="cards"> <div class="card"> <p>Lorem ipsum Magna proident ...

Example method in controller @RequestMapping(value = "/test") public String showCheckbox(Model model) { boolean myBooleanVariable = false; model.addAttribute("myBooleanVariable", myBooleanVariable); return "sample-checkbox"; } View: sample-checkbox....

The default box model (content-box) can be counter-intuitive, since the width / height for an element will not represent its actual width or height on screen as soon as you start adding padding and border styles to the element. The following example demonstrates this potential issue with content-...

vagrant up By default the box will be provisioned.

vagrant up --no-provision

vagrant provision

This code compiles: Integer arg = null; int x = arg; But it will crash at runtime with a java.lang.NullPointerException on the second line. The problem is that a primitive int cannot have a null value. This is a minimalistic example, but in practice it often manifests in more sophisticated f...

The following embeds an untrusted web page with all restrictions enabled <iframe sandbox src="http://example.com/"></iframe> To allow the page to run scripts and submit forms, add allow-scripts and allow-forms to the sandbox attribute. <iframe sandbox="allow-script...