<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Kevin Hakanson</title>
    <description>The latest articles on DEV Community by Kevin Hakanson (@hakanson).</description>
    <link>https://dev.to/hakanson</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F151962%2F8dbfef82-c342-4662-9ad9-7df450304754.jpeg</url>
      <title>DEV Community: Kevin Hakanson</title>
      <link>https://dev.to/hakanson</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hakanson"/>
    <language>en</language>
    <item>
      <title>7 Attempts at Slide Deck Humor</title>
      <dc:creator>Kevin Hakanson</dc:creator>
      <pubDate>Sun, 27 Sep 2020 16:38:52 +0000</pubDate>
      <link>https://dev.to/hakanson/7-attempts-at-slide-deck-humor-ob2</link>
      <guid>https://dev.to/hakanson/7-attempts-at-slide-deck-humor-ob2</guid>
      <description>&lt;p&gt;With the transition of &lt;a href="https://news.linkedin.com/2020/august/digital-library-leader-scribd-is-acquiring-slideshare"&gt;SlideShare from LinkedIn to Scribd&lt;/a&gt;, I looked through my old tech conference presentation slide decks and wanted to highlight some of my slides that (maybe) were not as humorous as I planned. They say "If you have to explain a joke, it's not funny" but I don't care what "they" say - these are getting an explanation.&lt;/p&gt;

