<?xml version="1.0" encoding="UTF-8"?>



<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Oak</title>
    <description>Oak Studios builds creative digital products like Dropmark and Siteleaf, invests in new ideas, and helps companies innovate.</description>
    <link>https://oak.is/</link>
    <atom:link href="https://oak.is/feed.xml" rel="self" type="application/rss+xml"/>
    <pubDate>Tue, 14 Apr 2026 08:22:16 -0400</pubDate>
    <lastBuildDate>Tue, 14 Apr 2026 08:22:16 -0400</lastBuildDate>
    <generator>Siteleaf</generator>
    
      <item>
        <title>Dropmark receives C2A award for UI Design</title>
        <description>&lt;p&gt;Congratulations to our app &lt;a href=&quot;https://www.dropmark.com&quot;&gt;Dropmark&lt;/a&gt; for receiving a 2022 Creative Communication Award in the &lt;a href=&quot;https://www.c2award.com/winners/c2a/2022/5220/&quot;&gt;User Interface design / UI &amp;amp; UX Design&lt;/a&gt; category. Only 80 pieces were recognized this year, and our team is thrilled to see Dropmark included.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/dropmark-c2a-2.png&quot; alt=&quot;Dropmark brand colors&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;caption&quot;&gt;Dropmark brand colors&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/dropmark-c2a-3.png&quot; alt=&quot;Dropmark iOS app design&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;caption&quot;&gt;Dropmark iOS app design&lt;/p&gt;

&lt;p&gt;See more at &lt;a href=&quot;https://www.c2award.com/winners/c2a/2022/5220/&quot;&gt;C2A&lt;/a&gt; and visit &lt;a href=&quot;https://www.dropmark.com&quot;&gt;dropmark.com&lt;/a&gt;.&lt;/p&gt;
</description>
        <pubDate>Tue, 07 Feb 2023 14:03:00 -0500</pubDate>
        <link>https://oak.is/thinking/dropmark-c2a-award/</link>
        <guid isPermaLink="true">https://oak.is/thinking/dropmark-c2a-award/</guid>
        
        <category>Announcement</category>
        
        <category>Buzz</category>
        
        <category>Products</category>
        
        
      </item>
    
      <item>
        <title>Launching Mastodon</title>
        <description>&lt;p&gt;In light of recent bird news, today seems like an appropriate time to share we’ve been working with the team at Mastodon on an exciting new &lt;a href=&quot;https://blog.joinmastodon.org/2022/06/mastodon-branding-updates/&quot;&gt;brand refresh&lt;/a&gt; and &lt;a href=&quot;https://blog.joinmastodon.org/2022/09/new-website-launch/&quot;&gt;new website&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;First launched in 2016, &lt;a href=&quot;https://joinmastodon.org&quot;&gt;Mastodon&lt;/a&gt; is a free and open-source social network designed for the people. It is decentralized and free from corporate ownership, advertising, and time sucking algorithms.&lt;/p&gt;

&lt;p&gt;Described by &lt;em&gt;Fast Company&lt;/em&gt; earlier this year:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;“The Twitter-like social network, which launched in 2016, aims to cure Twitter’s ills through the magic of decentralization. Instead of operating as one social network, Mastodon relies on a web of interconnected, open-source servers, called “instances,” with the owners of each instance setting their own moderation policies. Some instances even have specific focuses, such as gaming, technology, or art.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;As a non-profit organization, Mastodon’s radically different approach to social networking is something the world hasn’t seen at scale — but it’s pretty clear it’s something we need now more than ever. Our goal for this project was to help introduce Mastodon to the masses, and present it as a friendly, viable alternative to its corporate-owned counterparts.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/mastodon-website.png&quot; alt=&quot;joinmastodon.org website&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;caption&quot;&gt;The new &lt;a href=&quot;https://joinmastodon.org&quot;&gt;joinmastodon.org&lt;/a&gt; website.&lt;/p&gt;

&lt;p&gt;A collaboration with the Mastodon team and illustrator Dopatwo, we’re happy to present to you the new &lt;a href=&quot;https://joinmastodon.org&quot;&gt;joinmastodon.org&lt;/a&gt; — “Social networking that’s not for sale.”&lt;/p&gt;

&lt;p&gt;Summarized by Mastodon founder Eugen Rochko:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;“Besides explaining Mastodon in a much better way, the new website also provides more information about the project than before. You will find a summary of the project’s origins, our up-to-date numbers, who’s on the team, links to our annual reports and podcast interviews we’ve done on the About Us page, as well as much clearer contact instructions. I’m equally proud of the &lt;a href=&quot;https://joinmastodon.org/branding&quot;&gt;Branding&lt;/a&gt; page, which should ensure much more professional representation of our project in the press.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;If you haven’t tried Mastodon for yourself, now is a great time to check it out. Make sure to follow us at &lt;a href=&quot;https://mastodon.social/@oakstudios&quot;&gt;@oakstudios@mastodon.social&lt;/a&gt; and say hi 👋&lt;/p&gt;
</description>
        <pubDate>Fri, 28 Oct 2022 14:45:00 -0400</pubDate>
        <link>https://oak.is/thinking/mastodon/</link>
        <guid isPermaLink="true">https://oak.is/thinking/mastodon/</guid>
        
        <category>Work</category>
        
        <category>Design</category>
        
        <category>Announcement</category>
        
        
      </item>
    
      <item>
        <title>Mechanical Ragger: Print typesetting for the web</title>
        <description>&lt;p&gt;The web has never been a place for perfectionism. Typesetting in particular has been a long-neglected facet of web design because we’ve lacked the tools to give long texts the editorial care they need.&lt;/p&gt;

&lt;p&gt;In print media, text ragging is an &lt;a href=&quot;https://oakstudios.github.io/mechanical-ragger/examples&quot;&gt;established practice&lt;/a&gt; to help this, but up to now there have been no tools on the web to do this.&lt;/p&gt;

&lt;p&gt;We built &lt;a href=&quot;https://oakstudios.github.io/mechanical-ragger/&quot;&gt;Mechanical Ragger&lt;/a&gt; to give designers some peace of mind; it tidies line endings so that long paragraphs will feel natural to read, and users won’t have to strain to read them.&lt;/p&gt;

&lt;p&gt;Historically, text ragging is a practice to adjust the uneven line ends of paragraphs. (In a left-aligned paragraph, this is the right side.) We can illustrate how this would enhance readability in a long flow of text:&lt;/p&gt;

&lt;p class=&quot;wide&quot;&gt;&lt;img src=&quot;https://oak.is/uploads/Ragging%20Animation.svg&quot; alt=&quot;Comparison showing text ragging&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;caption&quot;&gt;Text without ragging (left) compared to with ragging (right)&lt;/p&gt;

