gustaff-weldon

/**
 * (C)Leanest CSS spinner ever
 */

@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
	position: relative;

gustaff-weldon

h3:nth-child(2) + ul {
	background: red;
}

gustaff-weldon

body {
	font-size: 2rem;
}

.container {
	width: 10%;
}

p {
	overflow: hidden;

gustaff-weldon

body {
	font-size: 1.6rem;
}

.container {
	width: 10%;
}

/* icon */
.icon:before {

gustaff-weldon

body {
	font-size: 1.6rem;
}

.container {
	width: 15%;
}

/* icon, content is icon sign */
.icon:before {

gustaff-weldon

body {
	font-size: 1.6rem;
}

.container {
	width: 20%;
	display: table;
	margin-bottom: 1em;
}

gustaff-weldon

body {
	font-size: 1.6rem;
}

.container {
	width: 20%;
	padding: 2%;
	float: left;
}

gustaff-weldon

body {
	font-size: 1.6rem;
}

.container {
	width: 20%;
	padding: 2%;
	float: left;
}

gustaff-weldon

• use angular or Backbone on client
• use <meta name="fragment" content="!"> to inform Google site is using ajax and should be crawled (see https://developers.google.com/webmasters/ajax-crawling/docs/getting-started?hl=fr and https://developers.google.com/webmasters/ajax-crawling/docs/specification)
• use backend for services that serve JSON only
• use some kind of rewrite (.htaccess, nginx) to direct traffic with _escaped_fragment_ to local instance of https://github.com/collectiveip/prerender, that reirect can be further moved to CDN
• Or, just use rendr or alike, and be done with it :)

gustaff-weldon

a {
	background: blue;
	color: white;
	padding: 0px 10px;
	text-decoration:none;
	border-bottom: 3px solid yellow;
}

p {
	width: 200px;