&lt;p&gt;From &lt;a href="https://www.slideshare.net/kevinhakanson/implementing-messaging-patterns-in-java-script-using-the-openajax-hub/51"&gt;Implementing Messaging Patterns in JavaScript using the OpenAjax Hub&lt;/a&gt;, this "Q &amp;amp; A" slide refers to &lt;a href="https://en.wikipedia.org/wiki/Q_(Star_Trek)"&gt;Q&lt;/a&gt; from Star Trek: The Next Generation (1987) and &lt;a href="https://en.wikipedia.org/wiki/The_Scarlet_Letter"&gt;A&lt;/a&gt; as the Scarlet Letter from the classic Nathaniel Hawthorn novel (1850).&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QMDVM7Ea--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/krdy3c11h87hvm6sjw8b.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QMDVM7Ea--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/krdy3c11h87hvm6sjw8b.jpg" alt="Q (Star Trek) &amp;amp; A (Scarlet Letter)"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;From &lt;a href="https://www.slideshare.net/kevinhakanson/developers-guide-to-javascript-and-web-cryptography/21"&gt;Developer's Guide to JavaScript and Web Cryptography&lt;/a&gt;, this pre-apology slide for when I accidentally&amp;nbsp;said SSL (Secure Sockets Layer) instead of TLS (Transport Layer Security), was a reference to the They Might be Giants 1990 version of &lt;a href="https://en.wikipedia.org/wiki/Istanbul_(Not_Constantinople)"&gt;Istanbul (Not Constantinople)&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CNNZ8tyw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wsn2td5qf0f0epfuk7cb.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CNNZ8tyw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wsn2td5qf0f0epfuk7cb.jpg" alt="Istanbul (Not Constantinople)"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;From &lt;a href="https://www.slideshare.net/kevinhakanson/internationalize-your-javascript-application-prepare-for-the-next-billion-internet-users/13"&gt;Internationalize your JavaScript Application: Prepare for "the next billion" internet users&lt;/a&gt;, following where I explained that internationalization was abbreviated as &lt;strong&gt;i18n&lt;/strong&gt; and localization was abbreviated as &lt;strong&gt;l10n&lt;/strong&gt;, I attempted to make a &lt;a href="https://en.wikipedia.org/wiki/Numeronym"&gt;numeronym&lt;/a&gt; joke out of my own name (which also ends in &lt;strong&gt;n&lt;/strong&gt;) with Kevin Hakanson being replaced by &lt;strong&gt;K3n H6n&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gGeMlxk_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/j2d2znx8fusyw3dgnivn.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gGeMlxk_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/j2d2znx8fusyw3dgnivn.jpg" alt="K3n H6n numeronym joke"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;From &lt;a href="https://www.slideshare.net/kevinhakanson/make-your-own-print-play-card-game-using-svg-and-java-script/103"&gt;Make your own Print &amp;amp; Play card game using SVG and JavaScript&lt;/a&gt;, after I built up this personalized trading card using SVG (Scalable Vector Graphics), I egotistically put it side by side with the original template. This was not just another Star Trek: The Next Generation reference but also honored the&amp;nbsp;&lt;a href="https://en.wikipedia.org/wiki/TableTop#International_TableTop_Day"&gt;second International TableTop Day&lt;/a&gt; that was being live streamed by Wil Wheaton that very same day in 2014.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--JHk9NfNZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2jexhz0sikxhgxpr5vye.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--JHk9NfNZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2jexhz0sikxhgxpr5vye.jpg" alt="Wil Wheaton and Kevin Hakanson as Evil Twins"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;From &lt;a href="https://www.slideshare.net/kevinhakanson/securing-todomvc-using-the-web-cryptography-api/56"&gt;Securing TodoMVC Using the Web Cryptography API&lt;/a&gt;, back when internet meme options were not as rich as they are today, I used &lt;a href="https://en.wikipedia.org/wiki/The_Most_Interesting_Man_in_the_World"&gt;The Most Interesting Man in the World&lt;/a&gt; to make a substitution cipher joke about ROT26 (which is equivalent to no encryption at all). Another throwback to my college years when &lt;a href="https://en.wikipedia.org/wiki/Network_News_Transfer_Protocol"&gt;NTTP&lt;/a&gt; group posts used &lt;a href="https://en.wikipedia.org/wiki/ROT13"&gt;ROT13&lt;/a&gt; to obscure answers to jokes and puzzles.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--XWdoVuVI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4olfyrjeiaohw7o7q071.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--XWdoVuVI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4olfyrjeiaohw7o7q071.jpg" alt="I don't always use encryption, but when I do, I use ROT26"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;From &lt;a href="https://www.slideshare.net/kevinhakanson/ng-owasp-ndc/8"&gt;ng-owasp: OWASP Top 10 for AngularJS Applications&lt;/a&gt;, as I was explaining the presentation would focus on front-end technologies like HTML and JavaScript. I made the slide title of &lt;code&gt;html[ng-app]:focus, script:focus&lt;/code&gt; a syntactically correct CSS selector. This referenced that AngularJS added &lt;code&gt;class="ng-app"&lt;/code&gt; to the &lt;code&gt;&amp;lt;html&amp;gt;&lt;/code&gt; element, JavaScript uses the &lt;code&gt;&amp;lt;script&amp;gt;&lt;/code&gt; element, and I misappropriated the &lt;a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:focus"&gt;:focus&lt;/a&gt; CSS pseudo-class.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--31iK9SBo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/3wxx4n3ur0f212ckcqhq.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--31iK9SBo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/3wxx4n3ur0f212ckcqhq.jpg" alt="html[ng-app]:focus, script:focus"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;From &lt;a href="https://www.slideshare.net/kevinhakanson/introduction-to-speech-interfaces-for-web-applications/46"&gt;Introduction to Speech Interfaces for Web Applications&lt;/a&gt;, where I made a Star Wars reference to line "&lt;a href="https://starwars.fandom.com/wiki/TK-421"&gt;TK-421&lt;/a&gt; why aren't you at your post?" Each digit of 421 is enumerated by the actor, but most speech-to-text engines will say "four-hundred twenty-one" requiring custom mark-up to hear the intended result.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--nuWC-4RV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bjay94rw4j0hryqr15cn.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nuWC-4RV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bjay94rw4j0hryqr15cn.jpg" alt="TK-421"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Hopefully, you found at least one of these funny without the explanation. Visit &lt;a href="https://kevinhakanson.com/presentations"&gt;kevinhakanson.com/presentations&lt;/a&gt; for links to all my slide decks, associated code samples, and some video recordings.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Original version appears as a &lt;a href="https://www.linkedin.com/pulse/7-attempts-slide-deck-humor-kevin-hakanson/"&gt;LinkedIn article&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

</description>
      <category>watercooler</category>
    </item>
  </channel>
</rss>