&lt;p&gt;Without ragging, lines are left to break naturally with the content, where long words at the end of a line can cause irregularities in the shape of paragraphs. This often has the effect of drawing a reader’s attention away from the content. A well-ragged paragraph removes these and brings a sense of rhythm and harmony to the often irregular shapes of latin text, ensuring readers can get through the copy without distraction.&lt;/p&gt;

&lt;p&gt;Mechanical Ragger brings this print concept to the web, improving the appearance of text blocks by removing these significant gaps and alternating line lengths to enhance the rhythm of the paragraph. To do this, it adds shapes to every other line in a paragraph, causing text to wrap around it:&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/Exclusion%20Example.svg&quot; alt=&quot;Visual showing how Mechanical Ragger works&quot; /&gt;&lt;/p&gt;

&lt;p class=&quot;caption&quot;&gt;How Mechanical Ragger works behind the scenes&lt;/p&gt;

&lt;h2 id=&quot;demo&quot;&gt;Demo&lt;/h2&gt;

&lt;p&gt;&lt;a href=&quot;https://oakstudios.github.io/mechanical-ragger&quot;&gt;&lt;img src=&quot;https://oak.is/uploads/mechanical-ragger-demo.png&quot; alt=&quot;Mechanical Ragger demo website&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p class=&quot;caption&quot;&gt;View a live demo at: &lt;a href=&quot;https://oakstudios.github.io/mechanical-ragger&quot;&gt;oakstudios.github.io/mechanical-ragger&lt;/a&gt;&lt;/p&gt;

&lt;h2 id=&quot;usage&quot;&gt;Usage&lt;/h2&gt;

&lt;p&gt;We built this tool as an extensible JavaScript library; it’s ready-to-use on the web, in React, and easily portable to any framework. Using the web component, the setup can be as simple as:&lt;/p&gt;

&lt;div class=&quot;language-js highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;o&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;mechanical&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;ragger&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;&amp;gt;&lt;/span&gt;
  &lt;span class=&quot;nx&quot;&gt;Lorem&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;ipsum&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;dolor&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;sit&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;amet&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;consectetur&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;adipisicing&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;elit&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;
&lt;span class=&quot;o&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;sr&quot;&gt;/mechanical-ragger&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;&amp;gt;
&lt;/span&gt;
&lt;span class=&quot;o&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;script&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;src&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;https://unpkg.com/@oakstudios/mechanical-ragger@latest/web-component-auto-register.js&lt;/span&gt;&lt;span class=&quot;dl&quot;&gt;&quot;&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;sr&quot;&gt;/script&lt;/span&gt;&lt;span class=&quot;err&quot;&gt;&amp;gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&quot;considerations&quot;&gt;Considerations&lt;/h2&gt;

&lt;p&gt;Typesetting is about more than just the shape of the text, though. There are a few related considerations to keep in mind when ragging:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Avoid repeating words or shapes at the end of each line in a paragraph.&lt;/li&gt;
  &lt;li&gt;Avoid breaking too many words, which can make readability worse.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Advanced typesetting is complex and contextual, requiring a human touch. While the mechanical ragger is a useful aid, we call it mechanical for a reason, and content must be written accordingly.&lt;/p&gt;

&lt;p&gt;Mechanical Ragger is open-source, on &lt;a href=&quot;https://github.com/oakstudios/mechanical-ragger&quot;&gt;GitHub&lt;/a&gt; and as an &lt;a href=&quot;https://www.npmjs.com/@oakstudios/mechanical-ragger&quot;&gt;NPM module&lt;/a&gt;. Contributions to add new features and more platform support for the Mechanical Ragger are always welcome.&lt;/p&gt;

&lt;style&gt;
.title { max-width: 16ch }
&lt;/style&gt;

</description>
        <pubDate>Mon, 28 Feb 2022 13:33:00 -0500</pubDate>
        <link>https://oak.is/thinking/mechanical-ragger/</link>
        <guid isPermaLink="true">https://oak.is/thinking/mechanical-ragger/</guid>
        
        <category>Development</category>
        
        <category>Design</category>
        
        <category>Hacks</category>
        
        
      </item>
    
      <item>
        <title>Working remotely — COVID‑19 principles</title>
        <description>&lt;p&gt;We recently came across &lt;a href=&quot;https://twitter.com/slavetothehat/status/1259978637266366465&quot;&gt;this Tweet&lt;/a&gt; from a Canadian federal government worker and really connected with its principles.&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;working-remotely--covid-19-principles&quot;&gt;Working Remotely — COVID-19 Principles&lt;/h2&gt;

&lt;ol&gt;
  &lt;li&gt;
    &lt;p&gt;You are not “working from home”, you are “at your home, during a crisis, trying to work”.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Your personal physical, mental, and emotional health is far more important than anything else right now.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;You should not try to compensate for lost productivity by working longer hours.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;You will be kind to yourself and not judge how you are coping based on how you see others coping.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;You will be kind to others and not judge how they are coping based on how you are coping.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Your team’s success will not be measured the same way it was when things were normal.&lt;/p&gt;
  &lt;/li&gt;
&lt;/ol&gt;

&lt;hr /&gt;

&lt;p&gt;According to the &lt;a href=&quot;https://twitter.com/slavetothehat/status/1260036803169366017&quot;&gt;author of the Tweet&lt;/a&gt;, these principles originated with Parks Canada and were shared within the Canadian Wildlife Service. Thanks Canada 🇨🇦&lt;/p&gt;

&lt;style&gt;
.title { max-width: 13em }
&lt;/style&gt;

</description>
        <pubDate>Tue, 19 May 2020 14:18:00 -0400</pubDate>
        <link>https://oak.is/thinking/working-remotely-covid-19-principles/</link>
        <guid isPermaLink="true">https://oak.is/thinking/working-remotely-covid-19-principles/</guid>
        
        <category>Work</category>
        
        
      </item>
    
      <item>
        <title>This App Is A Light Meter</title>
        <description>&lt;h2 id=&quot;we-recently-got-to-work-with-kelli-anderson-lo-fi-paper-design-extraordinaire-to-build-a-new-partner-app-for-her-book-this-book-is-a-camera&quot;&gt;We recently got to work with Kelli Anderson, lo-fi paper design extraordinaire, to build a new partner app for her book: &lt;a href=&quot;https://kellianderson.com/books/thecamera.html&quot;&gt;This Book Is A Camera&lt;/a&gt;.&lt;/h2&gt;

&lt;p&gt;The app is designed to take the guesswork out of pinhole photography, measuring the amount of light and interpreting that data into a timeframe of how long it would take for a balanced photo to be captured.&lt;/p&gt;

