Todo

http://jsbin.com/efayor/3
http://www.colorcombos.com/color-scheme-196.html
style to be copied: http://joelhooks.com/
http://nmsdvid.com/snippets/
tag nice style
http://jsbin.com/umedes/3 - http://jsbin.com/umedes/3/edit
http://jsbin.com/itubeb/1
http://codepen.io/hugo/pen/hFxtA
http://codepen.io/soulwire/showcase
Solarized/highlight.js
license idea
choose webfont
get inspired by other jekyll examples
add reference to the Dream Theater song
(http://www.w3.org/html/logo/badge/html5-badge-h-css3-graphics-performance-semantics.png)
comments with Google+ II
http://www.google.com/webmasters/tools/richsnippets
for evry post –> Make sure that each article or post you publish on that domain has a clear byline identifying you as the author (for example, “By Steven Levy” or “Author: Steven Levy”).
https://plus.google.com/authorship
comment
https://developers.google.com/+/web/+1button/
prefetch DNS <link rel="dns-prefetch" href="//fonts.googleapis.com">
Load Webfonts asynchronously
<link rel="alternate" type="application/atom+xml" title="My Weblog feed" href="/feed/" />
<link rel="search" type="application/opensearchdescription+xml" title="My Weblog search" href="opensearch.xml" />
http://soulwire.co.uk/experiments
https://github.com/soulwire

Layout

find out why comment div is not responsive ** http://r7.web.id/get-responsive-google-plus-comments
menu ** http://tympanus.net/Tutorials/AnimatedBorderMenus/index2.html#

Typography

/* smashing magazine */
color: rgb(51, 51, 51);
font-family: 'Proxima Nova Regular', 'Helvetica Neue', Calibri, 'Droid Sans', Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 22.390625px;

/* jekyll */
color: rgb(221, 221, 221);
font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 21px;
font-weight: 300;
line-height: 31.5px;
text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 3px;

SEO

http://www.google.com/webmasters/tools/richsnippets
http://polldaddy.com/features/#ratings

Special Effect

http://wagerfield.github.io/parallax/
http://marty.com

Presentation

tips for presos https://v.fhtr.net/?page=view&id=523436e2a156ec0200000002#1

####

Procedural Canvas ** http://remysharp.com/2013/08/14/jsbin-5th-birthday/ ** http://jsbin.com/irisag/2 ** http://jsbin.com/irisag/11

CodePen.io Ideas

DVDP http://dvdp.tumblr.com/

http://media.tumblr.com/eef9d1145291387d55c9bfb45b3862da/tumblr_inline_mq6jr3ycHl1qz4rgp.gif
http://media.tumblr.com/4705f9a54d2c4bd0de68a7cc7ab16e9f/tumblr_inline_mq6jugyFy71qz4rgp.gif
http://media.tumblr.com/ff700e8d523e066e017e6e29eafc2299/tumblr_inline_mq6jt6srxh1qz4rgp.gif
http://24.media.tumblr.com/5fc61b7950164118f12a1fde2aeb2f4e/tumblr_mmt8cc2nOL1qzt4vjo1_500.gif
http://31.media.tumblr.com/dca661166c7c412bae6b42e8d54e7a1b/tumblr_ml6c2vOMHA1qzt4vjo1_r3_500.gif
http://31.media.tumblr.com/f3c52e4207daab5707be59ca3c6ba4dd/tumblr_mklmauGmJP1qzt4vjo1_500.gif
http://25.media.tumblr.com/tumblr_m80rq1nhi01qzt4vjo1_500.gif
http://31.media.tumblr.com/tumblr_m4znrlTlEy1qzt4vjo1_r2_500.gif
http://25.media.tumblr.com/tumblr_lzd4wy5bUt1qzt4vjo1_500.gif
http://31.media.tumblr.com/tumblr_lxke1hP8AN1qzt4vjo1_500.gif

Others

http://data.tumblr.com/KgYwhmrsl1ulcr7etsB2ny1E_500.gif
http://8.media.tumblr.com/tumblr_kwck11daiX1qzt4vjo1_500.gif
http://koikoikoi.com/wp-content/uploads/2010/02/tumblr_kx0vudxfPD1qzt4vjo1_500.gif
http://24.media.tumblr.com/f208f38e1b6e9a5fc38d92ea341cf69a/tumblr_ms4uj4l3iK1rjledmo1_500.gif
http://www.creativereview.co.uk/images/uploads/2013/09/populate_0.gif
http://www.creativereview.co.uk/images/uploads/2013/09/powell_flip_flop_0.gif
http://www.creativereview.co.uk/images/uploads/2013/09/powell_implode_0.gif
http://24.media.tumblr.com/4b9c10f1729d7d661aa29021a0adbac4/tumblr_msrx4kyUVD1ru39xmo1_500.gif
http://mainisusuallyafunction.blogspot.co.uk/2011/10/quasicrystals-as-sums-of-waves-in-plane.html