(X)HTML5 validation results for http://fabianneumann.de/

Validator Input

The document is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

Source

  1. <!DOCTYPE html>↩
  2. <html lang="en">↩
  3. <head>↩
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">↩
  5. <script>document.documentElement.className += "js";</script>↩
  6. <title>Fabian Neumann | web developer</title>↩
  7. <link rel="stylesheet" href="static/default.css">↩
  8. <meta name="author" content="Fabian Neumann">↩
  9. <meta name="description" content="I'm a web developer from Germany. This is my internet hub.">↩
  10. <meta name="DC.title" content="Fabian Neumann">↩
  11. <meta name="geo.placename" content="Fürstenwalde">↩
  12. <meta name="geo.position" content="52.35;14.06">↩
  13. <meta name="geo.region" content="DE-BR">↩
  14. <meta name="ICBM" content="52.35,14.06">↩
  15. <link rel="openid.server" href="https://www.myopenid.com/server">↩
  16. <link rel="openid.delegate" href="http://fneumann.myopenid.com">↩
  17. <link rel="openid2.provider" href="https://www.myopenid.com/server">↩
  18. <link rel="openid2.local_id" href="http://fneumann.myopenid.com">↩
  19. <link rel="shortcut icon" href="static/favicon.png" type="image/png">↩
  20. </head>↩
  21. <body>↩
  22. <div id="container">↩
  23. <a href="#contact" id="skip">Skip to content</a>↩
  24. <header>↩
  25. <h1>Fabian Neumann <span class="iam">is</span>, <span class="skill">does</span> &amp; <span class="idea">likes</span>…</h1>↩
  26. </header>↩
  27. <p id="cloud">↩
  28. <span class="p3 skill">AJAX</span>↩
  29. <span class="p3 skill">Apache</span>↩
  30. <span class="p4 skill">Atom</span>↩
  31. <span class="p2 idea">Berlin</span>↩
  32. <span class="p3 iam"><a href="http://pseudopost.org/">blogger</a></span>↩
  33. <span class="p4"><a href="http://delicious.com/hellp">bookmarks</a></span>↩
  34. <span class="p3">Brandenburg</span>↩
  35. <span class="p4 skill">bzr</span>↩
  36. <span class="p3 iam"><a href="http://www.couchsurfing.com/people/freidenkers/">couch surfer</a></span>↩
  37. <span class="p1 skill">CSS</span>↩
  38. <span class="p3 skill">Debian</span>↩
  39. <span class="p2 skill"><a href="http://www.djangoproject.com/">Django</a></span>↩
  40. <span class="p4 idea">DVCS</span>↩
  41. <span class="p4 idea">feeds</span>↩
  42. <span class="p1 iam">freelancer</span>↩
  43. <span class="p2 idea"><a href="http://freidenkers.posterous.com/">freidenkers</a></span>↩
  44. <span class="p3 idea">Fürstenwalde</span>↩
  45. <span class="p3">Germany</span>↩
  46. <span class="p4 skill"><a href="http://github.com/hellp">git</a></span>↩
  47. <span class="p3 idea"><a href="http://www.sturzbach.de/">good webdesign</a></span>↩
  48. <span class="p1 skill"><a href="http://html5.validator.nu/?doc=http://fabianneumann.de/&amp;showsource=yes">HTML</a></span>↩
  49. <span class="p3 iam">independent</span>↩
  50. <span class="p2 skill">JavaScript</span>↩
  51. <span class="p3 skill"><a href="http://jquery.com/">jQuery</a></span>↩
  52. <span class="p3 idea">JSON</span>↩
  53. <span class="p3 skill">LAMP</span>↩
  54. <span class="p4 idea"><a href="http://friendfeed.com/hellp">lifestreaming</a></span>↩
  55. <span class="p2 skill">Linux</span>↩
  56. <span class="p4 skill">lighttpd</span>↩
  57. <span class="p4 idea"><a href="http://identi.ca/hellp">microblogging</a></span>↩
  58. <span class="p3 idea">Microformats</span>↩
  59. <span class="p2 idea"><a href="http://www.last.fm/user/hellp">music</a></span>↩
  60. <span class="p3 skill">MySQL</span>↩
  61. <span class="p3 idea"><a href="http://claimid.com/fabian-neumann">OpenID</a></span>↩
  62. <span class="p3 idea"><a href="http://www.openlayers.org/">OpenLayers</a></span>↩
  63. <span class="p2 idea">Open Source</span>↩
  64. <span class="p4 idea"><a href="http://hellp.ipernity.com/">photography</a></span>↩
  65. <span class="p3 skill">PHP</span>↩
  66. <span class="p2 skill">PostgreSQL</span>↩
  67. <span class="p2 iam">programmer</span>↩
  68. <span class="p3"><a href="http://pseudopost.org/">pseudopost.org</a></span>↩
  69. <span class="p1 skill">Python</span>↩
  70. <span class="p4 skill">RSS</span>↩
  71. <span class="p3 iam">self-employed</span>↩
  72. <span class="p2"><a href="skype:hellpaso?chat">Skype</a></span>↩
  73. <span class="p3 idea"><a href="http://claimid.com/fabian-neumann">social media</a></span>↩
  74. <span class="p2 idea"><a href="http://www.ipernity.com/tag/hellp/keyword/244836">Sofia</a></span>↩
  75. <span class="p3 iam">software engineer</span>↩
  76. <span class="p5 skill">SQLite</span>↩
  77. <span class="p2"><a href="http://www.sturzbach.de/">Sturzbach</a></span>↩
  78. <span class="p3 idea"><a href="http://twitter.com/hellp">Twitter</a></span>↩
  79. <span class="p3 skill">Ubuntu</span>↩
  80. <span class="p2 idea">Usability</span>↩
  81. <span class="p1 iam">web developer</span>↩
  82. <span class="p2"><a href="https://www.xing.com/profile/Fabian_Neumann3">Xing</a></span>↩
  83. <span class="p3 skill">XHTML</span>↩
  84. <span class="p3 skill">XML</span>↩
  85. </p>↩
  86. ↩
  87. <section id="contact">↩
  88. <h2>Contact</h2>↩
  89. <div id="contactcontent">To get in touch with me, please use↩
  90. <a class="toggle-cf" href="http://www.formspring.com/forms/fn-kontakt">the contact form</a>↩
  91. or ping me through↩
  92. <a href="xmpp:hellp@xabber.de">Jabber</a>,↩
  93. <a href="skype:hellpaso?chat">Skype</a>,↩
  94. <a href="http://www.xing.com/go/privatemessage/Fabian_Neumann3">XING</a>,↩
  95. <a href="http://www.facebook.com/fabian.neumann">Facebook</a>,↩
  96. <a href="http://identi.ca/hellp">Identi.ca</a>↩
  97. or <a href="http://twitter.com/timeline/home?status=%40hellp">Twitter</a>↩
  98. — or call me: +49 3361 331392.↩
  99. </div>↩
  100. </section>↩
  101. ↩
  102. <section id="portfolio">↩
  103. <h2>Current projects</h2>↩
  104. <ul>↩
  105. <li>↩
  106. <header>↩
  107. <h3>TribaSpace / online fashion calendar / 2010</h3>↩
  108. <a href="http://tribaspace.com/">tribaspace.com</a>↩
  109. </header>↩
  110. <img src="static/img/p-tribaspace3.jpg" alt="TribaSpace screenshot">↩
  111. <p>“One Online Calendar for the entire Fashion Industry”</p>↩
  112. <p class="skills">Frontend, templating, webdesign.</p>↩
  113. <p class="tech">XHTML, JavaScript/jQuery,↩
  114. <a href="http://bfg.repoze.org/">BFG</a>,↩
  115. <a href="http://chameleon.repoze.org/">Chameleon</a>,↩
  116. Python.</p>↩
  117. <p class="minor">↩
  118. Client: <a href="http://wetriba.com/">WeTriba</a>↩
  119. </p>↩
  120. <p class="minor">↩
  121. In cooperation with↩
  122. <a href="http://www.jarn.com/">Jarn (backend, core, repoze.bfg)</a> and↩
  123. <a href="http://www.mathiaspueschel.de/">Mathias Püschel (interaction design).</a>↩
  124. </p>↩
  125. </li>↩
  126. <li>↩
  127. <header>↩
  128. <h3>NEONauten / community research platform / since 2009</h3>↩
  129. <a href="http://www.dieneonauten.de/">dieneonauten.de</a>↩
  130. </header>↩
  131. <img src="static/img/p-neonauten2.jpg" alt="NEONauten screenshot">↩
  132. <p>“Die digitale Plattform für Trends, Konsumkultur und Markenexperimente der NEON-Generation.”</p>↩
  133. <p class="skills">Backend, frontend, setup; JSON interfaces to Flash and PHP</p>↩
  134. <p class="tech">Django, Python, MySQL, HTML, JavaScript/jQuery, SIFR</p>↩
  135. <p class="minor">In cooperation with↩
  136. <a href="http://www.sturmunddrang.de/">Sturm &amp; Drang</a>,↩
  137. <a href="http://www.freshmilk.de/">Freshmilk</a>,↩
  138. <a href="http://www.guj.de/">Gruner+Jahr</a>,↩
  139. <a href="http://derraab.com/">Markus Raab</a> (Flash),↩
  140. <a href="http://marceldickhage.de/">Marcel Dickhage</a> (Design),↩
  141. <a href="http://www.proclame.com/">Mathias Volz</a>↩
  142. et al.↩
  143. </p>↩
  144. </li>↩
  145. <li>↩
  146. <header>↩
  147. <h3>RAUMAX / corp. website / since 2008</h3>↩
  148. <a href="http://www.raumax.de/">raumax.de</a>↩
  149. </header>↩
  150. <img src="static/img/p-raumax.jpg" alt="RAUMAX screenshot">↩
  151. <p>“Wohnraumplanung und -gestaltung aus einer Hand.”</p>↩
  152. <p class="skills">Backend, markup, concept, SEO, consulting</p>↩
  153. <p class="tech">PHP, <a href="http://dwoo.org/">Dwoo</a>, HTML4, CSS, <a href="http://jquery.com/">jQuery</a></p>↩
  154. <p class="minor">In cooperation with Mathias Püschel (design, concept) of↩
  155. <a href="http://www.sturzbach.de/">Sturzbach – Gute Websites</a>.</p>↩
  156. </li>↩
  157. </ul>↩
  158. <h2>Past projects</h2>↩
  159. <ul>↩
  160. <li>↩
  161. <header>↩
  162. <h3>BauenSchütztKlima.de / info website / 2010</h3>↩
  163. <a href="http://www.bauenschuetztklima.de/">bauenschuetztklima.de</a>↩
  164. </header>↩
  165. <img src="static/img/p-bauenschuetztklima.jpg" alt="bauenschuetztklima.de screenshot">↩
  166. <p class="skills">Backend &amp; frontend implementation, markup</p>↩
  167. <p class="tech">Django, Python, HTML, CSS, <a href="http://jquery.com/">jQuery</a>, <a href="http://flowplayer.org/">Flowplayer</a>, Google Maps</p>↩
  168. <p class="minor">Client:↩
  169. <a href="http://www.freshmilk.tv/">Freshmilk Creative Media</a>;↩
  170. <a href="http://www.bauindustrie.de/">Hauptverband der Deutschen Bauindustrie</a></p>↩
  171. </li>↩
  172. <li>↩
  173. <header>↩
  174. <h3>liveshopping.biz / blog template / 2008</h3>↩
  175. <a href="http://www.liveshopping.biz/">liveshopping.biz</a>↩
  176. </header>↩
  177. <img src="static/img/p-liveshoppingbiz.png" alt="liveshopping.biz screenshot">↩
  178. <p class="skills">Wordpress template, markup, setup</p>↩
  179. <p class="tech">XHTML, CSS, <a href="http://jquery.com/">jQuery</a></p>↩
  180. <p class="minor">In cooperation with↩
  181. <a href="http://www.waider-mediendesign.de/">Jan-Erik Waider Mediendesign</a> (design).↩
  182. </p>↩
  183. </li>↩
  184. <li>↩
  185. <header>↩
  186. <h3>Form implementation / 2008</h3>↩
  187. <a href="http://www.gruenlicht.de/pages/information-und-bewerbung/online-anmeldung.php">visit page</a>↩
  188. </header>↩
  189. <img src="static/img/p-violine.jpg" alt="screenshot">↩
  190. <p>Online application form for the <em>International Competition for Violin</em></p>↩
  191. <p class="skills">Markup, form processing, validation, i18n (de/en)</p>↩
  192. <p class="tech">HTML, PHP</p>↩
  193. <p class="minor">In cooperation with↩
  194. <a href="http://www.waider-mediendesign.de/">Jan-Erik Waider Mediendesign</a> (concept, design, lead).↩
  195. </p>↩
  196. </li>↩
  197. <li>↩
  198. <header>↩
  199. <h3>luckybay / a “feeling lucky” search for eBay / 2008</h3>↩
  200. <a href="http://luckybay.sturzbach.de">visit page</a>↩
  201. </header>↩
  202. <img src="static/img/p-luckybay2.jpg" alt="screenshot">↩
  203. <p>Simple web service to deeplink articles/auctions on ebay without knowing their item id.</p>↩
  204. <p>Used by one of our clients, <a href="http://stores.shop.ebay.de/Seeadler-Premium-Schuhspanner">Seeadler Premium Schuhspanner</a>.</p>↩
  205. <p class="skills">Concept, backend, everything</p>↩
  206. <p class="tech">Python, <a href="http://www.cherrypy.org/">CherryPy</a>, eBay API</p>↩
  207. <p class="minor">In cooperation with <a href="http://www.sturzbach.de/">Sturzbach – Gute Websites</a>.</p>↩
  208. </li>↩
  209. <li>↩
  210. <header>↩
  211. <h3>Gesine Nowakowski / artist website / 2008</h3>↩
  212. <a href="http://www.nowakowski.de/">nowakowski.de</a>↩
  213. </header>↩
  214. <img src="static/img/p-nowakowski.jpg" alt="screenshot">↩
  215. <p>Small website for a German opera singer (soprano).</p>↩
  216. <p class="skills">Markup, concept, server setup</p>↩
  217. <p class="tech">Wordpress, PHP, XHTML</p>↩
  218. <p class="minor">In cooperation with Mathias Püschel (design, concept, CSS) of↩
  219. <a href="http://www.sturzbach.de/">Sturzbach – Gute Websites</a>.</p>↩
  220. </li>↩
  221. <li>↩
  222. <header>↩
  223. <h3>eineguteMinute.de / 2007</h3>↩
  224. <a href="http://eineguteminute.de">eineguteMinute.de</a>↩
  225. </header>↩
  226. <img src="static/img/p-guteminute.jpg" alt="screenshot">↩
  227. <p>Experimental Django site for people to submit 1440 good deeds a day.</p>↩
  228. <p class="skills">Frontend, backend, concept, everything</p>↩
  229. <p class="tech"><a href="http://www.djangoproject.com/">Django</a>, OpenID, HTML, lighttpd</p>↩
  230. <p class="minor">In cooperation with Mathias Püschel (design) of↩
  231. <a href="http://www.sturzbach.de/">Sturzbach – Gute Websites</a>.</p>↩
  232. </li>↩
  233. </ul>↩
  234. </section>↩
  235. <footer>↩
  236. <p>© Fabian Neumann, Schlossstr. 29, 15517 Fürstenwalde, Germany↩
  237. <br>USt-ID: DE263603258</p>↩
  238. <p>Haftungshinweis: Trotz sorgfältiger inhaltlicher Kontrolle übernehme↩
  239. ich keine Haftung für die Inhalte externer Links. Für den Inhalt der↩
  240. verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.</p>↩
  241. </footer>↩
  242. </div>↩
  243. <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>↩
  244. <script src="static/global.js"></script>↩
  245. <script>↩
  246. jQuery(document).ready(function () { FNDEV.on_document_ready(); });↩
  247. jQuery(window).load(function () { FNDEV.on_window_load(); });↩
  248. var clicky = { log: function(){ return; }, goal: function(){ return; }};↩
  249. var clicky_site_id = 4922;↩
  250. (function() {↩
  251. var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true;↩
  252. s.src = 'http://static.getclicky.com/js';↩
  253. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(s);↩
  254. })();↩
  255. </script>↩
  256. <noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/4922ns.gif"></p></noscript>↩
  257. </body>↩
  258. </html>

Total execution time 91 milliseconds.

About this Service • More options