&lt;p&gt;There are already a few apps to test light, but they’re either &lt;a href=&quot;https://itunes.apple.com/us/app/pocket-light-meter/id381698089?mt=8&quot;&gt;not designed with pinholes in mind&lt;/a&gt;, &lt;a href=&quot;https://itunes.apple.com/us/app/plant-light-meter/id1213431133?mt=8&quot;&gt;used to measure the amount of light needed for different plants&lt;/a&gt;, or &lt;a href=&quot;https://itunes.apple.com/us/app/light-meter/id1425489340?mt=8&quot;&gt;used for gauging how far away lightning is&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Kelli wanted the app to perform three functions:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;Calculate the exposure time for a pinhole camera with an aperture of f/228 using film paper with an ISO of 10 (exactly the specs of Kelli’s pop up camera)&lt;/li&gt;
  &lt;li&gt;A built-in timer so you wouldn’t have to switch to other apps to countdown the seconds to the ideal exposure&lt;/li&gt;
  &lt;li&gt;An inverter to capture the negative created by the pinhole and turn it into a photo you could save and share&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So we hit the books - specifically, the five copies of &lt;em&gt;This Book is a Camera&lt;/em&gt; that Kelli provided us. Where other books might shy away from the more technical aspects of science, Kelli’s books showcase every detail (and use only paper to do so)!&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/TAIALM-5.gif&quot; alt=&quot;TAIALM-5.gif&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The app follows Kelli’s ethos by offering a technically precise set of tools in a clear, straightforward way. Each utility in the app directly complements a step of the pinhole process, and the UI takes colors and visuals from the book to unite the digital experience with the analog tool.&lt;/p&gt;

&lt;p&gt;We also studied the iOS Camera app, because many people are already familiar with the visual vocabulary established by Apple. Full-screen gestures and haptic feedback give the photographer a clear understanding of the app’s workflow.&lt;/p&gt;

&lt;p&gt;Our task was to design an algorithm that accurately approximated exposure times, to do that we needed to do some math.&lt;/p&gt;

&lt;p&gt;Since photo paper has a certain sensitivity to photon interactions (it’s albedo), the higher the luminosity, the lower the exposure time. This luminosity value comes from the device’s camera, and we knew it was between &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;0&lt;/code&gt; and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;1&lt;/code&gt;. We required that our model fit the following conditions: for the exposure time function &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;T&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;T(l) = 0&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;When &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;l = 1&lt;/code&gt;, and&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;T(l) = ∞&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;when &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;l = 1&lt;/code&gt;, for some&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;l ∈ L ∈ [0, 1]&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;This infinity represents the fact that in complete darkness no exposure can take place – the limit of &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;T&lt;/code&gt; as &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;l&lt;/code&gt; goes to zero is infinity, also suggesting a higher-order denominator. More importantly, this suggests that there is a vertical asymptote that bounds the function to the left – which means that our model will be highly non-linear.&lt;/p&gt;

&lt;p&gt;Initially, we tried different power expansions &lt;em&gt;e&lt;/em&gt;, &lt;em&gt;tan&lt;/em&gt;, and Taylor polynomials, and found that some coefficient multiplication of &lt;em&gt;e&lt;/em&gt; was an (initially) acceptable metric for our model. The eccentricities (how curvy the curve is) of powers of &lt;em&gt;e&lt;/em&gt; were hard to tame, and the resulting model varied widely across different devices. What we had yet to account for were variations in device hardware that lead to different luminosity calculations, which was problematic.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/TAIALM-2.jpg&quot; alt=&quot;TAIALM-2.jpg&quot; /&gt;&lt;/p&gt;

&lt;p&gt;So we had to go back to the drawing board.&lt;/p&gt;

&lt;p&gt;Instead, our final model approximates the exposure time given the luminosity of the entire frame and computes this at smaller f-stop numbers, which traditionally have less asymptotic variance. We then scale this value to the camera’s f-stop and device’s iso, which share a squared-inverse relationship. This performs consistently across all devices – and shows the best models are simple and not overengineered or overthought.&lt;/p&gt;

&lt;p&gt;Hat tip to &lt;a href=&quot;https://github.com/ehagan/pinhole-camera-exposure-time&quot;&gt;Eric Hagan&lt;/a&gt;, &lt;a href=&quot;https://github.com/awoisoak/Camera-Exposure-Calculator&quot;&gt;Awoisoak&lt;/a&gt;, and those at Stanford for their open source equations which helped us along the way.&lt;/p&gt;

&lt;p&gt;The app was written in Swift for iPhone and iPad and relies heavily on the AVCaptureDevice framework to access the camera feed, as well as the Core Image framework for the real-time filters. We also used Photoshop and Pixelmator to create the bitmaps used in the app, and Paintcode for the various vector graphics.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/TAIALM-3.jpg&quot; alt=&quot;TAIALM-3.jpg&quot; /&gt;&lt;br /&gt;
QA for the light meter was very involved, but it was so much fun! We wanted to make sure our app was precise in varied lighting conditions and worked accurately according to the book’s specifications. So we tested it — a lot.&lt;/p&gt;

&lt;p&gt;We also had to spend time exposing the pictures that we took. Unsurprisingly, our office doesn’t have a dark room, but we do have a utility room on our floor that we could shut Alex in. Kelli’s book suggests developing with instant coffee and washing soda if you don’t have the proper developer, so that’s what we used. It works brilliantly - the only problem was the smell. Imagine the smell of a cheap plastic Halloween mask being burnt and you’ve got it. It still haunts our nostrils.&lt;/p&gt;

&lt;h2 id=&quot;this-app-is-lit--&quot;&gt;&lt;a href=&quot;http://thisappisalightmeter.com/&quot;&gt;This App Is Lit ™ &lt;/a&gt;&lt;/h2&gt;

&lt;p&gt;It’s got a cute website, simple UI, and even a countdown timer to the perfect balanced exposure. &lt;a href=&quot;http://thisappisalightmeter.com/&quot;&gt;Use it and let us know what you think.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/TAIALM-4.jpg&quot; alt=&quot;TAIALM-4.jpg&quot; /&gt;&lt;/p&gt;
</description>
        <pubDate>Wed, 24 Jul 2019 10:00:00 -0400</pubDate>
        <link>https://oak.is/thinking/this-app-is-a-light-meter/</link>
        <guid isPermaLink="true">https://oak.is/thinking/this-app-is-a-light-meter/</guid>
        
        <category>Work</category>
        
        <category>Buzz</category>
        
        
      </item>
    
      <item>
        <title>Oakweek 2019</title>
        <description>&lt;h2 id=&quot;when-we-saw-that-this-years-git-merge-was-in-brussels-we-thought-there-would-be-no-better-place-for-oakweek-2019&quot;&gt;When we saw that this year’s Git Merge was in Brussels, we thought there would be no better place for Oakweek 2019.&lt;/h2&gt;

