<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title></title>
    <description>@lipsumar's blog</description>
    <link>https://blog.lipsumarium.com/</link>
    <atom:link href="https://blog.lipsumarium.com/feed.xml" rel="self" type="application/rss+xml"/>
    <pubDate>Sun, 14 Apr 2019 11:06:24 -0500</pubDate>
    <lastBuildDate>Sun, 14 Apr 2019 11:06:24 -0500</lastBuildDate>
    <generator>Jekyll v3.8.5</generator>
    
      <item>
        <title>TWH is back !</title>
        <description>&lt;h1 id=&quot;twitter-writes-hamlet-is-back-&quot;&gt;Twitter Writes Hamlet is back !&lt;/h1&gt; &lt;blockquote&gt; &lt;p&gt;See it live &lt;a href=&quot;http://twitter-writes-hamlet.com&quot;&gt;http://twitter-writes-hamlet.com&lt;/a&gt;&lt;/p&gt; &lt;/blockquote&gt; &lt;p&gt;Having learned from the &lt;a href=&quot;http://blog.lipsumarium.com/twitter-writes-hamlet/&quot;&gt;first version of TWH&lt;/a&gt;, I decided to completely rewrite it. Here’s what changed:&lt;/p&gt; &lt;h2 id=&quot;code-rewrite&quot;&gt;Code rewrite&lt;/h2&gt; &lt;p&gt;My initial approach was somewhat misguided. TWH would actually listen to 2 realtime Twitter streams: &lt;a href=&quot;https://developer.twitter.com/en/docs/tweets/sample-realtime/overview/GET_statuse_sample&quot;&gt;statuses/sample&lt;/a&gt; and &lt;a href=&quot;https://developer.twitter.com/en/docs/tweets/filter-realtime/overview&quot;&gt;statuses/filter&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;em&gt;statuses/sample&lt;/em&gt; gives a bunch of random tweets. &lt;em&gt;statuses/filer&lt;/em&gt; was used to track some recurring words, mostly characters names (as they do occur a lot). The idea was that between these 2, I would get enough tweets to find the words.&lt;/p&gt; &lt;p&gt;In parallel to that, TWH...</description>
        <pubDate>Sun, 14 Apr 2019 07:34:35 -0500</pubDate>
        <link>https://blog.lipsumarium.com/twh-is-back/</link>
        <guid isPermaLink="true">https://blog.lipsumarium.com/twh-is-back/</guid>
        
        <category>art</category>
        
        <category>twitter</category>
        
        <category>nodeJS</category>
        
        
      </item>
    
      <item>
        <title>Twitter Poem</title>
        <description>&lt;p&gt;&lt;img src=&quot;/assets/img/posts/2018-09-02-twitter-poem/apparently-about-maybe.png&quot; alt=&quot;screenshot of the application showing the words &amp;quot;apparently about maybe&amp;quot;&quot; /&gt;&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;https://twitter-poem.herokuapp.com/&quot;&gt;Try it here!&lt;/a&gt;&lt;/p&gt; &lt;p&gt;The twitter random API is a wonderful source of randomness. Except it’s all but random: it’s a stream of human consciousness. This stream won’t be the same today as it will tomorrow. But what does it say ?&lt;/p&gt; &lt;p&gt;Since the first day I saw an endless stream of tweets in my terminal, I’ve wanted to capture the essence of what was said. But there is just too much, you can’t read it all.&lt;/p&gt; &lt;p&gt;What if I could get the most tweeted words and...</description>
        <pubDate>Sun, 02 Sep 2018 07:34:34 -0500</pubDate>
        <link>https://blog.lipsumarium.com/twitter-poem/</link>
        <guid isPermaLink="true">https://blog.lipsumarium.com/twitter-poem/</guid>
        
        <category>twitter</category>
        
        <category>nodeJS</category>
        
        <category>art</category>
        
        <category>screensaver</category>
        
        
      </item>
    
      <item>
        <title>Captioning memes in Python</title>
        <description>&lt;p&gt;&lt;img src=&quot;/assets/img/posts/2017-07-22-caption-memes-in-python/one-does-not-simply-make-a-good-meme-generator-in-python.jpg&quot; alt=&quot;one does not simply make a good meme generator in python&quot; /&gt;&lt;/p&gt; &lt;p&gt;As a meme enthusiast, I’ve been using a lot of meme generators. Recently my meme workflow is something like:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;Google the image macro name + “generator”&lt;/li&gt; &lt;li&gt;Click the first hit&lt;/li&gt; &lt;li&gt;Use the online generator&lt;/li&gt; &lt;li&gt;paste the image link to Slack&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;This is obviously not optimal.&lt;/p&gt; &lt;p&gt;So I got excited with the idea of making my own tool. Something that would allow me to type a sentence and get it rendered as a meme !&lt;/p&gt; &lt;p&gt;I didn’t find anything good enough on Github but it...</description>
        <pubDate>Sat, 22 Jul 2017 07:34:33 -0500</pubDate>
        <link>https://blog.lipsumarium.com/caption-memes-in-python/</link>
        <guid isPermaLink="true">https://blog.lipsumarium.com/caption-memes-in-python/</guid>
        
        <category>meme</category>
        
        <category>python</category>
        
        
      </item>
    
      <item>
        <title>Twitter 8-Ball</title>
        <description>&lt;p&gt;Here’s a quick experiment:&lt;/p&gt; &lt;p&gt;You know the Magic 8-Ball ? That thing that you shake and it gives you a random answer:&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;/assets/img/posts/2017-06-08-twitter-8-ball/8ball.jpg&quot; alt=&quot;Someone holding an 8-Ball&quot; /&gt;&lt;/p&gt; &lt;p&gt;It’s a random device. It will only give you 3 types of answers:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;yes&lt;/li&gt; &lt;li&gt;no&lt;/li&gt; &lt;li&gt;non-committal&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;I’ve made this: &lt;a href=&quot;https://twitter-8ball.herokuapp.com&quot;&gt;Twitter 8-Ball&lt;/a&gt;&lt;/p&gt; &lt;p&gt;It’s the same thing but using Twitter as the random generator. Ask your question and click on the ball. It will then start listening to Twitter for anyone tweeting a short phrase that can be interpreted as Magic 8-Ball answer.&lt;/p&gt; &lt;p&gt;And then you’ll get your answer, from...</description>
        <pubDate>Thu, 08 Jun 2017 12:34:33 -0500</pubDate>
        <link>https://blog.lipsumarium.com/twitter-8-ball/</link>
        <guid isPermaLink="true">https://blog.lipsumarium.com/twitter-8-ball/</guid>
        
        <category>art</category>
        
        <category>twitter</category>
        
        <category>nodeJS</category>
        
        
      </item>
    
      <item>
        <title>Twitter writes Hamlet</title>
        <description>&lt;blockquote&gt; &lt;p&gt;If you put 100 monkeys with typewriters in a room long enough, eventually you’ll get Hamlet.&lt;/p&gt; &lt;/blockquote&gt; &lt;p&gt;This is an expression I’ve heard many times. It means &lt;em&gt;anything&lt;/em&gt; can come out of random; that always fascinated me.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://twitter-writes-hamlet.com&quot;&gt;&lt;img src=&quot;/assets/img/posts/2016-06-05-twitter-writes-hamlet/twitter-writes-hamlet.com.png&quot; alt=&quot;twitter-writes-hamlet.com&quot; /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;A monkey on a typewriter would produce random letters. 6 random letters could be &lt;code class=&quot;highlighter-rouge&quot;&gt;dhsllr&lt;/code&gt; or &lt;code class=&quot;highlighter-rouge&quot;&gt;hamlet&lt;/code&gt; or &lt;code class=&quot;highlighter-rouge&quot;&gt;klefim&lt;/code&gt;. Sometimes randomness produces sequences that seem not random. But the fact that &lt;code class=&quot;highlighter-rouge&quot;&gt;snake&lt;/code&gt; has meaning but &lt;code class=&quot;highlighter-rouge&quot;&gt;uvzmp&lt;/code&gt; has not is pretty much arbitrary. Some sequence of letters have meaning, some don’t.&lt;/p&gt; &lt;p&gt;Out of...</description>
        <pubDate>Sun, 05 Jun 2016 09:34:33 -0500</pubDate>
        <link>https://blog.lipsumarium.com/twitter-writes-hamlet/</link>
        <guid isPermaLink="true">https://blog.lipsumarium.com/twitter-writes-hamlet/</guid>
        
        <category>art</category>
        
        <category>twitter</category>
        
        <category>nodeJS</category>
        
        
      </item>
    
      <item>
        <title>I'm Google: Couch mode</title>
        <description>&lt;p&gt;The project &lt;a href=&quot;http://dinakelberman.tumblr.com/&quot;&gt;I’m Google&lt;/a&gt; by &lt;a href=&quot;http://dinakelberman.com/&quot;&gt;Dina Kelberman&lt;/a&gt; is amazing. It’s an almost infinite collection of photos, hand picked by the artist.&lt;/p&gt; &lt;p&gt;The collection is so large that it’s hard to reach the end by using the tumblr site. Also, you do need to scroll. As a couch potato myself, I did the only thing that seemed to make sense: &lt;a href=&quot;http://lipsumar.github.io/im-google-couch-mode/&quot;&gt;a couch mode version&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;The main difference is that you don’t need to scroll and it starts at a random image. Perfect for a screensaver !&lt;/p&gt; &lt;p&gt;I wrote a script to fetch all images from the original tumblr...</description>
        <pubDate>Thu, 21 Apr 2016 06:15:37 -0500</pubDate>
        <link>https://blog.lipsumarium.com/i'm-google-couch-mode/</link>
        <guid isPermaLink="true">https://blog.lipsumarium.com/i'm-google-couch-mode/</guid>
        
        <category>art</category>
        
        <category>screensaver</category>
        
        
      </item>
    
      <item>
        <title>Add content elements more easily in TYPO3</title>
        <description>&lt;p&gt;What TYPO3 is good for, it lacks in general UX. One thing I find particularly painful is the edition workflow when you compose pages. Adding content, especially when you use grids (with &lt;a href=&quot;https://typo3.org/extensions/repository/view/gridelements&quot;&gt;grid elements&lt;/a&gt; in this case), is not a great experience.&lt;/p&gt; &lt;p&gt;Case in point: the content element selector:&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;/assets/img/posts/2016-04-12-add-content-elements-more-easily-in-typo3/ce-selector.png&quot; alt=&quot;TYPO3's content element selector&quot; /&gt;&lt;/p&gt; &lt;p&gt;First of all, the page reloads completely after you click the “I want to add something here” button. This forces the user to switch context, something that should probably be avoided when composing a page.&lt;/p&gt; &lt;p&gt;Then comes the selector itself, layout in tabs....</description>
        <pubDate>Tue, 12 Apr 2016 12:46:16 -0500</pubDate>
        <link>https://blog.lipsumarium.com/add-content-elements-more-easily-in-typo3/</link>
        <guid isPermaLink="true">https://blog.lipsumarium.com/add-content-elements-more-easily-in-typo3/</guid>
        
        <category>TYPO3</category>
        
        
      </item>
    
      <item>
        <title>My Plan for a Design System Framework</title>
        <description>&lt;p&gt;I love design systems &lt;em&gt;(aka styleguides)&lt;/em&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;/assets/img/posts/2016-04-09-intentions-for-a-design-system-framework/atomic-design.png&quot; alt=&quot;atomic design&quot; /&gt;&lt;/p&gt; &lt;p&gt;Combined with the idea of &lt;a href=&quot;http://bradfrost.com/blog/post/atomic-web-design/&quot;&gt;atomic design&lt;/a&gt;, they make a lot of sense. Unfortunately they’re hard to do right and keep up to date, especially in small projects.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://patternlab.io/&quot;&gt;Patternlab.io&lt;/a&gt; is a great base for an online styleguide. However, I feel it lacks a key thing to be a “living styleguide”: &lt;strong&gt;integrate into developers workflow&lt;/strong&gt;.&lt;/p&gt; &lt;p&gt;I believe once a component has been described, integrated and tested it should become easy to re-use and update, across the whole application.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://webcomponents.org/&quot;&gt;Web Components&lt;/a&gt; are great, but won’t help you much...</description>
        <pubDate>Fri, 08 Apr 2016 22:21:35 -0500</pubDate>
        <link>https://blog.lipsumarium.com/my-plan-for-a-design-system-framework/</link>
        <guid isPermaLink="true">https://blog.lipsumarium.com/my-plan-for-a-design-system-framework/</guid>
        
        <category>design system</category>
        
        <category>styleguide</category>
        
        <category>node</category>
        
        <category>npm</category>
        
        
      </item>
    
  </channel>
</rss>
