Jens Grochtdreis jensgro

source: Addy Osmani https://plus.google.com/u/0/115133653231679625609/posts/Px3bQdQ2HDu

Remote debugging allows us to execute and capture code in remote devices, providing a way to inspect HTML, CSS and JavaScript and make live changes. In terms of mobile, this means a way for us to communicate with mobile devices so we can debug code on them directly rather than just relying on emulators.

The landscape for remote debugging your apps on mobile is quite strong at the moment.

Chrome for Android supports remote debugging via USB and allows you to debug using the Chrome Developer Tools. (See: https://developers.google.com/chrome/mobile/docs/debugging and Chrome for Android Remote Debugging for +Boris Smus's video walkthrough)

Opera has had support for remote debugging since 2008 and Dragonfly can remotely connect to Opera Mobile. (Tut: http://www.codegeek.net/blog/2012/mobile-debugging-with-opera-dragonfly/)

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">

	/**
	* Traffic light animation
	*/

	#trafficlight{
	background:#333;
	height:300px;
	width:150px;
	border-radius:30px;
	margin:3em auto;

	/**
	* CSS Animation - Crawl
	*/
	body{
	background: #000 url(http://1.bp.blogspot.com/-GgGP4aPcInM/TpcOxhGNlGI/AAAAAAAAAcw/6XeuuHb-qI0/s1600/Star%2BScape.jpg);
	font:700 16px Arial, Helvetica, sans-serif;
	padding:4em 0;
	min-height: 100%;
	color:#ffee77;
	text-align:center;

	@media screen and ( max-width: 1024px ) {
	/* remove skyscraper & sponsoring icons in header */
	.skyscraper, .sponsor-outside { display: none; }
	}

	/* === Browser auf breitem Monitor ==== */
	@media screen and (min-width: 1150px) {
	/* CSS Regeln */
	}

	/**
	* Button mit box-reflect
	*/

	body {
	background: #fff;
	min-height: 100%;
	}
	button {
	margin: 40px;

	<!DOCTYPE html>

	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="author" content="Sergej Müller" />

	<link href="style.css" rel="stylesheet" />

	<title>Fullscreen Demo</title>

	none <div></div>
	box-shadow <div class="box-shadow"></div>
	filter: drop-shadow <div class="filter-drop-shadow"></div>

	<!-- content to be placed inside <body>…</body> -->

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<ul>

	// == SCSS Color Methods for Accessibility ================================

	// Adjust given colors to ensure that those color combination provide
	// sufficient contrast

	// Methods using calculations from:
	// * "Techniques For Accessibility Evaluation And Repair Tools (AERT)"
	// working draft @see http://www.w3.org/TR/AERT#color-contrast

	// TODO: add methods with WCAG2 formulas