&lt;p&gt;After all, it is the birthplace of everyone’s favorite cruciferous vegetable: the brussel sprout. Belgium is known for its beer, fries, and waffles - all we could need for seven days in Europe.&lt;/p&gt;

&lt;p&gt;The only spanner in the works was that Tylee had to get a passport in a government shut down.  We were hugely impressed by the speed in which she had that in her hands - just ten days from application to delivery.&lt;/p&gt;

&lt;p&gt;Thankful that Tylee would indeed be joining us we set off from snowy New York stopping over in Frankfurt before arriving in Brussels. The redeye flight goddess smiled down upon us after canceling our initial flight (who knows what we did to incur that wrath), and we each ended up with our own row of seats. Jojo made herself a rather impressive blanket fort, while Alex was too busy playing his Nintendo Switch to sleep at all.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/oakweek-8.jpg&quot; alt=&quot;Overlooking the canals of Bruges&quot; /&gt;&lt;/p&gt;

&lt;p&gt;We arrived in Brussels bleary-eyed and went to our &lt;a href=&quot;https://abnb.me/RVDkxinkVT&quot;&gt;Airbnb HQ&lt;/a&gt; to meet Daniel and Joseph who traveled separately. Half the team stayed in the HQ apartment and the other half around the corner in a &lt;a href=&quot;https://abnb.me/ug3X7AkkVT&quot;&gt;satellite apartment&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;To combat the jetlag, we knew we had to stay up for as long as possible. So, after hunting down some lunch at a cute cafe, we went en masse to the supermarket. We somehow ended up with a plethora of snacking options and a fair amount of booze to trudge back to HQ.&lt;/p&gt;

&lt;p&gt;After unpacking and unwrapping some of our purchases, we sat down to talk about what we wanted to achieve this week. Once we had laid out our plan of attack we ordered a Mediterranian feast, had a few more rounds of beer, and headed to bed.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/oakweek-2.jpg&quot; alt=&quot;Alex in Bruges, and a super old windmill we weren't supposed to climb&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Friday was the day of Git Merge, and we were pumped. We loved the opening address by &lt;a href=&quot;https://twitter.com/baconandcoconut&quot;&gt;Deb Nicholson&lt;/a&gt;, Director of Community Operations at the Software Freedom Conservancy, who set the tone of the day masterfully and spoke about the importance of diverse voices.&lt;/p&gt;

&lt;p&gt;We also enjoyed hearing from &lt;a href=&quot;https://twitter.com/belenpena&quot;&gt;Belén Barros Pena&lt;/a&gt;, Interaction Designer at Open Source Design, who talked about how to teach designers Git. Belén also spoke brilliantly about patience and meeting someone where they’re at, which resonated across our team and provoked interesting conversations afterward.&lt;/p&gt;

&lt;p&gt;While we were in the area, we decided to take the last tour of the day at &lt;a href=&quot;https://www.cantillon.be&quot;&gt;Brasserie Cantillon&lt;/a&gt; to sample their lambic beer which has been brewed in the same way for over 120 years. We then stumbled to &lt;a href=&quot;https://www.moederlambic.com/?lang=fr&quot;&gt;Moeder Lambic&lt;/a&gt; for some more libations before eating a marvelous dinner at &lt;a href=&quot;https://www.facebook.com/pages/Fin-de-Siecle/156879724358527&quot;&gt;Fin de Siecle&lt;/a&gt; - including vegan moussaka for our plant-based oak buds. We then went for some very fancy cocktails (and some less fancy ones at the Hard Rock Cafe for the lolz).&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/oakweek-3.jpg&quot; alt=&quot;The tiniest of canals in Bruges&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The next day we reconvened at HQ to get down to work. You’ll be able to see what we’ve been up to sooner rather than later over on Dropmark, but until then you’ll have to wait. Jojo cooked lunch of &lt;a href=&quot;https://feedmephoebe.com/easy-sweet-corn-soup-recipe/&quot;&gt;corn soup with avocado&lt;/a&gt;, accompanied by freshly baked baguettes with French salted butter. The bread in Europe is unbelievable, and we ate at least three baguettes every day that we were there (we even brought a baguette each on the plane back to Brooklyn).&lt;/p&gt;

&lt;p&gt;That evening we put Alex’s &lt;a href=&quot;https://www.seenebula.com/products/variant/mars-ii/D2322111?search=subbanner&amp;amp;keywords=2_marsii_sub&quot;&gt;Nebula&lt;/a&gt; to good use to watch Drag Race All-Stars and were gagged to find out who Naomi decided to eliminate.&lt;/p&gt;

&lt;p&gt;We found out Jojo’s hidden talent of being able to get an oreo from her forehead to her mouth without her hands - she has a 100% success rate. Later that evening we went dancing at &lt;a href=&quot;https://fuse.be/&quot;&gt;Fuse&lt;/a&gt;, an institution of Brussels night scene which is older than some of our teammates.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/oakweek-5.jpg&quot; alt=&quot;Tylee and some super cool architecture&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Unsurprisingly, we felt somewhat tender the next day, even after our late night excursion to shove fried food into our mouths, so we didn’t rouse until late afternoon. We managed a little bit of work while Tylee cooked two lots of chili for the herbivore and carnivore teammates. It. Was. So. Good. Mad props to Tylee, who managed to make them without chili powder, which we couldn’t find across the whole city.&lt;/p&gt;

&lt;p&gt;The next morning we were up early to talk about our hopes and dreams, yes, really. We’re cooking up some pretty épicé (that’s French for spicy) updates for Dropmark this year and some big plans for the future. After we chatted through our ideas, we all took a moment for #selfcare with charcoal sheet masks.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/oakweek-7.jpg&quot; alt=&quot;Canal views in Bruges&quot; /&gt;&lt;/p&gt;

&lt;p&gt;That afternoon we took to the streets of Brussels to see what we could see. Tylee ended up finding the chore coat of her dreams in a vintage store, and Nikhil bought an array of records to fulfill all his vinyl fantasies. We all spent a considerable amount of time trying on all the spectacles in &lt;a href=&quot;https://www.polette.com/en/&quot;&gt;Polette&lt;/a&gt; before finding out we had to buy the frames online.&lt;/p&gt;

&lt;p&gt;After chowing down on more Belgian specialties (in this case beer and fries), we went to try and escape a Mayan Temple at &lt;a href=&quot;https://www.enygma.be/&quot;&gt;Enygma&lt;/a&gt;. Thankfully we did manage to get out - but it was close with only 4 minutes to spare!&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/oakweek-4.jpg&quot; alt=&quot;Daniel surrounded by barrels of beer&quot; /&gt;&lt;/p&gt;

