<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Hypenotic - Medium]]></title>
        <description><![CDATA[We help impact-oriented brands move their mission forward through marketing strategies &amp; tactics, communications, and interactions. - Medium]]></description>
        <link>https://medium.com/hypenotic?source=rss----a35a369edb98---4</link>
        <image>
            <url>https://cdn-images-1.medium.com/proxy/1*TGH72Nnw24QL3iV9IOm4VA.png</url>
            <title>Hypenotic - Medium</title>
            <link>https://medium.com/hypenotic?source=rss----a35a369edb98---4</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Fri, 15 May 2026 15:52:27 GMT</lastBuildDate>
        <atom:link href="https://medium.com/feed/hypenotic" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[Hello from Chris]]></title>
            <link>https://medium.com/hypenotic/hello-from-chris-dee2d9fdc3cc?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/dee2d9fdc3cc</guid>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Chris Cherrie]]></dc:creator>
            <pubDate>Fri, 26 Oct 2018 16:42:55 GMT</pubDate>
            <atom:updated>2018-10-26T18:42:53.512Z</atom:updated>
            <content:encoded><![CDATA[<p>Hello! My name is Chris Cherrie and per customary Hypenotic tradition, I am sharing a bit about myself and my practice in this introductory note. I would also like to thank everyone here at Hypenotic for a wonderfully warm welcome to the team.</p><p>My approach to graphic design draws from my artistic roots. I grew up in Toronto and studied drawing, painting and sculpture at Wexford Collegiate School for the Arts. Play, in contrast to work, evokes a process of experimentation, failure, and innovation. Our hands are our tools to play with, and through them, we meet unconclusion while simultaneously having google maps direct us to a new destination. We can teleport to untouched areas, and although economics often lifeguard the creative process, there can be great value in exploration.</p><p>As an artist, I’m an active producer and reader of visual culture. My role as a producer is to visually translate an idea to an audience, and as a reader, I critically observe and analyze the products of others. In a community of producers and readers, there is an exciting dialogue of sharing and learning.</p><p>Though I aim to communicate my ideas with clarity, as a walking symbol I understand that I will never have complete agency over them. Everyone will complete my work with their/her/his own bias. As this historical, political and social context occurs, I am diligent in researching an idea. Education ensures that I am sufficiently knowledgeable about a subject, and I can confidently design under a strongly supported thesis.</p><p>By collaborating in the discourse of post-post-modernism, I believe that I have a major responsibility concerning the work that I contribute. Designer William McDonough argues in his article A Question of Design that “Poor design on such a scale reaches far beyond our own lifespan… over future generations through the effects of our actions today.” As design itself has the potential to change a culture, it is irresponsible to be careless or unconscious in practice.</p><p>After moving to Los Angeles I began dedicating my time to projects that rallied on the social justice side of public health and sexuality. I continue to be dedicated to the equality and responsibility of our communities and I am extremely excited and honoured to be joining the Hypenotic team. I aspire to use graphic design as an educational tool to broaden a dialogue about design as I believe that design is something that should seek to be shared.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*sNIuUCWN2VdylHt2AYeWOg.png" /></figure><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=dee2d9fdc3cc" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/hello-from-chris-dee2d9fdc3cc">Hello from Chris</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[5 Insights from 5 Years of Working Remotely]]></title>
            <link>https://medium.com/hypenotic/5-insights-from-5-years-of-working-remotely-aaf2897fd558?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/aaf2897fd558</guid>
            <category><![CDATA[working]]></category>
            <category><![CDATA[remote-working]]></category>
            <category><![CDATA[remote]]></category>
            <dc:creator><![CDATA[Lionel Mann]]></dc:creator>
            <pubDate>Tue, 16 Oct 2018 19:25:18 GMT</pubDate>
            <atom:updated>2018-10-16T20:32:28.727Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*9H9r47QBKo-ys1Y0." /><figcaption>“A picturesque landscape with a wooden cabin in the middle of a field near a tall mountain ridge” by <a href="https://unsplash.com/@inf1783?utm_source=medium&amp;utm_medium=referral">Karsten Würth (@inf1783)</a> on <a href="https://unsplash.com?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption></figure><p>I live in Montreal, Canada and work remotely for a Toronto company. I’ve been doing this for 5 years.</p><p>I spend five weeks working from Montreal and one week in the office to spend time with the team.</p><p>Every morning I bike to a local “working” cafe. Sit down and check e-mail and log into Slack. At 9:30 am I check-in via video call with the Toronto team to get project updates and the days schedule.</p><p>According to research by <a href="https://www.benefitscanada.com/human-resources/other/47-of-canadian-employees-work-remotely-survey-94694">Regus Canada</a>, 47% of Canadian employees work from outside one of their employer’s main offices for half the week or more.</p><p>This aligns with a 2017 <a href="https://www.nytimes.com/2017/02/15/us/remote-workers-work-from-home.html">Gallup survey</a> that found:</p><blockquote>Last year, 43 percent of employed Americans said they spent at least some time working remotely, according to the survey of more than 15,000 adults.</blockquote><blockquote>That represents a four percentage point increase since 2012, a shift that meets the demands of many job seekers.</blockquote><p>I can back this trend up anecdotally. Within a 5-minute bike ride, there are now over 8 co-working spaces where 5 years ago there were just a couple. More “working” cafes have popped up and from where I’m sitting, there are roughly 20 people on laptops.</p><p>In addition to the local Montreal uptick in remote working, there seems to be an increase of those who have their feet in two cities. In this corner of Canada, it happens to be either Montreal and Toronto, Montreal and Ottawa or Toronto and Ottawa. Many people travel to and from these cities on a monthly basis.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*PglIS2_XcaFBAF1sXoMN9A.png" /></figure><p>Canvassing other remote workers and from my own experience, there are things that can make you a successful tech nomad.</p><ol><li><strong>Get up, get dressed and get out</strong><br>Remote working isn’t about staying in your pj’s, lounging on the couch with your laptop and getting “some” work done. To stay on your game, motivated and productive, you need to simulate going into the office. Get dressed and get out of your home. At the very least, create a separate work environment in the home and close your door. Getting out could be at a cafe, library, event meet-up or co-working space. Co-working spaces are becoming much more than a table and chair. Many have events, pub nights, lectures by industry leaders and guest startups. Whatever it is, your mantra should be — get up and get out.</li><li><strong>Know thyself<br></strong>How do you work best? What keeps you motivated? What keeps you productive? If you’ve never worked remotely, it’s not as easy and relaxing as you might expect. You need to know how you work and each day might be a little different. Sometimes you need isolation. Other times you need the energy from a busy environment to keep you productive. And sometimes you need both. There are many ways to achieve this, but one that is helpful for this is <a href="https://coffitivity.com/">Coffitivity</a>. This service recreates the ambient sounds of a cafe from wherever you are.</li><li><strong>Communicate, communicate and then communicate<br></strong>You need to make your presence known and as tangible as possible. It’s easy to fall into the “island” mentality — like you’re on an island without communication. You need to communicate frequently, at the very least chat via Slack or something else and at the very best by video. Maintain daily communication and don’t fall into the black hole of isolation.</li><li><strong>Champion or contribute to company culture<br></strong>It’s not all about work. It’s easy to feel not part of the company, especially when it’s a colleagues birthday and cake is being passed around. :) Be a part of the company culture or better yet find a way to champion it. Slack about life, text good morning, contribute to Instagram or write an article. Whatever it is, make sure they see your name and photo on a daily basis.</li><li><strong>Make office time</strong><br>Spend time in the office. This not only helps your team keep you on their radar but also helps you stay energized. It also creates flow and adds variety to your weeks and months. Create a regular weekly or monthly schedule for being in the office.</li></ol><p>Happy remote working! :)</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=aaf2897fd558" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/5-insights-from-5-years-of-working-remotely-aaf2897fd558">5 Insights from 5 Years of Working Remotely</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[It’s hard making animated profile images/videos lifelike]]></title>
            <link>https://medium.com/hypenotic/on-animated-profile-images-videos-ced7a20400ef?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/ced7a20400ef</guid>
            <category><![CDATA[uncanny-valley]]></category>
            <category><![CDATA[photography]]></category>
            <category><![CDATA[web-design]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[videography]]></category>
            <dc:creator><![CDATA[Hubert]]></dc:creator>
            <pubDate>Fri, 12 Oct 2018 16:41:57 GMT</pubDate>
            <atom:updated>2020-02-05T17:30:30.756Z</atom:updated>
            <content:encoded><![CDATA[<p>Instead of static images, some teams are using videos to present their members. Motion can be used to liven up the representation of team members, but motion can also communicate what a person is like by displaying non-verbal cues.</p><p>There are many obstacles to doing this well, and in the end, the effect may not even be desirable.</p><h3>The Walkthrough</h3><h4>You could have the videos just play and then pause on the last frame.</h4><p>The contrast of motion vs stillness is jarring, even if it is just a person standing there and blinking. One second they are shuffling, swaying, and blinking semi-regularly, and then the next, they never shuffle or sway again.</p><p>Like they looked at Medusa or something.</p><h4>You could loop the videos.</h4><p>The video clip could play, looping over and over again, having the clip jump from the last frame to the first frame. If you think the jump wouldn’t be too jarring, that’s great and you should definitely do that.</p><p>To get a seamless looping video of a human being, its often easiest to play the video and then play the video backwards to get back to the starting frame.</p><p>The first problem presents itself when motion is reversed while the subject is already moving — they will seem to be jumpy and move unnaturally.</p><p>A possible fix: the subject has to stop moving for at least a couple of frames. This is called easing, and is a fundamental part of the vocabulary of motion. There should be deceleration before the clip is reversed and re-accelerated backwards.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/384/0*Wz27rTj9PXsV3N0o" /><figcaption><a href="https://forum.yoyogames.com/index.php?threads/how-to-ease-in-and-out.52045/">by ethian on GameMaker Community</a></figcaption></figure><p>Doing this in After Effects, you can use <em>time remapping</em> to ramp down the frame rate before reversing directions, but this would mean also slowing down the frame rate past the lower threshold for <em>persistence of vision</em> to take effect, breaking the illusion of motion. Filming in higher framerate wouldn’t help either, since you need to slow the framerate to 0 in order to play the footage backwards. Good places to ramp down are when the subject is standing the most still, as changes between frames at a slower frame rate will be less noticeable. It still won’t be perfect though. And frame interpolation is “good”, but isn’t good enough at speeds where you can make out all the detail in each frame.</p><p>The second problem is that when video is reversed, it creates a <em>temporal symmetry</em>, which becomes incredibly obvious to humans, who are keen to non-verbal cues and really pick up on body language and facial expression. You can really tell if a video is being played forth and back, and back and forth, over and over again.</p><p>Like Boomerang for Instagram.</p><p>A possible fix: have the subject pause multiple times and/or remap the video so the playback forward is at a different rate than the playback backward. Check out these graphs in After Effects depicting time (real world time) on the x-axis vs frame (playback time) on the y-axis:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/524/1*lcrup3Py4T8OwSBPmHHCpQ.png" /><figcaption>A simple way to fuzz up the time symmetry: the accelerations are eased in</figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/602/1*Ufcx9U5jwSdsXXC1WCUBPA.png" /><figcaption>A more complex way: playback pauses on the way back, making it feel a little different.</figcaption></figure><h4>Humans don’t loop (and humans don’t randomly stop moving)</h4><p>In the end, in my nit-picky opinion, both of these methods of showing living, moving human beings look kind of weird.</p><p>The issue boils down to these videos not seeming <em>naturally</em> human. It <em>almost</em> seems naturally human — it’s very close, but it’s just a bit off. This is an example of something that falls into the <em>uncanny valley</em>.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/461/0*juP2Pqp6wpIRsr_V.png" /><figcaption><a href="https://commons.wikimedia.org/wiki/File:Mori_Uncanny_Valley.svg">by Smurrayinchester on Wikimedia Commons</a></figcaption></figure><p>The moving pictures show human subjects, but the motion (looping or not) does not accurately represent a person, making the picture unfamiliar, unsettling, and probably less fit for effective communication than a video that loops but makes no attempt to appear seamless.</p><p>Regardless, some people have made real good looping images of human beings. <a href="http://cinemagraphs.com">Cinemagraphs.com (Kevin Burg and Jamie Beck)</a> made one that features a dude driving a car with real smooth and lifelike motion. I like this one and I’m not bothered by it, as it is <em>life-like enough</em> to hold its own (keep in mind though, cinemagraphs are their own thing and are used to communicate things that are different to our needs).</p><p>At the end of the day, if you watch a video of a human being on loop for a significant amount of time, you <em>will</em> notice, and it <em>will</em> seem a bit off.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/480/0*_bl6pt667K8EXW60.jpg" /><figcaption><a href="https://www.youtube.com/watch?v=CNdAIPoh8a4">https://www.youtube.com/watch?v=CNdAIPoh8a4</a></figcaption></figure><h4>Conclusion — What I’m going to do from now on</h4><p>No more looping. No more strange small motions.</p><p>The next time I use animated profile photos as a presentation strategy, I will transition between a candid, lifelike video and an obviously stylized still image. For example, the video would be in full colour and would have the subject making a pose or action, but the still image is black and white and would have the subject doing a different pose/action. After the video is done playing, it can move out of the way to reveal a still portrait of the subject.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=ced7a20400ef" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/on-animated-profile-images-videos-ced7a20400ef">It’s hard making animated profile images/videos lifelike</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Thoughts on writing]]></title>
            <link>https://medium.com/hypenotic/thoughts-on-writing-7f7ea6366ac5?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/7f7ea6366ac5</guid>
            <category><![CDATA[writing]]></category>
            <category><![CDATA[programming]]></category>
            <category><![CDATA[communication]]></category>
            <category><![CDATA[coding]]></category>
            <dc:creator><![CDATA[Lionel Mann]]></dc:creator>
            <pubDate>Tue, 09 Oct 2018 18:24:28 GMT</pubDate>
            <atom:updated>2018-10-09T18:32:59.384Z</atom:updated>
            <content:encoded><![CDATA[<p>The same thought crossed my screen from two independent sources last week.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*NIfcsf2gDGpfp3MA" /><figcaption>“silver iMac with keyboard and trackpad inside room” by <a href="https://unsplash.com/@carlheyerdahl?utm_source=medium&amp;utm_medium=referral">Carl Heyerdahl</a> on <a href="https://unsplash.com?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption></figure><p>They spoke about the same thing but from different perspectives. Writing and communication.</p><p>The first source was a newsletter from <a href="https://realpython.com/newsletter/">Dan at Real Python</a> which I get every week. The newsletter has lots of good bits related to Python and general programming. In his latest, he wrote about scrolling through Quora and coming across someone who asked if beginner programmers should write out code by hand.</p><p>Many readers said no, but as Dan remarked, perhaps they misinterpreted what the asker meant or the question was poorly worded. First, to answer the question, no, programmers don’t need to write out code by hand. Secondly, and more importantly, Dan used the question as a launching pad to talk about the need for programmers to write out what the program is going to do before actually coding it.</p><p>This doesn’t mean writing it out exactly as in a text editor. It means writing out the logic of your code in plain English as either a list of steps or full sentences. If you can’t write out the program in simple English, then you probably don’t understand what is going on. If you are unable to describe the problem, then how will you find the solution.</p><p>As one Quora commentator stated,</p><blockquote>Too many undisciplined programmers today code by the seat of their pants experimentation and end up with undebuggable, unmaintainable messes.</blockquote><p>The second source came from <a href="https://tim.blog/2018/07/23/jason-fried/">Tim Ferris’s podcast with Jason Fried</a> of Basecamp. This two hour plus interview had some great bytes of wisdom, but the most memorable was Fried’s comments on writing. Part of Basecamp’s interview process is for potential hires to do a one week paid project. For example, let’s say there are several designers gunning for the same position. Each would receive the same design project to work on for one week. After the week, they would provide a written report of what they did, their process and why they made certain decisions.</p><p>Part of Fried’s rationale is that if you are a programmer, designer or other creative, you will eventually need to express a thought, defend an opinion or communicate with a client using written communication. If you can’t write clearly, then how will you do this?</p><p>Writing is rarely highlighted as a core skill for designers or programmers. Neither is it part of all the programming boot camps sprouting out there. A quick look at <a href="https://hackeryou.com/">HackerYou’s</a> course list (one of Toronto premier coding colleges), finds some amazing program material, but no writing or communication course.</p><p>Whether writing out programming logic for yourself or another programmer, writing an email to a client or Slacking, we do a lot of it on a daily basis. It’s one of those skills we take for granted. But in the digital creative industry, everything we do is in part communication and being able to write clearly and effectively should be at the heart of it.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=7f7ea6366ac5" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/thoughts-on-writing-7f7ea6366ac5">Thoughts on writing</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[2017 B Inspired Talks]]></title>
            <link>https://medium.com/hypenotic/2017-b-inspired-talks-d11fbf95eb24?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/d11fbf95eb24</guid>
            <category><![CDATA[b-corp]]></category>
            <category><![CDATA[social-impact]]></category>
            <category><![CDATA[social-innovation]]></category>
            <dc:creator><![CDATA[Emily Dela Cruz]]></dc:creator>
            <pubDate>Thu, 22 Feb 2018 14:09:54 GMT</pubDate>
            <atom:updated>2018-02-23T22:04:20.464Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*3D3EbylH9J7-z5RJkE6SvA.png" /><figcaption><a href="https://globescan.com/b-corp-certification-announcement/">Source</a></figcaption></figure><p>Everyone at Hypenotic’s excited that the <a href="https://champions-retreat.bcorporation.net/">B Corp Champion Retreat</a> has come to Toronto (October 3–5).</p><p>Each year the global B Corp Community comes together, and this year’s theme is <em>interdependence</em>. We’re on this planet together, so it’s important that we recognize our interconnectedness and collaborate with other movements fighting for social, environmental and economic justice.</p><p>A big part of the retreat are the <a href="http://www.binspiredevent.com/">B Inspired Talks</a> — where you can hear how leaders use business as a way to create positive social and environmental impact.</p><p>I’m personally excited to hear about Onia Harris’ story. She’s the 2nd Shift Production Operations Lead for People Against Dirty Manufacturing (<a href="https://methodhome.com/">method</a>) in the Pullman neighborhood on the south side of Chicago, IL. <a href="https://methodhome.com/">method</a> creates powerful, planet-friendly cleaning products.</p><p>As <a href="https://medium.com/hypenotic/a-call-for-more-mindful-second-glances-cb8f391841ba">someone who likes looking into company supply chains</a>, I’m interested to learn how method approaches each step of its process.</p><p>We hope to see some of you there!</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2FIJTCcELAbVgHK%2Ftwitter%2Fiframe&amp;display_name=Giphy&amp;url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2FIJTCcELAbVgHK%2Fgiphy.gif&amp;image=https%3A%2F%2Fi.giphy.com%2Fmedia%2FIJTCcELAbVgHK%2Fgiphy.gif&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=giphy" width="435" height="261" frameborder="0" scrolling="no"><a href="https://medium.com/media/79b5f77ad01080b0de791d1af4e4849d/href">https://medium.com/media/79b5f77ad01080b0de791d1af4e4849d/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=d11fbf95eb24" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/2017-b-inspired-talks-d11fbf95eb24">2017 B Inspired Talks</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Help your users with change]]></title>
            <link>https://medium.com/hypenotic/help-your-users-with-change-541297a6444?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/541297a6444</guid>
            <category><![CDATA[design]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[behaviour]]></category>
            <dc:creator><![CDATA[Emily Dela Cruz]]></dc:creator>
            <pubDate>Thu, 22 Feb 2018 14:05:49 GMT</pubDate>
            <atom:updated>2018-08-27T13:17:49.410Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*scVoKBv9ptbU6msa." /><figcaption><a href="https://unsplash.com/@rossf?utm_source=medium&amp;utm_medium=referral">Ross Findon</a> on <a href="https://unsplash.com?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption></figure><h4>Want to make your users less angry — maybe even <em>gleeful</em>? Get comfortable with feedback. Be responsive. Iterate (with haste). Rinse and repeat.</h4><p>One morning I walked down some stairs amongst a crowd of people and into my typical subway station. Since my body’s usually on autopilot at 6am, it’s used to seeing a lane of turnstiles. But on this particular morning, my brow furrowed in confusion and my body halted at the presence of a gaping empty entrance. The station was under construction — things were in flux.</p><p>I looked around to where others were tapping their Presto cards (<a href="https://www.prestocard.ca/">the transit payment system in Toronto</a>), but everyone was in a bit of a kerfuffle. After a few seconds, we all saw a small green box attached to the brick wall off in the corner of the station.</p><p>A communal nod of understanding ensued. Our journeys continued.</p><p>The morning after everyone was met with a paper sign pointing to the Presto machine which had been moved to a wall closer to the station entrance.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*CKD83HrG3Cr7K-DTDcjrrA.jpeg" /><figcaption>Ahhh…there’s the machine.</figcaption></figure><p>The simple way-finding change made transit users’ experience much less confusing.</p><p>Recently, we ran into a change-related issue on one of our projects — <a href="http://farmlink.net/">Farmlink</a>, a place to find or share farm opportunities &amp; resources.</p><p>We needed to make more of the user profile fields mandatory to fill out.<br> If a user did not have these fields completed, their account would be temporarily paused, but there would be a notification to let them know they needed to fill in more fields.</p><p>We pushed the code up to the live server…and then the complaints started coming in.</p><p>The general theme was:</p><blockquote><em>“</em>I’ve filled out all the required fields and I’m still not able to activate my account.<em>”</em></blockquote><p>Hmm.</p><p><em>Was our code working and submitting the correct info to the database?</em> Yup.<br> <em>Alright, so are all the required fields actually filled out by the users?</em> Nope.<br> <em>Hmm, so what’s going on? We’ve gotten a couple emails, so something’s up?</em></p><p>When we get even a single email from a user or client we’re quick to jump in to help, so the fact that multiple users emailed in was an alarm for sure.</p><h4>Here’s what the form’s error message looked like at first:</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*uXUDBIHzB3zraNgq9YEYDw.jpeg" /></figure><h4>So, we added a list of questions that when clicked on, jumped to the empty fields.</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*CKZIiH0aHVaqhkItbkaC4w.jpeg" /></figure><p>But another user email came in — same problem. We still weren’t being clear enough.</p><h4>So, we made the backgrounds of the empty fields red too.</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1000/1*hQzU6sCDaDINlrMDbituCw.jpeg" /></figure><p>Note the change from <em>Oops</em> to <em>Sorry</em> as well. We thought the newer copy was less alarming, and didn’t make it look like we were pointing a finger at the user.</p><p>After this iteration, the emails stopped. <em>Success.</em></p><p>If we ever make another significant change to profiles again, we’d probably alert users upon login. Maybe with a cute and helpful “<em>Hey, something’s-changed-since-you-last-visited…</em>” annotation/bubble. It’s all a learning process.</p><p><a href="https://blog.trackduck.com/2017/05/01/trello-trackduck-integration-make-your-feedback-process-faster/">We use tools like TrackDuck</a> to allow users to give us feedback about their experience. Realistically you can’t have your eyes on every single pixel of your site, or every single person using it (<em>also, that’s creepy and problematic for clear legal reasons…</em>). Also, it’s nice to hear what your user community has to say — each piece of feedback is informative, and only helps to refine your product.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2FvRsa3fLg96Qve%2Ftwitter%2Fiframe&amp;display_name=Giphy&amp;url=https%3A%2F%2Fgiphy.com%2Fgifs%2Fclub-breakfast-vRsa3fLg96Qve&amp;image=https%3A%2F%2Fmedia4.giphy.com%2Fmedia%2FvRsa3fLg96Qve%2Fgiphy.gif%3Fcid%3D790b76119f6da09390d29b1e5f92787c5653680850dff566%26rid%3Dgiphy.gif%26ct%3Dg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=giphy" width="435" height="251" frameborder="0" scrolling="no"><a href="https://medium.com/media/d0111dd06234cadf87ecd58693e2bb8c/href">https://medium.com/media/d0111dd06234cadf87ecd58693e2bb8c/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=541297a6444" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/help-your-users-with-change-541297a6444">Help your users with change</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[The Reducetarian Solution]]></title>
            <link>https://medium.com/hypenotic/the-reducetarian-solution-6cc8a141fdc5?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/6cc8a141fdc5</guid>
            <category><![CDATA[plant-based-diets]]></category>
            <category><![CDATA[sustainability]]></category>
            <category><![CDATA[social-issues]]></category>
            <dc:creator><![CDATA[Emily Dela Cruz]]></dc:creator>
            <pubDate>Thu, 22 Feb 2018 14:01:13 GMT</pubDate>
            <atom:updated>2018-02-22T14:01:13.105Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*5gM42d3f02REOtZa7evy5w.jpeg" /></figure><p>Ever consider reducing your meat intake? Brian Kateman’s new book gives you many reasons why changing the way you eat affects more than your life alone.</p><p>Back in high school I entertained the thought of vegetarianism. But as I’ve grown older and started to feel the effects of aging, the thought comes to mind more often. Raising animals for food is one of the major sources of pollution and environmental degradation. As mentioned <a href="https://medium.com/hypenotic/a-call-for-more-mindful-second-glances-cb8f391841ba">in my previous post about the fashion industry</a>, thinking about the future of my nephews and other kids has made me take many more second glances at my choices.</p><p>I recently picked up <a href="https://twitter.com/briankateman">Brian Kateman’s</a> newest book <a href="https://reducetarian.org/book/"><em>The Reducetarian Solution</em></a>. It’s a book of mini essays chunked into three categories: <em>mind</em>, <em>body</em>, and <em>planet</em>. In some way, they all make the case that cutting down at least 10 % of the amount of meat you eat can transform the lives of yourself, animals, and the planet that we share.</p><p>Here are several of the many essays that stuck out for me:</p><p><strong>Effective Reducetarian — William MacAskill</strong><br> This piece revolves around the question: <em>How can I make the biggest difference possible in my current situation?</em> “…[I]f you are only reducing the amount of animal products you consume, rather than going entirely vegetarian or vegan, the most effective way to reduce animal suffering is to stop eating chicken, then eggs, then pork.”</p><p><strong>An Anthropologic Survey of Carnovory and Morality — Avi Tuschman</strong><br> Tuschman thinks eating meat tears at the conscience of our species. That we’re torn between our hunger and humility.</p><p><strong>Three Mental Hacks to Help You Be a Reducetarian — Nick Cooney</strong><br> Humans hold so many biases. One is the <em>status quo bias</em>: thinking that the way things are right now is the way they should be. Cooney tries to help old habits die.</p><p><strong>Replenishing a Thirsty Planet — Wendy Pabich</strong><br> The meat on our plates takes a huge amount of water to produce. Period.</p><p><strong>It’s about much more than meat — Joan Dye Gussow</strong><br> Gussow believes it’s not really about meat, but a lack of mindfulness about our impact on the planet — about our overconsumption.</p><p><strong>Making the Invisible Visible: Exploitation of Livestock Workers Supports the Meat Industry — Molly Anderson</strong><br> Today’s meat industry would not be able to sell meat at its current prices without exploiting workers.</p><p><strong>The Food Desert Phenomenon — Hillary Shaw</strong><br> A <em>food dessert</em> is defined as a place where there is an absence of affordable healthy food in poverty-stricken areas. In a food dessert, food may be plentiful — but not nutritious.</p><p>I’ve already been trying to reduce the amount of meat that I eat, but reading this book only made me want to manifest the thought into my daily actions even more. You can apply reducetarian thinking to different areas of your life as well. We should all buy less material things that we end up not being entertained by a week after. We should all be mindful about our consumption patterns. We should all think about our actions’ impact.</p><p>Some people think of reducetarianism as a new type of <em>diet</em>. However, I never liked the term <em>diet</em>. So, I like to think of this all as the following quotation states — as a bit or reorganizing.</p><blockquote><em>“Reducing doesn’t automatically mean suffering, it just means reorganizing, often in ways that ultimately pay dividends.”<br> </em>— Naomi Oreskes</blockquote><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=6cc8a141fdc5" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/the-reducetarian-solution-6cc8a141fdc5">The Reducetarian Solution</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[A call for more mindful second glances]]></title>
            <link>https://medium.com/hypenotic/a-call-for-more-mindful-second-glances-cb8f391841ba?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/cb8f391841ba</guid>
            <category><![CDATA[fashion]]></category>
            <category><![CDATA[consumerism]]></category>
            <category><![CDATA[sustainability]]></category>
            <category><![CDATA[behaviour]]></category>
            <category><![CDATA[social-issues]]></category>
            <dc:creator><![CDATA[Emily Dela Cruz]]></dc:creator>
            <pubDate>Thu, 22 Feb 2018 13:53:07 GMT</pubDate>
            <atom:updated>2018-10-16T14:09:54.035Z</atom:updated>
            <content:encoded><![CDATA[<p><em>How looking closer at our buying habits makes us realize that there’s a lot of change that needs to happen in the consumerist sphere.</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZLIejrlFeYEM-1Z9v_fQkA.jpeg" /><figcaption><a href="https://unsplash.com/@annadziubinska">Anna Dziubinska</a> via Unsplash</figcaption></figure><h3>Looking back on a moment</h3><p>At this point I’ve resorted to positive self-talk to keep me going. <em>Just two more places — you can do this. </em>I want to find the nearest exit…but I came to this place on a mission and can’t procrastinate any longer. Beads of sweat are dripping down various body parts. No doubt due to the massive collection of people, the mistake of wearing a heavy jacket, and the rapid pace at which I’m walking. The lights are bright. The signs shout at me with their bold colours and big type. I make a bee-line to a just-vacated couch and plop down. Several bags in my hands fan out around me as if in protection against the chaos.</p><p><em>It is 2pm on Christmas Eve 2016 at the major mall in town.</em></p><p>In my exhaustion-laden stupor, things starts to slow. Some people look happy. A bunch of people seem frustrated. Eyes are glazed over. There are <em>a lot</em> of bags.</p><p>A slew of questions invade my consciousness: What are all these people doing here? What am I doing here — stressing out over <em>buying things</em>? How did I get here? How did we get here? What. Is. Going. On?</p><p>Now, this may all sound blown out of proportion and a bit too existential for a shopping trip, so let me bring some context to it all…</p><h3>Breaking out of a loop</h3><p>I watched the documentary <a href="https://truecostmovie.com/"><em>The True Cost</em></a> almost a year after <a href="http://hypenotic.com/why-you-should-pay-more-for-most-things/">Barry had recommended it</a> in July 2015. It’s about the fashion industry. The things we wear, the people who make them, and the impact the industry is having on our society and planet.</p><p><em>So, why did you wait so long after the recommendation?</em> As Clare Press mentions in <em>Wardrobe Crisis</em>, I think part of it had to do with “the sheer scale” of the industry and the problems entangled with it. The largeness of it all caused “ostrich behaviour” — ostriches hide from danger by burying their head in the sand. So, in other words, I was turning a blind eye.</p><p>I forget the exact environment and state of mind I was in, but I kept thinking about the documentary (note: hadn’t watched it yet…), the photo I saw at the 2014 <a href="https://www.worldpressphoto.org/">World Press Photo</a> exhibit at Brookfield Place in Toronto titled “<a href="http://time.com/3387526/a-final-embrace-the-most-haunting-photograph-from-bangladesh/">Final Embrace</a>”, and the wardrobes of myself and people I knew.</p><p>So, I finally watched the documentary (in 2016) — and since then it’s been a lot of researching and asking questions.</p><p>I don’t think you can watch a film like <em>The True Cost</em> and not be affected in <em>some</em> way.</p><p>If you look in my closet you’ll find big brands like Gap, Zara, and Topshop. I worked for a fast-fashion retailer for over a year. I too fawned over the ‘it’ bag Mulberry released in 2010 named Alexa. It caused sales to increase by a massive 35%¹.</p><p>I get the fascination with clothes. They’re fun to look at, and clothes can be a huge part of human expression/identity. But clothes don’t just magically appear on the racks we shop from — there’s a whole lot that goes on before they end up in our hands.</p><h3>The road to your closet…and beyond</h3><p>Each of these topics warrant their own posts — and books. But here are tidbits about each.</p><h4>Materials</h4><p>Everybody talks about natural vs. synthetic fibres, and how we should lean towards the ‘good’ eco-materials like cotton and linen. However, various studies have suggested that cotton has a greater environmental impact than nylon or polyester. Two sides to every story, right?</p><p>In a Cambridge University study, scientists calculated that it took 11 megajoules of energy to manufacture a viscose blouse, and a cotton shirt required 24. Similarly, a black organic cotton top is worth 28 EDUs (Environmental Damage Units), and a polyester 19 EDUs — mainly because polyester yarn is dyed while it’s formed, so you can skip the dyeing process².</p><p>This doesn’t mean everyone should run out and buy synthetics…there’s plenty of studies that argue against them as well.</p><h4>Garment Workers</h4><p>As <a href="https://twitter.com/lucysiegle">Lucy Siegle</a>, <a href="https://www.theguardian.com/profile/lucysiegle">The Observer’s ‘Ethical Living’ columnist</a>, says in a <a href="https://www.youtube.com/watch?v=YglyHzvBqpA">TEDx Talk</a>, there’s this “terrible dichotomy…of how we’re hiding…slave labour in the fashion industry.”</p><p>When companies tell factory owners that they want garments at cheaper price (to one-up their competition), or else they’ll choose a different factory, owners often agree to the lower price. But how do they make clothes at a cheaper cost? The cut usually comes from a worker’s paycheque, which is already small to begin with as many workers do not, or barely, receive a living wage.</p><p>Or when a company needs a huge order (say 500 000 units) in a small amount of time — how does that work? The workers work gruelling hours to get it done. These people often “do not have formal employment contracts, leaving them completely vulnerable to exploitation and abuse” ³.</p><h4>Waste</h4><p><a href="http://fashionrevolution.org/">Fashion Revolution</a> estimates that 20% of global industrial water pollution is caused by the treatment and dyeing of textiles.These textiles have been bleached, dyed, printed on, submerged in chemical baths. These chemicals can leach from the clothes/trimmings that end up in landfills and into groundwater. Burning textiles can release those toxins into the air. In the same vein, synthetics are essentially a type of plastic made from petroleum, and will take hundreds of years, if not a thousand, to biodegrade.</p><h3>What are your boundaries?</h3><p>There’s a mindlessness with which we go about our lives sometimes. But taking stock of your current state, and the state around you is incredibly eye-opening.</p><p>I was reading the first issue of <a href="http://peepsforum.com/magazine/magazine-stories/">Peeps magazine</a> while thinking about writing this post, and in it there’s an interview with <a href="https://twitter.com/sladner">Sam Ladner</a> — a sociologist, ethnographer, and UX researcher.</p><p>She said this:</p><blockquote><em>“</em>I have determined a set of lines I will not cross. I don’t market to children because they cannot tell advertising from content. I don’t contribute to the objectification of women. I don’t sell tobacco. Those are the firm lines I have, but I audit myself frequently. This means I’m always conscious about what I say and how it could potentially affect people.<em>”</em></blockquote><p>What are your ‘set of lines’? What are your boundaries? When’s the last time you took some time to reflect on your thoughts, words, and actions — are they in sync? And what do those three things say about you to the world, or more importantly, <em>do</em> to the world?</p><p>All this is to say — don’t be the ostrich with your head in the sand.</p><p>When you learn more, the blinders get pulled up inch by inch (it’s very much like <a href="https://www.youtube.com/watch?v=vKQi3bBA1y8">The Matrix</a>). Then you ask yourself, ‘<em>How in the world did I miss all this?!</em>’.</p><h3>Good vs Bad</h3><blockquote>“<em>On the surface, the choice seems simple: ‘good clothes’ or ‘evil clothes’. If you choose the ‘good’ clothing you are virtuous; if you choose the ‘evil’ clothing you are evil. Whilst it makes sense to buy the least harmful option when purchasing any product, what about the myriad factors that determine ‘choice’? Class is the primary factor. You buy what you can afford. If you cannot afford a £16 pair of knickers, then it does not matter that they are handcrafted in Britain from organic cotton; you will have to buy five pairs for £3 from Primark — and will probably feel guilty and ashamed for doing so.</em>”</blockquote><blockquote>– <em>Stitched Up</em></blockquote><p>As stated above, products considered ethical are often the most expensive, so class plays a huge role. When someone lacks the ability to even choose ethical products, it’s hard to blame them for the destruction of the planet or the existence of sweatshops. There are many factors in play.</p><p>I am clearly in a place of privilege since I am able to choose how I go about my consumer habits. I’m not here to be that person that makes low-key-judgey-eyes while you shop, but I am here to ask us to be mindful of our choices in whatever capacity possible.</p><h3>Let’s go further up the chain</h3><blockquote>“<em>With the growth of the internet, has come a growth of awareness, and the need for transparency — people are simply more aware of what they’re buying, who they’re buying from, and how the profits are being spent by the companies that they’re investing their money in. Businesses are adapting in response to this global community of conscious consumers.</em>”</blockquote><blockquote>– <a href="http://ethospaper.com/">Ethos Magazine</a>, Issue 1</blockquote><p>I think we’re all starting to take more second glances these days.</p><p>Alain de Botton makes a valid point when he says that we “opt for certain kinds of ease and excitement over others….[i]t’s not companies that primarily degrade the world. It is our appetites, which they merely serve.” ⁴</p><p><em>But</em> there’s a mind-boggling amount of facets involved in this issue — a whole system that has been built up for decades. Everything is connected.</p><p>Yes, of course we should curb our appetites. But let’s also ask — why aren’t all products ethically made? Why does responsibility not lie further up the chain? As <a href="https://twitter.com/MAnthonybrowne">Mark Browne</a> asks, “Why can’t we have a productive, accountable textile industry that operates like the medical industry, whereby we have a policy in place that says you are not allowed to put a product to market until it has been adequately tested? That’s what I mean by benign by design.”</p><h3>On moving forward</h3><blockquote><em>“It’s not only about policing your own area because that can turn into its own ego trip. ‘Look at me I’m doing something for the environment!’ Rather than saying, ‘It’s something I have to do because it’s necessary.’ I think we gotta stop being so prideful about the fact that we are doing something that the world needs. It’s not a matter of pride, it’s a matter of dire necessity.”</em></blockquote><blockquote>– Alan Arkin in <a href="https://youtu.be/OU3uAHlq0AA?t=33m57s">Wisdom</a></blockquote><p>There are other moments aside from the Christmas mall bonanza of 2016 that cause me to pause and take stock of everything.</p><p>Like when I look at my nephews and get that sinking feeling of worry.</p><p>I worry about what kind of world they (and all kids) are going to be living in because of what we’re all doing right now. I worry about if my actions are a model of ‘good’ behaviour, of values that I hope they’ll take note of.</p><p>This week is <a href="http://fashionrevolution.org/">Fashion Revolution Week</a>. It was created in remembrance of the Rana Plaza factory collapse, which killed 1138 people and injured many more on April 24th, 2013. This week is all about uniting people and organizations, so we can change “the way our clothes are sourced, produced and consumed, so that our clothing is made in a safe, clean and fair way”. Of course, it isn’t just about this week — it’s about being aware and asking questions and taking action in our <em>daily</em> lives.</p><p>This entire article has been a condensed brain-vomit of what I’ve been thinking about for a while. I’m still uncertain about exactly how I want to be more involved in this issue, but this ostrich has her head out of the sand. On a daily basis I’m taking a lot more long and hard looks at things I come across, asking a lot more questions, and seeking out a lot more answers.</p><h3>Beyond this article</h3><p>Here are some resources to check out if you want to learn more:</p><h4>Websites</h4><ul><li><a href="http://fashionrevolution.org/">Fashion Revolution</a></li><li><a href="https://cleanclothes.org/">Clean Clothes Campaign</a></li><li><a href="http://asia.floorwage.org/">Asia Floor Wage</a></li></ul><h4>Books/Magazines</h4><ul><li>To Die For by Lucy Siegle</li><li><a href="http://andrewzuckerman.com/wisdom/">Wisdom</a> by Andrew Zuckerman (also in video format)</li><li><a href="https://www.clarepress.com/test/">Wardrobe Crisis</a> by Clare Press</li><li><a href="http://www.tansyhoskins.org/stitchedupbook/">Stitched Up</a> by Tansy E Hoskins</li><li><a href="http://www.safia-minney.com/slave-to-fashion.html">Slave to Fashion</a> by Safia Minney</li><li><a href="https://bthechange.com/">B Corp Magazine</a></li></ul><h4>Videos/Film</h4><ul><li><a href="https://truecostmovie.com/">The True Cost</a></li><li><a href="https://twitter.com/illusionists">Illusionists</a></li><li><a href="http://riverbluethemovie.eco/">RiverBlue</a></li><li><a href="https://www.youtube.com/watch?v=YglyHzvBqpA">The Wardrobe To Die For</a> — Lucy Siegle</li><li><a href="https://vimeo.com/76075636">Benign by Design</a> — Mark Anthony Browne</li><li><a href="https://www.youtube.com/watch?v=5r8V4QWwxf0">The High Cost of Our Cheap Fashion</a> — Maxine Bédat</li><li><a href="https://youtu.be/mPM9lhackHw">Fast Fashion’s Effect on People, The Planet, &amp; You</a> — Patrick Woodyard</li><li><a href="https://www.youtube.com/watch?v=cduGLWhm1LM">You are what you wear</a> — Christina Dean</li></ul><ol><li>L. Siegle, <em>To Die For</em> (Fourth Estate, 2011), p.95</li><li>L. Siegle, <em>To Die For</em> (Fourth Estate, 2011), p.109</li><li>C. Press, <em>Wardrobe Crisis</em> (Nero, 2016)</li><li><a href="http://www.thebookoflife.org/culprit-found-in-mcdonalds-outrage-you/">http://www.thebookoflife.org/culprit-found-in-mcdonalds-outrage-you/</a></li></ol><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=cb8f391841ba" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/a-call-for-more-mindful-second-glances-cb8f391841ba">A call for more mindful second glances</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Relating ReactJS to everyday concepts]]></title>
            <link>https://medium.com/hypenotic/relating-reactjs-to-everyday-concepts-cd5d4b6fe4cd?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/cd5d4b6fe4cd</guid>
            <category><![CDATA[code]]></category>
            <category><![CDATA[development]]></category>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[react]]></category>
            <dc:creator><![CDATA[Emily Dela Cruz]]></dc:creator>
            <pubDate>Thu, 22 Feb 2018 13:48:56 GMT</pubDate>
            <atom:updated>2018-02-23T14:33:46.639Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*Y9IeeJha6R1js8Ac." /><figcaption>Photo by <a href="https://unsplash.com/@iurte?utm_source=medium&amp;utm_medium=referral">Iker Urteaga</a> on <a href="https://unsplash.com?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption></figure><p>Last week I read <a href="https://www.theatlantic.com/education/archive/2017/02/teaching-computer-science-without-computers/517548/">an article about how in Finland, kids learn computer science without computers</a>.</p><p>Children are taught to think about coding in relation to everyday actions, like how <a href="http://whatis.techtarget.com/definition/loop">a loop</a> (essentially a sequence) can be explained by repeating a series of dance steps (think about the party-favourite <a href="https://www.youtube.com/watch?v=zTunzYfU-uM">Macarena</a>).</p><p>I shared the article on <a href="https://twitter.com/emdecr">Twitter</a>, and a follower messaged me saying, “<em>See! If coding was taught to me like this in high school, maybe I would have actually understood and liked it.</em>” This lead me to think: how often are people deterred from learning new concepts because they are taught in a way that doesn’t speak to them/isn’t digestible by them?</p><p>I mean, it makes sense — this chain of events. First we don’t understand something, or it’s not presented to us in a relatable way, then we are disinterested, or just give up.</p><p>Inaccessibility = cutting off your audience. Of course, you can’t cater to everyone, and your analogies won’t make sense to everyone. But chances are that more folks who are just getting introduced to your ideas will catch on quicker with a comparison to everyday concepts.</p><p>I’ve started to dig into ReactJS, and would like to be able to pass down some of my knowledge to friends, and strangers. Taking from a talk I had with <a href="http://hypenotic.com/author/lmann/">Lionel</a> about ‘<a href="https://en.wikipedia.org/wiki/Rubber_duck_debugging"><em>rubber duck debugging</em></a>’ — I like the idea of forcing myself to explain code, line-by-line — knowing what is going on at every step. I’m not there yet, but we know that comparing new/complex concept to everyday human tasks <a href="https://medium.com/hypenotic/mentoring-lets-start-at-the-very-beginning-459831eaee64">helps with making things click</a>.</p><p>So, I thought it would be a good idea to do this for three key concepts in React: components, props and state. I start off with definitions because I love etymology taking a concept’s basic definition/origin is often telling about it’s purpose. This isn’t going to be an in-depth explanation of each concept, but a way to think of them in everyday terms.</p><p>Let’s get started!</p><h3>Components</h3><p><strong>component</strong> |kəmˈpōnənt|<br> noun</p><ul><li>a part or element of a larger whole, especially a part of a machine or vehicle: ex. stereo components.</li></ul><p>As the word’s plain definition states, a <em>component</em> in React is a piece of a whole, your app. I like to think of components like <em>individual lego pieces</em>, that when combined create larger structures.</p><pre>var LegoPiece = React.createClass({<br>      render: function() {<br>        return &lt;h1&gt;Hello World&lt;/h1&gt;;<br>      }<br>    });</pre><pre>    ReactDOM.render(<br>      &lt;LegoPiece /&gt;,<br>      document.getElementById(&#39;main-container&#39;)<br>    );</pre><h3>Props</h3><p><strong>property</strong> |ˈpräpərtē|<br> noun (pl. properties)</p><ul><li>an attribute, quality, or characteristic of something: ex. the property of heat to expand metal at uniform rates.</li></ul><p>Props (short for properties) are similar to arguments in a regular function. In a component, props are immutable and top-down — props of a component are passed from parent component to a child.</p><p>So, let’s think of props like genetic traits. In this basic example we are creating a child component, and trait-wise, we’re passing down ‘brown eyes’.</p><pre>var Child = React.createClass({<br>  render: function() {<br>    return &lt;p&gt;This child has {this.props.trait}&lt;/p&gt;;<br>  }<br>});</pre><pre>ReactDOM.render(<br>  &lt;Child trait=&quot;brown eyes&quot; /&gt;,<br>  document.getElementById(&#39;main-container&#39;)<br>);</pre><h3>State</h3><p><strong>state</strong> |stāt|<br> noun</p><ul><li>the particular condition that someone or something is in at a specific time: ex. being worried about someone’s state of mind.</li></ul><p>Component state changes over time in response to actions — like a click. To get state we have to implement class-based components by extending <em>React.Component</em>. Here’s a bit more info about the example below from <a href="https://facebook.github.io/react/docs/react-component.html">ReactJS docs</a>.</p><p><em>“The constructor for a React component is called before it is mounted. When implementing the constructor for a React.Component subclass, you should call super(props) before any other statement. Otherwise, this.props will be undefined in the constructor, which can lead to bugs.</em></p><p><em>The constructor is the right place to initialize state. If you don’t initialize state and you don’t bind methods, you don’t need to implement a constructor for your React component.</em>”</p><p>Let’s talk about hugs. Hugs are pretty great, and <a href="https://www.psychologytoday.com/blog/unified-theory-happiness/201406/4-benefits-hugs-mind-and-body">have many benefits</a>.</p><p>In this example, the action that affects state is a click, and that in turn affects the state’s ‘<em>hugs</em>’ count. So, when the You component is rendered, there’s a button for the user to click. Every time a user clicks the button, You (the component) has a change in state — in the numbers of hugs. And maybe you can code it so that when the <em>hugs</em> count reaches 10, the button becomes disabled, because You has had enough <em>hugs</em> (<em>but is there really a case of too many hugs?</em>).</p><pre>class You from React.Component {<br>  constructor(props) {<br>    super(props);<br>    this.state = {hugs: 0 };<br>  }</pre><pre>  onClick() {<br>    this.setState({hugs: this.state.hugs + 1});<br>  }</pre><pre>  render() {<br>    return (<br>      &lt;div&gt;<br>        &lt;div&gt;count:{this.state.hugs}&lt;/div&gt;<br>        &lt;button onClick={this.onClick}&gt;Click for hugs!&lt;/button&gt;<br>      &lt;/div&gt;<br>    );<br>  }<br>};<br>ReactDOM.render(&lt;You /&gt;, document.getElementById(&quot;main-container&quot;));</pre><h3>Conclusions</h3><p>So, we touched upon lego, genes, and a hug’s effect on emotion! But you can think of these ReactJS concepts in any way you want — in any way that makes most sense to you. Use whatever <a href="https://en.wikipedia.org/wiki/Schema_(psychology)">schemas</a> you have in place to really let new ideas sink in.</p><p>As always — heres a GIF!</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2Fl1fWtMmQbuGvm%2Ftwitter%2Fiframe&amp;display_name=Giphy&amp;url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2Fl1fWtMmQbuGvm%2Fgiphy.gif&amp;image=https%3A%2F%2Fi.giphy.com%2Fmedia%2Fl1fWtMmQbuGvm%2F200w.gif&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=giphy" width="435" height="752" frameborder="0" scrolling="no"><a href="https://medium.com/media/a7c0be31e4254416b48cbfbd2c685cf0/href">https://medium.com/media/a7c0be31e4254416b48cbfbd2c685cf0/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=cd5d4b6fe4cd" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/relating-reactjs-to-everyday-concepts-cd5d4b6fe4cd">Relating ReactJS to everyday concepts</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Work on your weekends]]></title>
            <link>https://medium.com/hypenotic/work-on-your-weekends-9f3ef4401056?source=rss----a35a369edb98---4</link>
            <guid isPermaLink="false">https://medium.com/p/9f3ef4401056</guid>
            <category><![CDATA[behaviour]]></category>
            <category><![CDATA[happiness]]></category>
            <dc:creator><![CDATA[Emily Dela Cruz]]></dc:creator>
            <pubDate>Thu, 22 Feb 2018 13:46:32 GMT</pubDate>
            <atom:updated>2018-02-22T13:46:31.728Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*qmHsepJJ9xtcSI6O." /><figcaption><a href="https://unsplash.com/@joannakosinska?utm_source=medium&amp;utm_medium=referral">Joanna Kosinska</a> on <a href="https://unsplash.com?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption></figure><p>I’m constantly on an ‘efficiency kick’ — looking for ways to augment/streamline time-spent. Like <a href="http://hypenotic.com/spaces-are-important/">how</a> <a href="http://hypenotic.com/meet-emmet/">I code</a>, how I commute (<a href="https://twitter.com/emdecr/status/684565119402024962">thank you podcasts</a>), and most recently, how I use my weekends.</p><p>Look up ‘efficient’ in the dictionary and you’ll find a definition like this:</p><ul><li>achieving maximum productivity with minimum wasted effort or expense</li><li>working in a well-organized and competent way</li><li>preventing the wasteful use of a particular resource</li></ul><p><em>(From Apple’s Dictionary app)</em></p><p>Whenever the weekend approaches, a lot of folks have an inner dialogue along the lines of: <em>I just want to do nothing. Or, I’ll play it by ear.</em></p><p>Then Saturday morning rolls around, and they end up taking a substantial chunk of weekend time to plan out what they want to do. Sound familiar?</p><p>Time is finite. That’s a chunk of your weekend that you’re not going to get back.</p><p>So, why not think about what to do on your weekend in advance?</p><p>You may be thinking<em>: Plan. My. Weekends? But where’s the spontaneity? Why would I want to work on laying out my weekends?</em></p><p>I’m not saying to spend a huge amount of time blocking out your weekend in 15 minute intervals. That’s <em>rigid</em> <em>scheduling</em>. But what about taking time earlier in the week to choose three activities? Three activities you can do during the weekend that will bring you joy. Just three.</p><p>Laura Vanderkam calls these ‘anchor activities’ in her book, <a href="http://lauravanderkam.com/books/successful-people-do/"><em>What the Most Successful People Do Before Breakfast — And Two Other Short Guides to Achieving More at Work and at Home</em></a>.</p><p>These activities are anything that you, personally, are going to look forward to — actions that, when thought about, evoke a ‘<em>hell yes</em>’ and a huge metaphorical checkmark on your soul’s invisible checklist.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ISou0zV-hrQkVaTAVkFB5g.jpeg" /><figcaption><em>Like this.</em></figcaption></figure><p>Vanderkam suggest tying the activities to certain times, and choosing something social, something active and something spiritual — but whatever floats your boat will do. She also recommends doing something special Sunday night to ease into Monday on a high note.</p><p>For example, for me this may look like:</p><ul><li><em>Social</em>: Dinner with a friend on Friday night at one of our favourite spots.</li><li><em>Active</em>: A walk early Saturday morning (6am), taking the long way to the 24-hour grocery store, so I can shop the aisles in peace and avoid long checkout lines.</li><li><em>Spiritual</em>: Meditating in the morning for 10 minutes.</li></ul><p>Besides the actions themselves inducing joy, the act of planning them out in advance has a benefit as well: <em>anticipation</em>.</p><p>When anticipation comes from a positive place (booking of a vacation, dinner with friends, signing up for that coding course you’ve been eyeing for forever) we experience some of the same pleasure that will come from the future event itself. In <a href="https://www.psychologytoday.com/blog/the-happiness-project/201102/get-more-bang-your-happiness-buck-revel-in-anticipation">a Psychology Today article</a>, Gretchen Rubin, author of <a href="http://gretchenrubin.com/books/the-happiness-project/about-the-book/">The Happiness Project</a> says, “by having something to look forward to, no matter what your circumstances, you bring happiness into your life well before the event actually takes place. In fact, sometimes the happiness in anticipation is greater than the happiness actually experienced in the moment.”</p><p>Part of this anticipatory effect is <a href="https://www.psychologytoday.com/blog/the-psychology-dress/201111/visualize-it"><em>visualization</em></a> — picturing yourself in a situation.</p><p>When you think about that breakfast with your family or that early morning jog, you subconsciously cause sensations associated with that situation to bubble to the surface. Calmness. Excitement. Joy.</p><p>So, fast-forward a bit, and by Sunday evening you’ll have at least done three things that you genuinely enjoy — but I have <em>one</em> more preposition. Bring Monday into your Sunday. Think about what you want to tackle. You can lose a large chunk of your Monday to figuring things out, and the rustling of a typical office environment probably won’t help this process. Maybe choose your <a href="https://zenhabits.net/purpose-your-day-most-important-task/">Most Important Task(s) (MIT)</a> — something that, when completed, will make you feel a strong sense of accomplishment, regardless of what happens throughout the day. Kind of like those aforementioned ‘anchor’ activities. Most people say to tackle your MIT first thing in the morning, but <a href="http://99u.com/articles/6980/lab-rat-do-your-most-important-task-first">you can revise this model</a>.</p><p>All that said — give thought to your weekend (and Mondays) a shot in advance. You might find that it’s the type of work that you enjoy doing.</p><p><strong>TL;DR</strong></p><ul><li>Add some efficiency to your weekend, and plan to do three ‘anchor’ activities that will bring you joy.</li><li>Anticipating pleasurable planned events adds more happiness to your life, in part because we’re able to visualize/trigger some of the feelings we’ll experience when the event actually takes place.</li><li>Think about Monday’s goals — without knowing where you’re going, you end up lost.</li></ul><p><strong>Side Notes</strong></p><ul><li>Here’s the TED Talk that introduced me to Vanderkam’s work — <a href="https://www.ted.com/talks/laura_vanderkam_how_to_gain_control_of_your_free_time">How to Gain Control of Your Free Time</a>. It changed the way I thought about the phrase “<em>I’m busy</em>”.</li><li>Get some <a href="https://www.headspace.com/">Headspace</a>. I use this app to help me with meditation.</li></ul><p>And of course — a GIF!</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fgiphy.com%2Fembed%2Fl41lJ8ywG1ncm9FXW%2Ftwitter%2Fiframe&amp;display_name=Giphy&amp;url=https%3A%2F%2Fmedia.giphy.com%2Fmedia%2Fl41lJ8ywG1ncm9FXW%2Fgiphy.gif&amp;image=https%3A%2F%2Fi.giphy.com%2Fmedia%2Fl41lJ8ywG1ncm9FXW%2Fgiphy.gif&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=giphy" width="435" height="307" frameborder="0" scrolling="no"><a href="https://medium.com/media/bd55e1bb6e2e1d8fab82e85961ed77af/href">https://medium.com/media/bd55e1bb6e2e1d8fab82e85961ed77af/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=9f3ef4401056" width="1" height="1" alt=""><hr><p><a href="https://medium.com/hypenotic/work-on-your-weekends-9f3ef4401056">Work on your weekends</a> was originally published in <a href="https://medium.com/hypenotic">Hypenotic</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
    </channel>
</rss>