{"id":5224,"date":"2014-06-10T22:17:14","date_gmt":"2014-06-10T21:17:14","guid":{"rendered":"http:\/\/www.markwilson.co.uk\/blog\/?p=5224"},"modified":"2014-06-10T22:23:04","modified_gmt":"2014-06-10T21:23:04","slug":"content-typography-and-geeky-stuff-mkgn","status":"publish","type":"post","link":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm","title":{"rendered":"Content, typography and geeky stuff (#MKGN)"},"content":{"rendered":"<p>As another Milton\u00a0Keynes Geek Night approaches, I&#8217;ve realised what a terrible blogger I&#8217;ve been\u00a0lately&#8230; heck, maybe I don&#8217;t even qualify as a geek any more! I thought I&#8217;d try and make amends with these notes from the last event &#8211; which was, as always, an enjoyable evening with a real mix of speakers providing plenty of food for thought. \u00a0If these little tasters leave you wanting more, check out the audio on Soundcloud:<\/p>\n<iframe loading=\"lazy\" width=\"100%\" height=\"450\" scrolling=\"no\" frameborder=\"no\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F28799053&auto_play=false&hide_related=false&visual=true&show_comments=true&color=false&show_user=true&show_reposts=false\"><\/iframe>\n<h3>Future Perfect Tense<\/h3>\n<p>The first talk was from\u00a0Relly Annette-Baker (<a href=\"http:\/\/twitter.com\/RellyAB\">@RellyAB<\/a>) &#8211; bursting with energy as she blasted through her talk on &#8220;Future Perfect Tense&#8221; &#8211; or creating content for in imperfect web. The talk is worth another listen but, effectively, Relly spoke of the separation of content and design so that websites can evolve as technology moves on.<\/p>\n<p>Taking a physical world example, every piece of Lego is built to combine with every piece of past and future Lego, whereas Playmobil have hard-cast mounds.<\/p>\n<blockquote class=\"twitter-tweet\" lang=\"en\" data-conversation=\"none\"><p>MT <a href=\"https:\/\/twitter.com\/adamfidler\">@adamfidler<\/a>: Fantastic analogy from <a href=\"https:\/\/twitter.com\/RellyAB\">@RellyAB<\/a> &#8211; content is like Lego: chunks that fit together [unlike hard-moulded PlayMobil] <a href=\"https:\/\/twitter.com\/search?q=%23MKGN&amp;src=hash\">#MKGN<\/a><\/p>\n<p>\u2014 Mark Wilson (@markwilsonit) <a href=\"https:\/\/twitter.com\/markwilsonit\/statuses\/444213049965441024\">March 13, 2014<\/a><\/p><\/blockquote>\n<p><script src=\"\/\/platform.twitter.com\/widgets.js\" async=\"\" type=\"mce-text\/javascript\" charset=\"utf-8\"><\/script><\/p>\n<p>On the web, our content needs to be structured chunks that build packages (screen sizes, needs, requirements, points).\u00a0Once we understand what the content is, it can be\u00a0put\u00a0in the CMS, and we need to understand how people are using that content.<\/p>\n<p>Additionally, we shouldn&#8217;t fork content\u00a0&#8211; pragmatically there are times when we may need a separate mobile site but that&#8217;s short term &#8211; long term we need to cope with a plethora of devices (from a\u00a01&#8243; watch to a\u00a050&#8243; smart TV &#8211; we can&#8217;t have a new site for each one). We need to have a plan to move content to new sites.<\/p>\n<blockquote class=\"twitter-tweet\" lang=\"en\"><p>\nConcept of content: create structure; chunk not blob (contents not content); build in flexibility (<a href=\"https:\/\/twitter.com\/RellyAB\">@RellyAB<\/a> at <a href=\"https:\/\/twitter.com\/search?q=%23MKGN&amp;src=hash\">#MKGN<\/a>)<\/p>\n<p>\u2014 Mark Wilson (@markwilsonit) <a href=\"https:\/\/twitter.com\/markwilsonit\/statuses\/444213762338586624\">March 13, 2014<\/a>\n<\/p><\/blockquote>\n<p><script src=\"\/\/platform.twitter.com\/widgets.js\" async=\"\" charset=\"utf-8\"><\/script><\/p>\n<p>Netflix is on 100s of devices but only has 3 content formats &#8211; short, medium and long. \u00a0And, as for the next big thing &#8211; Google &#8220;iPhone will fail&#8221; to see how, in 2006\/2007, people were seeing an expensive smartphone, not a cheap portable\u00a0computer.<\/p>\n<p>None of us know the next cool thing but we don&#8217;t need to. Build teams, tools and content that adapt whatever the conduit. Create chunks that can move around and be repurposed. The rest will look after itself&#8230;<\/p>\n<h3>Knowing you know nothing<\/h3>\n<p>Knowing you know nothing was a short talk from James Bavington (<a href=\"http:\/\/twitter.com\/JamesBavington\">@JamesBavington<\/a>) who started out\u00a0with a quote, from Socrates no less:<\/p>\n<blockquote><p>&#8220;The only true wisdom is knowing you know nothing&#8221; [Socrates]<\/p><\/blockquote>\n<p>Or, to paraphrase:<\/p>\n<blockquote><p>&#8220;You&#8217;re stupid if you think you know everything&#8221; [James Bavington]<\/p><\/blockquote>\n<p>There are many, many tools available to help us in creating websites (thankfully we don&#8217;t have to know them all) but web design concepts can be limited by our technical knowledge and ability:<\/p>\n<blockquote class=\"twitter-tweet\" lang=\"en\"><p>So much to keep up to date with (<a href=\"https:\/\/twitter.com\/jamesbavington\">@jamesbavington<\/a> at <a href=\"https:\/\/twitter.com\/search?q=%23MKGN&amp;src=hash\">#MKGN<\/a>): <a href=\"http:\/\/t.co\/mJ6wmGDtAx\">pic.twitter.com\/mJ6wmGDtAx<\/a> \u2014 Mark Wilson (@markwilsonit) <a href=\"https:\/\/twitter.com\/markwilsonit\/statuses\/444222933238837248\">March 13, 2014<\/a><\/p><\/blockquote>\n<p>James used an analogy about how he started investigating the Google Maps API to push his skillset and improve the user experience in a site he was creating. \u00a0This led him to a side project using the Google Maps API and experimenting with many features.<\/p>\n<p>James\u00a0takes the view that expanding your technical awareness (not necessarily ability) gives your creativity more to play with. \u00a0As someone who struggles\u00a0with seeing loads of interesting &#8220;stuff&#8221; that I rarely\u00a0investigate as fully as I&#8217;d like, I may try James&#8217; advice for expanding my knowledge:<\/p>\n<ol>\n<li>Little and often.<\/li>\n<li>Set project challenges.<\/li>\n<li>Have a side project.<\/li>\n<li>Know that I know nothing.<\/li>\n<\/ol>\n<h3>Distributing the future more evenly, with JavaScript<\/h3>\n<p>Jeremy Taylor (<a href=\"http:\/\/twitter.com\/jdt_me\">@jdt_me<\/a>) was next up &#8211; talking about\u00a0distributing the future more evenly, with JavaScript. \u00a0The gist of Jeremy&#8217;s talk was that we&#8217;re not using the &#8220;slab of glass in our pocket&#8221; (i.e. smartphone)\u00a0properly and that, instead of collaborating and solving the grand challenges of our age, corporations are in battle.<\/p>\n<p>Many socially-ethical businesses will use &#8220;free&#8221; services that rely on ads &#8211; it&#8217;s just not healthy, Jeremy believes.<\/p>\n<p>Browser is no longer a document browser but is effectively a hypervisor with each tab running in its own sandbox, and WebRTC peer connections to connect them, making the entire web a giant playground.<\/p>\n<p>Citing the examples of <a href=\"http:\/\/browserify.org\/\">Browserify<\/a>\u00a0(<a href=\"http:\/\/blakeembrey.com\/articles\/introduction-to-browserify\/\">introduction<\/a>)\u00a0leading to\u00a0<a href=\"https:\/\/github.com\/feross\/webtorrent\">WebTorrent<\/a>, Jeremy suggests that we need simpler tools to create distributed systems\u00a0and that JavaScript provides new ways to integrate and collaborate.<\/p>\n<h3>Sass: a whistle stop tour<\/h3>\n<p>Stuart Robson (<a href=\"http:\/\/twitter.com\/sturobson\">@StuRobson<\/a>) gave another 5 minute talk &#8211; about a CSS extension language called\u00a0Sass (Syntactically Awesome Style Sheets). \u00a0<a href=\"https:\/\/speakerdeck.com\/sturobson\/sass-a-whistle-stop-tour\">Stu&#8217;s\u00a0slides are on SpeakerDeck<\/a>\u00a0and he describes the talk as &#8220;a quick blast through what makes Sass an awesome extension of CSS that you should use no matter how marginally&#8221;. \u00a0It certainly looks useful to me &#8211; with variables, nesting, code snippets and more&#8230;<\/p>\n<h3>One minute talks<\/h3>\n<p>Then, there were the one minute talks with the usual bunch of recruitment pitches, conference plugs, and two that made me sit up and listen:<\/p>\n<ul>\n<li>A new TechHub co-working space coming to\u00a0Milton Keynes (although I can&#8217;t find any details on the web).<\/li>\n<li>Fibe (sp?) are a\u00a0young startup of\u00a0school kids who understand they can only do so much (having said that, the speaker was really confident and came across really well). They are looking for an HTML hermit, a JavaScript genius or a database [demon] to work with and help them&#8230;<\/li>\n<\/ul>\n<h3>Take your stinking paws off my design you damn dirty developers<\/h3>\n<p>Finally, Andrew Clarke (<a href=\"http:\/\/twitter.com\/Malarkey\">@Malarkey<\/a>) gave a provocatively-titled but fascinating talk that is intended to help developers udnerstand design issues. \u00a0Andrew&#8217;s talk normally takes an hour, so he cut it down to just\u00a0typography (<a href=\"https:\/\/speakerdeck.com\/malarkey\/take-your-stinking-paws-off-my-design-you-damn-dirty-developers\">the full set of slides\u00a0is on SpeakerDeck<\/a>) and I could have listened for hours. whoever thought that the finer details of lettering could be so interesting?<\/p>\n<p>I learned how it&#8217;s important to understand the size of type to be fused and how the measure (the width of the body of type) can be controlled for\u00a0comfortable reading by reducing column widths or increasing font sizing (2-3 alphabets, i.e. 56-78 characters is ideal). I learned how adjustments to the measure need to be accompanied by changes to line hight and how different styles should be used for reversed out content to improve readability. I learned that the tracking (word-spacing in CSS) can be used to improve readability and that san serif typefaces\u00a0need\u00a0looser line heights.<\/p>\n<p>Then there&#8217;s the area of typographically-correct glyphs:<\/p>\n<ul>\n<li>Hyphens break words over multiple lines, or join-words.<\/li>\n<li>En dashes are longer and denote a range (equivalent to the work &#8220;to&#8221;), for example 1\u201310 or Earth\u2013Mars.<\/li>\n<li>An em dash is even longer \u2014 for a pause \u2014 or a separate train of thought in the same sentence. Either use no space or a hair space. And two adjacent em dashes can indicate a missing letter in a w\u2014\u2014rd.<\/li>\n<li>Single and double primes should be used for feet and inches or minutes and seconds. Never for quotations!<\/li>\n<li>Quotations use curly quotes: \u201c \u201d or \u2018 \u2019.<\/li>\n<li>And an ellipsis is not just 3 dots \u2014 it&#8217;s one entity\u2026 which marks a continuation.<\/li>\n<\/ul>\n<p>[Related reading: <a href=\"http:\/\/line25.com\/articles\/10-html-entity-crimes-you-really-shouldnt-commit\">10 HTML entity crimes you really shouldn&#8217;t commit<\/a>]<\/p>\n<p>Moving on, Andrew spoke of markers and margins in lists, and of using CSS relative positioning to place \u00a9 close to the baseline &#8211; and adjusting parentheses too!<\/p>\n<blockquote class=\"twitter-tweet\" lang=\"en\"><p>&#8220;Once you start seeing typography you can&#8217;t unsee it&#8221; (<a href=\"https:\/\/twitter.com\/Malarkey\">@Malarkey<\/a> at <a href=\"https:\/\/twitter.com\/search?q=%23MKGN&amp;src=hash\">#MKGN<\/a>)<\/p>\n<p>\u2014 Mark Wilson (@markwilsonit) <a href=\"https:\/\/twitter.com\/markwilsonit\/statuses\/444238334614069248\">March 13, 2014<\/a><\/p><\/blockquote>\n<p><script src=\"\/\/platform.twitter.com\/widgets.js\" async=\"\" charset=\"utf-8\"><\/script>In summary: designers and developers need a better understanding of each other&#8217;s work. They need to know how to work together!<\/p>\n<h3>When&#8217;s the next one?<\/h3>\n<p>If you think this sounds good, follow <a href=\"http:\/\/twitter.com\/MKGeekNight\">@MKGeekNight<\/a> or check out <a href=\"http:\/\/mkgeeknight.co.uk\/\">the MK Geek Night website<\/a> &#8211; MKGN number 9 is coming up on\u00a012 June 2014 and speakers are:<\/p>\n<ul>\n<li>Rachel Andrew (<a href=\"http:\/\/twitter.com\/rachelandrew\">@RachelAndrew<\/a>): Your own definition of success &#8211; choosing a profitable side project idea.<\/li>\n<li>Dan Donald (<a href=\"http:\/\/twitter.com\/hereinthehive\">@hereinthehive<\/a>): Designing evolution.<\/li>\n<li>Robert Bavington (<a href=\"http:\/\/twitter.com\/robertbavington\">@RobertBavington<\/a>): Responsive Web Design Today.<\/li>\n<li>Ben MacGowan (<a href=\"https:\/\/twitter.com\/benmacgowan\">@BenMacGowan<\/a>): The era of gratuitous animations.<\/li>\n<li>Mark McCulloch (<a href=\"http:\/\/twitter.com\/wearespectaculr\">@wearespectaculr<\/a>): Are you speaking Scottish in Tokyo?<\/li>\n<\/ul>\n<p>There&#8217;s usually free beer and pizza too&#8230; so what&#8217;s not to like!\u00a0<\/p>\n<blockquote class=\"twitter-tweet\" lang=\"en\"><p>\nView from the back <a href=\"https:\/\/twitter.com\/search?q=%23MKGN&amp;src=hash\">#MKGN<\/a> <a href=\"http:\/\/t.co\/dqGGzrjBEA\">pic.twitter.com\/dqGGzrjBEA<\/a> \u2014 MK Geek Night (@MKGeekNight) <a href=\"https:\/\/twitter.com\/MKGeekNight\/statuses\/444234109322526720\">March 13, 2014<\/a>\n<\/p><\/blockquote>\n<p><script src=\"\/\/platform.twitter.com\/widgets.js\" async=\"\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As another Milton\u00a0Keynes Geek Night approaches, I&#8217;ve realised what a terrible blogger I&#8217;ve been\u00a0lately&#8230; heck, maybe I don&#8217;t even qualify as a geek any more! I thought I&#8217;d try and make amends with these notes from the last event &#8211; which was, as always, an enjoyable evening with a real mix of speakers providing plenty &hellip; <a href=\"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Content, typography and geeky stuff (#MKGN)<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[218],"tags":[516,461,29],"class_list":["post-5224","post","type-post","status-publish","format-standard","hentry","category-technology","tag-design","tag-mk-geek-night","tag-website-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Content, typography and geeky stuff (#MKGN) - markwilson.it<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Content, typography and geeky stuff (#MKGN) - markwilson.it\" \/>\n<meta property=\"og:description\" content=\"As another Milton\u00a0Keynes Geek Night approaches, I&#8217;ve realised what a terrible blogger I&#8217;ve been\u00a0lately&#8230; heck, maybe I don&#8217;t even qualify as a geek any more! I thought I&#8217;d try and make amends with these notes from the last event &#8211; which was, as always, an enjoyable evening with a real mix of speakers providing plenty &hellip; Continue reading Content, typography and geeky stuff (#MKGN)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm\" \/>\n<meta property=\"og:site_name\" content=\"markwilson.it\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-10T21:17:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-06-10T21:23:04+00:00\" \/>\n<meta name=\"author\" content=\"Mark Wilson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@markwilsonit\" \/>\n<meta name=\"twitter:site\" content=\"@markwilsonit\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Wilson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2014\\\/06\\\/content-typography-and-geeky-stuff-mkgn.htm#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2014\\\/06\\\/content-typography-and-geeky-stuff-mkgn.htm\"},\"author\":{\"name\":\"Mark Wilson\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#\\\/schema\\\/person\\\/98f61365e7c39d6be942174b8c4de468\"},\"headline\":\"Content, typography and geeky stuff (#MKGN)\",\"datePublished\":\"2014-06-10T21:17:14+00:00\",\"dateModified\":\"2014-06-10T21:23:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2014\\\/06\\\/content-typography-and-geeky-stuff-mkgn.htm\"},\"wordCount\":1431,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#\\\/schema\\\/person\\\/98f61365e7c39d6be942174b8c4de468\"},\"keywords\":[\"Design\",\"Milton Keynes Geek Night\",\"Website Development\"],\"articleSection\":[\"Technology\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2014\\\/06\\\/content-typography-and-geeky-stuff-mkgn.htm#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2014\\\/06\\\/content-typography-and-geeky-stuff-mkgn.htm\",\"url\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2014\\\/06\\\/content-typography-and-geeky-stuff-mkgn.htm\",\"name\":\"Content, typography and geeky stuff (#MKGN) - markwilson.it\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#website\"},\"datePublished\":\"2014-06-10T21:17:14+00:00\",\"dateModified\":\"2014-06-10T21:23:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2014\\\/06\\\/content-typography-and-geeky-stuff-mkgn.htm#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2014\\\/06\\\/content-typography-and-geeky-stuff-mkgn.htm\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/2014\\\/06\\\/content-typography-and-geeky-stuff-mkgn.htm#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Content, typography and geeky stuff (#MKGN)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/\",\"name\":\"markwilson.it\",\"description\":\"get-info -class technology | write-output &gt; \\\/dev\\\/web\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#\\\/schema\\\/person\\\/98f61365e7c39d6be942174b8c4de468\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/#\\\/schema\\\/person\\\/98f61365e7c39d6be942174b8c4de468\",\"name\":\"Mark Wilson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.markwilson.co.uk\\\/blog\\\/uploads\\\/image-4.png?fit=800%2C800&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.markwilson.co.uk\\\/blog\\\/uploads\\\/image-4.png?fit=800%2C800&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.markwilson.co.uk\\\/blog\\\/uploads\\\/image-4.png?fit=800%2C800&ssl=1\",\"width\":800,\"height\":800,\"caption\":\"Mark Wilson\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/www.markwilson.co.uk\\\/blog\\\/uploads\\\/image-4.png?fit=800%2C800&ssl=1\"},\"description\":\"A Chartered IT Professional, with recent experience in technology leadership, IT strategy and practice management roles, Mark Wilson is an Enterprise Architect in the Advisory and Management Group at risual. During a career spanning more than two decades, Mark has gained widespread recognition as an expert in his field including both industry and national press exposure. In addition to certifications from Microsoft, VMware, Red Hat, The Open Group and Axelos, Mark held a Microsoft Most Valuable Professional (MVP) award for three years and is now part of the MVP Reconnect programme. Mark is also well-known on social media and maintains an award-winning blog.\",\"sameAs\":[\"http:\\\/\\\/www.markwilson.co.uk\\\/\",\"https:\\\/\\\/www.instagram.com\\\/markwilsonuk\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/markawilson\\\/\",\"https:\\\/\\\/x.com\\\/markwilsonit\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCWHlZCoHRTocdvtrOJ2IL4A\"],\"url\":\"https:\\\/\\\/www.markwilson.co.uk\\\/blog\\\/author\\\/mark-wilson\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Content, typography and geeky stuff (#MKGN) - markwilson.it","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm","og_locale":"en_GB","og_type":"article","og_title":"Content, typography and geeky stuff (#MKGN) - markwilson.it","og_description":"As another Milton\u00a0Keynes Geek Night approaches, I&#8217;ve realised what a terrible blogger I&#8217;ve been\u00a0lately&#8230; heck, maybe I don&#8217;t even qualify as a geek any more! I thought I&#8217;d try and make amends with these notes from the last event &#8211; which was, as always, an enjoyable evening with a real mix of speakers providing plenty &hellip; Continue reading Content, typography and geeky stuff (#MKGN)","og_url":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm","og_site_name":"markwilson.it","article_published_time":"2014-06-10T21:17:14+00:00","article_modified_time":"2014-06-10T21:23:04+00:00","author":"Mark Wilson","twitter_card":"summary_large_image","twitter_creator":"@markwilsonit","twitter_site":"@markwilsonit","twitter_misc":{"Written by":"Mark Wilson","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm#article","isPartOf":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm"},"author":{"name":"Mark Wilson","@id":"https:\/\/www.markwilson.co.uk\/blog\/#\/schema\/person\/98f61365e7c39d6be942174b8c4de468"},"headline":"Content, typography and geeky stuff (#MKGN)","datePublished":"2014-06-10T21:17:14+00:00","dateModified":"2014-06-10T21:23:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm"},"wordCount":1431,"commentCount":0,"publisher":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/#\/schema\/person\/98f61365e7c39d6be942174b8c4de468"},"keywords":["Design","Milton Keynes Geek Night","Website Development"],"articleSection":["Technology"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm","url":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm","name":"Content, typography and geeky stuff (#MKGN) - markwilson.it","isPartOf":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/#website"},"datePublished":"2014-06-10T21:17:14+00:00","dateModified":"2014-06-10T21:23:04+00:00","breadcrumb":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.markwilson.co.uk\/blog\/2014\/06\/content-typography-and-geeky-stuff-mkgn.htm#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markwilson.co.uk\/blog"},{"@type":"ListItem","position":2,"name":"Content, typography and geeky stuff (#MKGN)"}]},{"@type":"WebSite","@id":"https:\/\/www.markwilson.co.uk\/blog\/#website","url":"https:\/\/www.markwilson.co.uk\/blog\/","name":"markwilson.it","description":"get-info -class technology | write-output &gt; \/dev\/web","publisher":{"@id":"https:\/\/www.markwilson.co.uk\/blog\/#\/schema\/person\/98f61365e7c39d6be942174b8c4de468"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markwilson.co.uk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/www.markwilson.co.uk\/blog\/#\/schema\/person\/98f61365e7c39d6be942174b8c4de468","name":"Mark Wilson","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/image-4.png?fit=800%2C800&ssl=1","url":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/image-4.png?fit=800%2C800&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/image-4.png?fit=800%2C800&ssl=1","width":800,"height":800,"caption":"Mark Wilson"},"logo":{"@id":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/image-4.png?fit=800%2C800&ssl=1"},"description":"A Chartered IT Professional, with recent experience in technology leadership, IT strategy and practice management roles, Mark Wilson is an Enterprise Architect in the Advisory and Management Group at risual. During a career spanning more than two decades, Mark has gained widespread recognition as an expert in his field including both industry and national press exposure. In addition to certifications from Microsoft, VMware, Red Hat, The Open Group and Axelos, Mark held a Microsoft Most Valuable Professional (MVP) award for three years and is now part of the MVP Reconnect programme. Mark is also well-known on social media and maintains an award-winning blog.","sameAs":["http:\/\/www.markwilson.co.uk\/","https:\/\/www.instagram.com\/markwilsonuk\/","https:\/\/www.linkedin.com\/in\/markawilson\/","https:\/\/x.com\/markwilsonit","https:\/\/www.youtube.com\/channel\/UCWHlZCoHRTocdvtrOJ2IL4A"],"url":"https:\/\/www.markwilson.co.uk\/blog\/author\/mark-wilson"}]}},"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":6365,"url":"https:\/\/www.markwilson.co.uk\/blog\/2016\/04\/speaking-milton-keynes-geek-night-mkgn.htm","url_meta":{"origin":5224,"position":0},"title":"Speaking at Milton Keynes Geek Night (#MKGN)","author":"Mark Wilson","date":"Friday 29 April 2016","format":false,"excerpt":"For the last few years, I've been heading into Milton Keynes once a quarter (and on a couple of other occasions too) to attend the Milton Keynes Geek Night, organised by Richard Wiggins (@richardwiggins) and David Hughes (@davidhughes). Last time I had the crazy idea that I might speak at\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.markwilson.co.uk\/blog\/topic\/technology"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/images\/mkgn.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":5664,"url":"https:\/\/www.markwilson.co.uk\/blog\/2015\/06\/milton-keynes-geek-night-three-years-on-and-as-good-as-ever-mkgn.htm","url_meta":{"origin":5224,"position":1},"title":"Milton Keynes Geek Night &#8211; three years on and going from strength to strength (#MKGN)","author":"Mark Wilson","date":"Friday 12 June 2015","format":false,"excerpt":"I don't remember how I first became aware of Milton Keynes Geek Night but, three years ago, I turned up in a room above a converted bus station to see what this new event would be like. 13 Geek Nights later (plus a special Geek Mental Health event too) and\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.markwilson.co.uk\/blog\/topic\/technology"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/images\/mkgn.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":5178,"url":"https:\/\/www.markwilson.co.uk\/blog\/2014\/03\/time-for-another-mkgn.htm","url_meta":{"origin":5224,"position":2},"title":"Time for another #MKGN","author":"Mark Wilson","date":"Wednesday 12 March 2014","format":false,"excerpt":"Woah... where did the last three months go? \u00a0It's Milton Keynes Geek Night\u00a0(@MKGeekNight)\u00a0again tomorrow and I haven't blogged about the last one yet (for that matter I can't find my notes - in Evernote, OneNote, Keep, or anywhere else). \u00a0It's a good job I don't rely on this blogging lark\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.markwilson.co.uk\/blog\/topic\/technology"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/images\/mike-the-geeknight-robot.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":8869,"url":"https:\/\/www.markwilson.co.uk\/blog\/2022\/04\/10-years-of-milton-keynes-geek-night.htm","url_meta":{"origin":5224,"position":3},"title":"10 years of Milton Keynes Geek Night","author":"Mark Wilson","date":"Wednesday 27 April 2022","format":false,"excerpt":"In June 2012, I joined a large group of people in a community arts centre at a converted bus station. It was the first \u201cMilton Keynes Geek Night\u201d and I really wish it had been me that had penned\u00a0this tweet: Proof that Milton Keynes has geeks and about 200 more\u2026","rel":"","context":"In &quot;Published elsewhere&quot;","block_context":{"text":"Published elsewhere","link":"https:\/\/www.markwilson.co.uk\/blog\/topic\/published-elsewhere"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/279326480_409221124011959_5464393416983907553_n.jpg?fit=1080%2C1080&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/279326480_409221124011959_5464393416983907553_n.jpg?fit=1080%2C1080&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/279326480_409221124011959_5464393416983907553_n.jpg?fit=1080%2C1080&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/279326480_409221124011959_5464393416983907553_n.jpg?fit=1080%2C1080&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/uploads\/279326480_409221124011959_5464393416983907553_n.jpg?fit=1080%2C1080&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":5010,"url":"https:\/\/www.markwilson.co.uk\/blog\/2013\/09\/mk-geek-night-again-and-i-still-havent-blogged-about-the-last-one.htm","url_meta":{"origin":5224,"position":4},"title":"MK Geek Night again &#8211; and I still haven&#8217;t blogged about the last one!","author":"Mark Wilson","date":"Wednesday 18 September 2013","format":false,"excerpt":"This week sees the sixth quarterly Milton Keynes Geek Night (MKGN). \u00a0I've attended every one so far and always blogged about them - except the last one. \u00a0The simple fact is, I've been too busy - but I'm also just a little bit obsessive about these things and wanted to\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.markwilson.co.uk\/blog\/topic\/technology"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.markwilson.co.uk\/blog\/images\/mkgn.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":4838,"url":"https:\/\/www.markwilson.co.uk\/blog\/2013\/03\/recommended-listening-mk-geek-night-recordings-on-the-high-cost-of-free-and-so-you-have-an-app-idea.htm","url_meta":{"origin":5224,"position":5},"title":"Recommended listening: MK Geek Night recordings on &#8220;the high cost of free&#8221; and &#8220;so you have an app idea?&#8221;","author":"Mark Wilson","date":"Wednesday 20 March 2013","format":false,"excerpt":"Tomorrow night is MK Geek Night and the event continues to gain in popularity, \"selling\" out in just 8 hours, with a huge waiting list. \u00a0Last month I wrote some brief highlights, and hinted that I might like to follow up with more detail on a couple of the talks.\u2026","rel":"","context":"In &quot;Technology&quot;","block_context":{"text":"Technology","link":"https:\/\/www.markwilson.co.uk\/blog\/topic\/technology"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/posts\/5224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=5224"}],"version-history":[{"count":12,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/posts\/5224\/revisions"}],"predecessor-version":[{"id":5236,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/posts\/5224\/revisions\/5236"}],"wp:attachment":[{"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=5224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=5224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markwilson.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=5224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}