&lt;p&gt;On our penultimate day, we took a trip on the train to see the picturesque town of Bruges. Bruges was gorgeous. We took a walking tour around the city seeing all the chocolatiers, cobbled alleyways, and old structures - one of the gates we walked under was over 1200 years old!&lt;/p&gt;

&lt;p&gt;We also found the best Belgian waffles in a cobbled square that made the freezing fingers entirely worth it. After perusing the town, we settled in for pizzas before taking the train back to Brussels for more wine.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/oakweek-6.jpg&quot; alt=&quot;Nikhil in the Matrix alongside a polaroid of the whole team&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The next morning we were up early to pack and eat a breakfast of all the leftover food including vegan chili, fried eggs, and a cucumber salad prepared by Alex. It was a weird array, but somehow it worked. We hustled to the airport, fought with security and eventually made it onto the plane back to a blustery Brooklyn tired, but satisfied with another successful Oakweek.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Highlights&lt;/strong&gt;: Polaroids, waffles, team facemasks, sampling all the Belgian beer and far too many baguettes, talking about our hopes and dreams, vegan mousaka, escaping the Mayan Temple, Alex’s Nebula, Ru Paul’s Drag Race All-Stars, losing Tylee down every cute alleyway, the Oreo challenge, disco balls, wearing our Oak shirts, wandering around a medieval city, and an excessive amount of chocolate.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/oakweek-9.gif&quot; alt=&quot;Team waving with blow up advert&quot; /&gt;&lt;/p&gt;
</description>
        <pubDate>Thu, 14 Feb 2019 12:05:00 -0500</pubDate>
        <link>https://oak.is/thinking/oakweek-2019/</link>
        <guid isPermaLink="true">https://oak.is/thinking/oakweek-2019/</guid>
        
        <category>Oakweek</category>
        
        <category>Studio</category>
        
        
      </item>
    
      <item>
        <title>Shipped in 2018</title>
        <description>&lt;h2 id=&quot;in-2018-we&quot;&gt;IN 2018 WE…&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;Moved into a &lt;a href=&quot;https://www.instagram.com/p/Bhexuw_j-CA/&quot;&gt;bigger office at Industry City&lt;/a&gt; with more desks, more plants, and more room for activities (kicking off our Nintendo Switch addiction).&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Launched &lt;a href=&quot;https://creativemornings.com/companies&quot;&gt;CreativeGuild&lt;/a&gt; with our friends &lt;a href=&quot;https://creativemornings.com/&quot;&gt;CreativeMornings&lt;/a&gt;. In just nine months they already have over 650 companies on the CreativeGuild.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Released a bunch of new updates for &lt;a href=&quot;https://itunes.apple.com/us/app/dropmark/id999122556?mt=8&quot;&gt;Dropmark iOS&lt;/a&gt;.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Created an &lt;a href=&quot;https://github.com/oakstudios/StackedCollectionView&quot;&gt;open-source Swift library&lt;/a&gt; to standardize the drag &amp;amp; drop experience on iOS — &lt;a href=&quot;https://oak.is/thinking/accessible-drag-and-drop/&quot;&gt;read all about how you can utilize it for your projects&lt;/a&gt;.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Managed to convince Alex, our iOS Developer, that New York is where it’s at after two years working remotely in LA. Having him in the office is ship-tastic.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Continued to roll out Enterprise offerings for Dropmark and Siteleaf users (get in touch if you’re interested!).&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Got to interview super cool people that use Dropmark for our blog, including the &lt;a href=&quot;https://www.dropmark.com/blog/how-the-wimpy-kid-team-gets-things-done/&quot;&gt;Wimpy Kid team&lt;/a&gt;, Art Director &lt;a href=&quot;https://www.dropmark.com/blog/how-tim-lampe-gets-things-done/&quot;&gt;Tim Lampe&lt;/a&gt;, and New Zealand flower farmer &lt;a href=&quot;https://www.dropmark.com/blog/how-sarah-hawkless-gets-things-done/&quot;&gt;Sarah Hawkness&lt;/a&gt;.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;a href=&quot;https://www.instagram.com/p/BrF_i0wFdhT/&quot;&gt;Went through a significant amount of photo paper&lt;/a&gt; to create a pinhole camera timer for the wonderful &lt;a href=&quot;https://www.kellianderson.com/books/&quot;&gt;Kelli Anderson&lt;/a&gt; which will hit the app store in January.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Escaped a bunker in less than 40 minutes at &lt;a href=&quot;https://www.brooklynescaperoom.com/rooms/&quot;&gt;Brooklyn Escape Rooms&lt;/a&gt;.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Added some new faces to our team including &lt;a href=&quot;https://www.tyleemarsh.design/&quot;&gt;Tylee Marsh&lt;/a&gt; (best socks in the office), &lt;a href=&quot;https://danielgamage.com/&quot;&gt;Daniel Gamage&lt;/a&gt; (who may well be a magician), and &lt;a href=&quot;https://codehannah.nyc/&quot;&gt;Hannah Carnes&lt;/a&gt; (a certified bug buster). We also hosted some super talented interns: &lt;a href=&quot;http://aidensymes.com/&quot;&gt;Aiden Symes&lt;/a&gt;, &lt;a href=&quot;https://catangui.com/&quot;&gt;Sean Catangui&lt;/a&gt;, and &lt;a href=&quot;http://www.nikhilmisra.com/&quot;&gt;Nikhil Misra&lt;/a&gt;.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Visited Portland, Oregon for a Dropmark client meeting and eat &lt;a href=&quot;https://www.voodoodoughnut.com&quot;&gt;Voodoo Donuts&lt;/a&gt;.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Office dog Cooper had a &lt;a href=&quot;https://twitter.com/IndustryCity/status/1000050319022313472&quot;&gt;photo shoot at the Petco in Industry City&lt;/a&gt; because he is (mostly) a good boy.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;SSL’d all the things! All of our products and websites are now secured behind HTTPS.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Went to see the &lt;em&gt;&lt;a href=&quot;https://bookofmormonbroadway.com/tickets&quot;&gt;Book of Mormon&lt;/a&gt;&lt;/em&gt; on Broadway, and then spent the next week singing &lt;em&gt;Spooky Mormon Hell Dream&lt;/em&gt;.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Cried our hearts out at &lt;a href=&quot;https://www.sypartners.com/leader/keith-yamashita/&quot;&gt;Keith Yamashita&lt;/a&gt;’s Creative Mornings lecture in November. Hands down one of the best things we’ve seen all year.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Danced our way through the &lt;a href=&quot;https://www.instagram.com/p/BjsxoIpDUMp&quot;&gt;Dance Dance Revolution machine&lt;/a&gt; and &lt;a href=&quot;https://www.instagram.com/p/BmMJWwdDqQ-/&quot;&gt;scored all the baskets&lt;/a&gt; at Industry City’s arcade.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Added &lt;a href=&quot;https://www.dropmark.com/blog/supporting-heif-images/&quot;&gt;HEIF image support&lt;/a&gt; to Dropmark — to go along with our fancy new iPhones that are too big for our hands.&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Blogged about &lt;a href=&quot;https://oak.is/thinking/offline-hobbies-online-people/&quot;&gt;the importance of offline hobbies&lt;/a&gt;, &lt;a href=&quot;https://oak.is/thinking/always-be-learning/&quot;&gt;what learning means to us&lt;/a&gt;, and &lt;a href=&quot;https://oak.is/thinking/what-200-dollars-gets-you-on-twitter-facebook-and-instagram/&quot;&gt;what happens when you spend $200 on social media advertising&lt;/a&gt;.&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</description>
        <pubDate>Mon, 31 Dec 2018 16:05:00 -0500</pubDate>
        <link>https://oak.is/thinking/2018/</link>
        <guid isPermaLink="true">https://oak.is/thinking/2018/</guid>
        
        <category>Studio</category>
        
        
      </item>
    
      <item>
        <title>Gift guide from Oak Studios</title>
        <description>&lt;h2 id=&quot;tis-the-most-wine-derful-time-of-the-year&quot;&gt;‘Tis the most wine-derful time of the year!&lt;/h2&gt;

