Pietro Giorgianni giorgian

What you should know about `tabindex`

tabindex is an HTML core global attribute.

With it you can control in what order the elements get the focus, when the user presses the TAB key. You can also prevent an element to gain focus through the TAB key.

Typical example:

We have a login form

	# Put this function to your .bashrc file.
	# Usage: mv oldfilename
	# If you call mv without the second parameter it will prompt you to edit the filename on command line.
	# Original mv is called when it's called with more than one argument.
	# It's useful when you want to change just a few letters in a long name.
	#
	# Also see:
	# - imv from renameutils
	# - Ctrl-W Ctrl-Y Ctrl-Y (cut last word, paste, paste)

	1. Create a directory/file in your deploy repo's root dir (e.g., .ImageMagic/policy.xml), commit it.
	2. Set the following config var:
	heroku config:set MAGICK_CONFIGURE_PATH=/app/.ImageMagick -a YOUR-APP-NAME
	3. Deploy
	4. heroku run bash -a YOUR-APP-NAME
	5. run
	convert -list policy

	Path: [built-in]
	Policy: Undefined

	// knockout 2.3.0

	ko.utils.addOrRemoveItem = function (array, value, included) { /* .. */ }

	ko.utils.anyDomNodeIsAttachedToDocument = function (nodes) { /* .. */ }

	ko.utils.arrayFilter = function (array, predicate) { /* .. */ }

	ko.utils.arrayFirst = function (array, predicate, predicateOwner) { /* .. */ }

+line = '127.0.0.1 gateway.internal gateway'
+file = Chef::Util::FileEdit.new('/etc/hosts')
+file.insert_line_if_no_match(/#{line}/, line)
+file.write_file

	<?php
	// Crude check. Off course this should be stored in a (memory) database. $token is an
	// access token that is provided by oauth.

	$token = $_SERVER['HTTP_X_AUTH_TOKEN'];

	if ($token == "mellon") {
	header("X-Api-User: Gandalf");
	header("X-Api-Context: Middle-Earth");
	header("Cache-Control: public, max-age=120");

	/*
	* HTML5 ✰ Boilerplate
	*
	* What follows is the result of much research on cross-browser styling.
	* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
	* Kroc Camen, and the H5BP dev community and team.
	*
	* Detailed information about this CSS: h5bp.com/css
	*
	* ==\|== normalize ==========================================================

	=Navigating=
	visit('/projects')
	visit(post_comments_path(post))

	=Clicking links and buttons=
	click_link('id-of-link')
	click_link('Link Text')
	click_button('Save')
	click('Link Text') # Click either a link or a button
	click('Button Value')

Pietro Giorgianni giorgian

What you should know about tabindex

What you should know about `tabindex`