&lt;p&gt;We created this gift guide so you can focus on merrymaking this holiday season.&lt;/p&gt;

&lt;h2 id=&quot;gadgets&quot;&gt;Gadgets&lt;/h2&gt;
&lt;ul&gt;
  &lt;li&gt;If you’re in an open office like ours, your choice of headphones becomes a divisive topic for even the mildest mannered team. Keep your terrible music taste to yourself without compromising on quality with these &lt;a href=&quot;https://www.amazon.com/dp/B077ZGRVRX&quot;&gt;Jabra Elite True Wireless Earbuds&lt;/a&gt;.&lt;/li&gt;
  &lt;li&gt;While not the most glamorous of gifts, backing your stuff up is everything. Make it easy to practice good digital health with a &lt;a href=&quot;https://www.amazon.com/WDBKVX5120PSL-WESN-512GB-Passport-Portable-Storage/dp/B07CFY9SHX?th=1&quot;&gt;2TB My Passport SSD Portable Storage&lt;/a&gt;.&lt;/li&gt;
  &lt;li&gt;Relive the glory days of 90’s gaming with a &lt;a href=&quot;https://www.ebay.com/b/Sega-Dreamcast-Consoles/139971/bn_367794&quot;&gt;Sega Dreamcast available on eBay&lt;/a&gt;. You’ll want the Sonic Adventure game too.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/giftguide-2.jpg&quot; alt=&quot;giftguide-2.jpg&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;oak-style&quot;&gt;Oak-style&lt;/h2&gt;
&lt;ul&gt;
  &lt;li&gt;Add a bit of joy to anything that brings you down with these &lt;a href=&quot;https://www.amazon.com/dp/B00KHZGMZ0&quot;&gt;huge googly eyes&lt;/a&gt;. They’re too big to fit on our Roomba but might be a good idea to give our fridge a new level of personality.&lt;/li&gt;
  &lt;li&gt;This &lt;a href=&quot;https://www.the-citizenry.com/products/sepon-terrazzo-vase-white&quot;&gt;tall terrazzo vase&lt;/a&gt; gives peak 2018 vibes. Stuff it with flowers, twigs, or all the random wires that you’re mostly sure that you no longer need.&lt;/li&gt;
  &lt;li&gt;Get plants delivered to your doorstep with a &lt;a href=&quot;https://www.thesill.com/collections/plant-subscription&quot;&gt;subscription from The Sill&lt;/a&gt;. Perfect for those with green thumbs, and those with aspirations to one day keep a humble Pothos alive.&lt;/li&gt;
  &lt;li&gt;Carry your googly eyes, plants, and vase around in this &lt;a href=&quot;https://www.brooksengland.com/en_us/cycle-bags/rucksacks-backpacks/pickwick-backpack-7-1.html&quot;&gt;26-liter backpack&lt;/a&gt;. It’s water-resistant, roomy and made in Italy, so you should feel sufficiently stylish.&lt;/li&gt;
  &lt;li&gt;Celebrate your love for staying home with an embroidery from &lt;a href=&quot;https://www.etsy.com/shop/jojogiltsoff&quot;&gt;Oak’s very own Jojo Giltsoff&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/giftguide-3.jpg&quot; alt=&quot;giftguide-3.jpg&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;books&quot;&gt;Books&lt;/h2&gt;
&lt;ul&gt;
  &lt;li&gt;Read the book behind the Netflix sensation &lt;a href=&quot;https://www.amazon.com/Salt-Fat-Acid-Heat-Mastering/dp/1476753830&quot;&gt;&lt;em&gt;Salt Fat Acid Heat&lt;/em&gt; by Samin Nosrat&lt;/a&gt;. Bound to make you hungry and maybe even a better cook.&lt;/li&gt;
  &lt;li&gt;Delight the type or film nerds in your life with &lt;a href=&quot;https://www.amazon.com/Typeset-Future-Typography-Science-Fiction/dp/1419727141&quot;&gt;&lt;em&gt;Typeset in the Future&lt;/em&gt; by Dave Addey&lt;/a&gt; - it explores design and typography in all your favorite science fiction flicks. Get a feel for the book with some deep dives into the likes of &lt;a href=&quot;https://typesetinthefuture.com/2018/12/04/walle/&quot;&gt;&lt;em&gt;WALL·E&lt;/em&gt;&lt;/a&gt; and &lt;a href=&quot;https://typesetinthefuture.com/2014/01/31/2001-a-space-odyssey/&quot;&gt;&lt;em&gt;2001: A Space Odyssey&lt;/em&gt;&lt;/a&gt;.&lt;/li&gt;
  &lt;li&gt;Remind the people in your life that there’s life outside their iPhone with &lt;a href=&quot;https://www.amazon.com/Sourdough-Novel-Robin-Sloan/dp/0374203105&quot;&gt;Robin Sloane’s &lt;em&gt;Sourdough&lt;/em&gt;&lt;/a&gt;. A fast-paced, quirky novel that rallies against soylent with robots and a simple sourdough starter. Think Silicon Valley meets Chef’s Table.&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;https://www.amazon.com/Station-Eleven-Emily-John-Mandel/dp/0804172447/&quot;&gt;Emily St John Mandel’s &lt;em&gt;Station Eleven&lt;/em&gt;&lt;/a&gt; is a great gift for anyone, but in particular, the technology obsessed. The novel follows a cast of characters living through a flu-like apocalypse; and what happens when life as we know it is gone in a matter of days.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Happy Holidays from the Oak team!&lt;/strong&gt;&lt;br /&gt;
&lt;img src=&quot;https://oak.is/uploads/tinsel-dog.gif&quot; alt=&quot;tinsel-dog.gif&quot; /&gt;&lt;/p&gt;
</description>
        <pubDate>Fri, 14 Dec 2018 16:13:00 -0500</pubDate>
        <link>https://oak.is/thinking/gift-guide/</link>
        <guid isPermaLink="true">https://oak.is/thinking/gift-guide/</guid>
        
        <category>Studio</category>
        
        
      </item>
    
      <item>
        <title>Always be learning</title>
        <description>&lt;h2 id=&quot;education-means-something-different-to-everyone&quot;&gt;Education means something different to everyone.&lt;/h2&gt;

&lt;p&gt;Learning isn’t something that stops the moment someone hands you a diploma. It’ll come to no surprise that some of our team studied math and computer science, but we’ve got a fair few art school kids too.&lt;/p&gt;

&lt;p&gt;Unsurprisingly, I’m one of the art school kids (this is Jojo by the way). I graduated from Central St Martins in 2013 from a BA in Theatre Design — undoubtedly super useful in Tech. As you can imagine there was a fair amount of self-directed learning along the way thanks to books like &lt;em&gt;Inspired: How To Create Products Customers Love&lt;/em&gt; (which I’d highly recommend) and courses on &lt;a href=&quot;https://teamtreehouse.com/&quot;&gt;Treehouse&lt;/a&gt;. I wanted to explore education with Oak’s three newest team members because they all have different backgrounds at the intersection of art and code.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/Education-1.jpg&quot; alt=&quot;Education-1.jpg&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;nikhil-recently-graduated-from-parsons-masters-program&quot;&gt;Nikhil recently graduated from Parsons’ Masters program&lt;/h2&gt;

&lt;p&gt;My first experience with designing was making signatures for online gaming forums, but I didn’t think it was design back then. Design has always been a part of me because of being immersed in skateboarding, music, and collecting t-shirts. It was probably meant to be, and the rest is history.&lt;/p&gt;

&lt;p&gt;Development started over the last year. I had tinkered with code before, but it didn’t stick until I understood the power and satisfaction that comes with building things yourself.&lt;/p&gt;

&lt;p&gt;I was drawn to digital product/interactive design, but it wasn’t really covered in my undergrad. I spent over three years doing visual design, mostly on the marketing side. It was draining because I’m the sort of person that wants to dive into everything, and that’s not possible in that side as much. I started looking at UX programs when I found out that Parsons was creating a new Communication Design program. I was particularly excited because it was only one year and explored the future of graphic design for screen based mediums. A lot of programs generally focus on either graphic design or interaction design on a high level, but the blend of both was much more appealing. My experience at Parsons made me fall in love with learning again. I’m not ruling out the possibly revisiting getting another graduate degree, but that will be WAY in the future.&lt;/p&gt;

&lt;p&gt;The Parsons Communication Design Staff were a massive influence on me, even though my time there was relatively short. In particular, &lt;a href=&quot;https://twitter.com/ygparkgso&quot;&gt;Yujune Park&lt;/a&gt; was the first person to teach me how to think conceptually about design. Not just make something look pretty, but what it means, and what you’re trying to evoke through design.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/Education-2.jpg&quot; alt=&quot;Education-2.jpg&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;tylee-has-two-degrees-first-in-psychology-and-more-recently-in-communication-design&quot;&gt;Tylee has two degrees: first in Psychology and more recently in Communication Design.&lt;/h2&gt;

&lt;p&gt;I realized right before I graduated with my first degree that I should get a job that I will be happy going into day in and day out, and for me, that meant being creative. I have always been a visually oriented person, I just never realized that I could make it a career until I was in school for Psychology.&lt;/p&gt;

&lt;p&gt;I had one design professor that was hot and cold with students because of how tough she could be. I loved her critical nature though. She taught me a lot about grit, how to design without having my hand held, and how to work hard to find interesting solutions.&lt;/p&gt;

&lt;p&gt;At school, my favorite subjects were Art and Biology (but let’s be honest, biology is the art of the hard sciences). As a kid, I would study the packaging of my favorite products. I would read all of the copy and scrutinize the images. Now I’d say my tastes are a little more discerning; I’m particularly inspired by &lt;a href=&quot;https://www.behance.net/njenworks&quot;&gt;Natasha Jen&lt;/a&gt; and &lt;a href=&quot;https://jnd.org/&quot;&gt;Donald Norman&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/ezgif-2-b091d25fc506.gif&quot; alt=&quot;ezgif-2-b091d25fc506.gif&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;sean-likes-teaching-others-how-to-create-cool-stuff-with-code&quot;&gt;Sean likes teaching others how to create cool stuff with code&lt;/h2&gt;

&lt;p&gt;I got my start developing when a college roommate introduced me to the fantastic &lt;a href=&quot;https://bento.io/&quot;&gt;bento.io&lt;/a&gt;, a curated list of free online coding education resources. That led me down the traditional web development track. After building some websites for friends and family, I noticed that I cared a lot about the look and feel of what I was creating. Applying a sort of engineering/mathematical logic to the aesthetics of my projects was, and still is, one of my favorite things to do.&lt;/p&gt;

&lt;p&gt;My favorite subject was math, not because of the topics necessarily, but because of the group problem solving our teacher, Mr. Lindemann, had us do. I always walked out of that classroom feeling accomplished.&lt;/p&gt;

&lt;p&gt;Not understanding things, in any context, is terrifying. To this day I still have nightmares of math homework. I was privileged enough to have teachers to guide me through those unfamiliar situations; they walked me through something that seemed impossible over and over again until it became evident and fun. I think spreading that feeling of transforming fear to fun is one of the most satisfying and important things I can do.&lt;/p&gt;

&lt;p&gt;I had a lot of teachers and professors make a significant impact on me, in particular, my poetry professor Gabby Calvocoressi gave me a journaling technique of writing down five things that I was the only person in the world to see each day. It’s helped me think about and process my day to day life.&lt;/p&gt;

&lt;h2 id=&quot;with-2019-on-the-horizon-what-do-you-want-to-learn-next-year&quot;&gt;With 2019 on the horizon, what do you want to learn next year?&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nikhil:&lt;/strong&gt; Too many things — I want to get even better at development, I’m into typography and really want to learn more about type design. Outside of the design sphere, I’ve been learning to DJ and make music. All in all, this might take me more than a year!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Sean:&lt;/strong&gt; On the theoretical side of things, I’d love to strengthen my grip on animation so that I can become a better storyteller with my designs. As for pragmatic skills, I want to master the art of sharing my work on social media. I’d love to have more discussion about the work I make, and I need to conquer my fear of publicizing my work to do that.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tylee:&lt;/strong&gt; I have SO many things to learn on my list. But, I want to have a better handle on HTML, CSS, and Javascript in the next year. I think those are essential tools for the type of design I want to make.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/Education-3.jpg&quot; alt=&quot;Education-3.jpg&quot; /&gt;&lt;br /&gt;
&lt;small&gt; Cooper (Oak Studio’s resident doggo) is hoping to learn where we keep the snacks. &lt;/small&gt;&lt;/p&gt;
</description>
        <pubDate>Mon, 12 Nov 2018 16:18:00 -0500</pubDate>
        <link>https://oak.is/thinking/always-be-learning/</link>
        <guid isPermaLink="true">https://oak.is/thinking/always-be-learning/</guid>
        
        <category>Hobby</category>
        
        <category>Team</category>
        
        
      </item>
    
      <item>
        <title>A more accessible drag &amp; drop</title>
        <description>&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/giphy-5-1ea2a0.gif&quot; alt=&quot;Gif demonstrating Apple's Drag and drop technology&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;organizing-your-items-in-collections-and-stacks-is-an-essential-part-of-the-dropmark-workflow&quot;&gt;Organizing your items in collections and stacks is an essential part of the &lt;a href=&quot;https://www.dropmark.com/&quot;&gt;Dropmark&lt;/a&gt; workflow.&lt;/h2&gt;

&lt;p&gt;During development of &lt;a href=&quot;https://itunes.apple.com/us/app/dropmark/id999122556?mt=8&quot;&gt;Dropmark for iOS&lt;/a&gt;, we saw the opportunity for a more natural way to interact with your items: drag and drop.&lt;/p&gt;

&lt;p&gt;Back in June 2017, Apple unveiled the &lt;a href=&quot;https://developer.apple.com/documentation/uikit/drag_and_drop&quot;&gt;drag and drop API&lt;/a&gt; for iOS 11, and we instantly fell in love with the inter-app drag and drop gestures on the iPad Pro. It’s so easy. You can pick up text, a link, or even an entire file, and place it exactly where you want it in your Dropmark collection.&lt;/p&gt;

&lt;p&gt;Currently, Apple’s official API is the sole option for systemwide drag &amp;amp; drop. This bit of magic is limited to people with the newest iPad Pros running the latest iOS. We challenged ourselves to broaden this experience for all iOS users.&lt;/p&gt;

&lt;p&gt;We are proud to announce: &lt;a href=&quot;https://github.com/oakstudios/StackedCollectionView&quot;&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;StackedCollectionView&lt;/code&gt;&lt;/a&gt;. An open-source Swift library to standardize the drag &amp;amp; drop experience.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/Demo.gif&quot; alt=&quot;Gif demonstrating StackedCollectionView&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;StackedCollectionView&lt;/code&gt; is a &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;UICollectionViewFlowLayout&lt;/code&gt; subclass, providing an easy way to integrate drag &amp;amp; drop into your existing collection view. This structure peacefully coexists with iOS 11’s drag &amp;amp; drop, enabling you to support drag &amp;amp; drop on older operating systems, while still making use of Apple’s API on iOS 11.&lt;/p&gt;

&lt;h2 id=&quot;learning-the-apple-way&quot;&gt;Learning the Apple way&lt;/h2&gt;

&lt;p&gt;Apple introduced a rearrangeable home screen way back in iOS 1.1.3, and iOS 4.0 saw the addition of folders. Organizing and classifying apps quickly became a centerpiece of the iOS experience.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/Home%20Screen.gif&quot; alt=&quot;Gif showing apps interaction on iOS&quot; /&gt;&lt;/p&gt;

&lt;p&gt;By emulating gestures from the iOS home screen, our app users could intuitively use familiar gestures to organize their content.&lt;/p&gt;

&lt;h2 id=&quot;lets-get-technical&quot;&gt;Let’s get technical&lt;/h2&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/technical.gif&quot; alt=&quot;Gif from CSU showing people supposedly hacking&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;StackedCollectionView&lt;/code&gt; takes action as soon as an item is long pressed. The thumbnail snaps to the user’s finger, and our drag session begins.&lt;/p&gt;

&lt;p&gt;As the user traces the screen, we analyze the underlying cell for trigger points (quickly to maintain a smooth frame rate on older devices). Like the iOS home screen, we focused on a nuanced “pressure zone” around each item. When the finger pauses briefly above the outer 30% of an item’s bounds, a “reorder” gesture is triggered and the underlying item shifts of the way.&lt;/p&gt;

&lt;p&gt;When the user pauses within the inner 70%, we trigger a “stack” gesture, and the cluster below animates to receive our drag item.&lt;/p&gt;

&lt;p&gt;When the finger lifts off the screen, animations are committed, and the item settles into place. A set of delegate methods provide hooks to update your local model, send a network request, or add extra animation awesomeness.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://oak.is/uploads/Magic.gif&quot; alt=&quot;Gif of man with terrible hair waving fingers saying ' magic'&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;try-it-use-it-break-it-fix-it&quot;&gt;Try it, use it, break it, fix it&lt;/h2&gt;

&lt;p&gt;We love open source at Oak, and we’re excited to share one of our favorite parts of &lt;a href=&quot;https://itunes.apple.com/us/app/dropmark/id999122556?mt=8&quot;&gt;Dropmark for iOS&lt;/a&gt;. Grab the library and sample app on &lt;a href=&quot;https://github.com/oakstudios/StackedCollectionView&quot;&gt;GitHub&lt;/a&gt;, and &lt;a href=&quot;https://twitter.com/dropmark&quot;&gt;let us know&lt;/a&gt; if you make anything radical 🎉&lt;/p&gt;
</description>
        <pubDate>Wed, 20 Jun 2018 12:46:00 -0400</pubDate>
        <link>https://oak.is/thinking/accessible-drag-and-drop/</link>
        <guid isPermaLink="true">https://oak.is/thinking/accessible-drag-and-drop/</guid>
        
        <category>Experiments</category>
        
        <category>Work</category>
        
        <category>Development</category>
        
        
      </item>
    
  </channel>
</rss>
