Menu

Posts tagged “writing”

Easier blog post image management with Dropshare and Amazon S3

I’m always on the lookout for faster ways to upload and insert images into blog posts. It’s the part of the blogging workflow that I dislike the most. Up to now I’ve used a pretty convoluted combination of Amazon S3 buckets and Transmit. But over the weekend, while moving hosting providers1, I finally came up with a really simple image upload workflow that I thought I’d share in case it helps anyone else.

This workflow lets you drag and drop an image to a menu bar icon on your Mac, and then immediately paste a secure, custom domain URL for that image wherever you need it.


Step 1 - Create S3 bucket

Create an Amazon S3 bucket for your image uploads. It doesn’t matter what you name the bucket, but do not add a . to the name. This creates some weird SSL certificate errors later in the process that you don’t want to deal with.

Also make sure you set the bucket to be publicly accessible via the Permissions tab, otherwise you’ll get read errors for your files.

Step 2 - Create CloudFront distribution

Create an Amazon CloudFront distribution for the S3 bucket you just created, so that you can use a custom URL for your images, and make use of Amazon’s Content Delivery Network (CDN) capabilities.

When you go through the flow of adding a distribution for your S3 bucket, leave the “Distribution Settings” section blank at first — we’ll come back to that.

CloudFront settings

Step 3 - Add custom domain for your images

Back on the main Distributions screen, note the CloudFront domain name that was created for your bucket. It’s going to be in the format ***************.cloudfront.net. Go to your DNS provider and add a CNAME for the custom domain you want to use for your images.

In my case, cdn.elezea.com points to my CloudFront distribution at d26fqxuc6*****.cloudfront.net, which in turn links to the S3 bucket I set up earlier.

Step 4 - Add SSL certificate to CloudFront distribution

Now go back to your Distribution Settings in CloudFront. Add your CNAME information, and then click the button to “Request or Import a Certificate with ACM”.

This will take you through the process of generating a free SSL cert to be used with your CloudFront distribution. This is essential if you serve your site over https. If you don’t do this, your images will be served over http and you will get “mixed content” warnings when you embed images in your site.

Change your settings to “Custom SSL Certificate”, and you’re good to go.

CloudFront settings

Interlude - take a breath

If you’ve successfully completed these steps, here’s where you’ll be. Whenever you upload an image to your S3 bucket, you will be able to serve that image via your custom URL over https, and as an added bonus, you’ll be using Amazon’s CDN for super fast delivery.

Now we need to figure out the fastest way to get images into that bucket of yours.


Step 5 - Download and set up Dropshare

There are many sophisticated ways to manage your S3 buckets. But when it comes to uploading an image and getting a URL for it, I haven’t found anything that’s simpler than Dropshare.

In short, Dropshare allows you to establish connections to all your S3 buckets. It lets you upload files by dragging them to the Dropshare menu bar icon, and then the URL for that image is automatically copied to your clipboard. So to add an image to this blog post, for example, I just drag the image to the menu bar icon, then come back to where I’m writing and ⌘-V to insert the link. It couldn’t be easier.

I have a bunch of S3 buckets linked up in Dropshare:

Dropshare

In the case of the bucket I use for this site, note that I entered the bucket name, the domain alias (the CNAME you added earlier), and that I have the “Use SSL” box checked:

Drophsare

This makes the workflow for adding images an absolute breeze. Drag and paste. That’s it.

When you upload an image, Dropshare lets you choose the bucket you want to upload to, as well as if you want to add a landing page and/or use a URL shortener (which I usually don’t, but it’s nice to have the option).

Drophsare

Dropshare is useful for other things too. I have a keyboard shortcut that takes a screen shot, automatically uploads it to an S3 bucket, and copies the URL to the clipboard. That’s great for sharing screen shots in Slack, for example.


I’m not sure how many people have this need to shave a few minutes off their image workflow. But I hope this post is useful for the few of you who do obsess about things like this, like I do. And please let me know if you think this flow can be improved even more!


  1. I’m now with DreamHost and much happier. ↩

Craig Mod on the revival of print and why it’s important to go offline

Oh boy, where to begin with Craig Mod’s interview with Offscreen Magazine. I’ve been following Craig’s work for a long time, so I have an undeniable bias towards everything he does. But some of the things he says in this interview touched a deep nerve for me, as it relates to a lot of what I’ve been thinking about lately.

It’s a long interview, and you should absolutely take the time to read it all. I’ll just post a couple of my favorite quotes here.


On the revival of print and other analog technologies:

I think books are the perfect disconnected objects. They require no energy. They offer a fully immersive, quiet experience for hours or days. The medium dissolves but never becomes translucent. It’s quiet, but present. An exceptional technology.

When you sit down with a book, you understand the parameters of engagement. You know how long the book is. The book isn’t changing as you read it. It’s a solid, immutable thing. You and the book are on equal terms in many ways, as least from a physics point of view. You know what’s going to happen, and the book abides by its implicit contract, which is to be a book.

However, in digital-land many spaces (apps, games) quickly turn into slithering creatures beneath your feet. You never know where you stand. Their worlds are optimized to pull you back in for one more minute, one more click. Over and over. Cascades of chemical reactions in your noggin’ tell you to keep going, just one more hit; I feel this persona of the addict very strongly when I am online or using certain apps or devices.


On your life’s work and what moves you:

Does affecting one hundred lives turn you on? A thousand? A million? A billion? Why? What does it mean to have a positive impact on a life? How intimate does that connection need to be? Understanding your scale — the scale that moves you — is critical to understanding with whom and how you should work, how you should live.


On always being online:

The default expectation today is “always available.” The systems we created are so frictionless that we haven’t noticed how insidiously over-engaged we are. Step by step we’re optimizing ourselves to “maximum” productivity without defining or thinking about “productivity” on a human scale. The digital world abstracts. One could argue most problems contemporary society faces are problems of over-abstraction. As an employer with a global workforce, you have no idea where your employees might be or what they might be doing, so you expect them to answer immediately. The concept of downtime is elusive.


And finally, on “edges”, a topic he’s written about a lot:

Edges ground us. Without clear edges we don’t feel like we’re in control.

Craig Mod - Offscreen Magazine Interview

Social media and ambient humanity

I can’t get this quote from Dan Cohen’s Back to the Blog out of my head:

It is psychological gravity, not technical inertia, however, that is the greater force against the open web. Human beings are social animals and centralized social media like Twitter and Facebook provide a powerful sense of ambient humanity—the feeling that “others are here”—that is often missing when one writes on one’s own site. Facebook has a whole team of Ph.D.s in social psychology finding ways to increase that feeling of ambient humanity and thus increase your usage of their service.

For anyone who doesn’t get why features like Instagram Stories are so popular, there you go. “Ambient humanity” is a very strong force. We share seemingly insignificant details about our lives not because we think everything we do is important or worth sharing. We do it to know we’re not alone.

(link via Kottke.org)

The unreadable city

I really enjoyed Christopher Hawthorne’s essay called Los Angeles, Houston and the rise of the unreadable city:

This is going to be a column, instead, about something slightly different: about the legibility (and illegibility) of cities more generally. About how we react — as reporters and critics and simply as people — when we’re confronted with a city that doesn’t make sense to us right away.

I have never liked Los Angeles. I just couldn’t get over what I simply saw as a lot of dirt and too much traffic. But this viewpoint made me realize that, as with most cities, you can’t really love a city until you’ve lived there for a while.

If I had to put my finger on what unites Houston and Los Angeles, it is a certain elusiveness as urban object. Both cities are opaque and hard to read. What is Houston? Where does it begin and end? Does it have a center? Does it need one? It’s tough to say, even when you’re there — even when you’re looking directly at it.

I highly recommend reading this piece through the lens of a city you strongly dislike. Who knows, it might change your mind…

New e-book: Practical User Research for Enterprise UX

I worked with the wonderful folks at UXPin to write a short e-book on how to overcome some of the challenges of doing user research in large organizations. From the introduction:

Once a company grows over a certain size, the internal politics and number of people involved in every decision increase so much that it becomes virtually impossible to stay focused on fulfilling user needs and business goals. Instead, the focus turns inward to the opinions and whims of individuals inside the company. Add the complexity of designing B2B products to the mix and, well, things go bad very quickly.

When an abundance of stakeholders are involved in a product, user research is the only way to focus a whole team on the real needs and goals required for success. It’s also the only way to get people out of the habit of thinking “Well, I want this, so everyone else must want it too”—a view that I find much more common in enterprises than in smaller organizations.

If that sounds familiar to you, you’ll hopefully find the e-book useful. I discuss why it’s often so hard to get support for user research in enterprises. Then I provide some advice on how to sell the value of user research. Finally, I offer some practical tips for addressing the subtle differences of conducting research in larger organizations with users who aren’t buyers.

You can download the (free) e-book here: Practical User Research for Enterprise UX.

There's nothing wrong with reading ebooks

Paula La Farge challenges the idea that ebooks are inferior to physical books in The Deep Space of Digital Reading:

There’s no question that digital technology presents challenges to the reading brain, but, seen from a historical perspective, these look like differences of degree, rather than of kind. To the extent that digital reading represents something new, its potential cuts both ways. Done badly (which is to say, done cynically), the Internet reduces us to mindless clickers, racing numbly to the bottom of a bottomless feed; but done well, it has the potential to expand and augment the very contemplative space that we have prized in ourselves ever since we learned to read without moving our lips.

Last year I went through a phase of reading physical books again, but I gave it up pretty quickly. There are two things about the Kindle platform that I missed too much:

  • The ability to highlight sections, share to Goodreads, and access those highlights any time at the hugely under-appreciated kindle.amazon.com (I tried the app TextGrabber for a while to turn passages from a book into digital text, but it’s just not worth the effort).
  • I can’t live without the X-ray function that lets you look up details about the book and its characters.

Anyway, one of the major academic complaints about e-books is that reader comprehension is lower. But, hey, turns out…

It’s true that studies have found that readers given text on a screen do worse on recall and comprehension tests than readers given the same text on paper. But a 2011 study by the cognitive scientists Rakefet Ackerman and Morris Goldsmith suggests that this may be a function less of the intrinsic nature of digital devices than of the expectations that readers bring to them. Ackerman and Goldsmith note that readers perceive paper as being better suited for “effortful learning,” whereas the screen is perceived as being suited for “fast and shallow reading of short texts such as news, e-mails, and forum notes.” […]

If those same students expected on-screen reading to be as slow (and as effortful) as paper reading, would their comprehension of digital text improve? A 2015 study by the German educator Johannes Naumann suggests as much. Naumann gave a group of high-school students the job of tracking down certain pieces of information on websites; he found that the students who regularly did research online—in other words, the ones who expected Web pages to yield up useful facts—were better at this task (and at ignoring irrelevant information) than students who used the Internet mostly to send email, chat, and blog.

My guess is that a generation from now this simply won’t be a debate any more.

PowerPoint: Does it suck or is it evil?

In a journal article for Computational Culture Erica Robles-Anderson and Patrik Svensson presents a scholarly critique of PowerPoint, and it is fantastic. It’s long and in-depth and the rare academic article that is a joy to read. From the conclusion of “One Damn Slide After Another”: PowerPoint at Every Occasion for Speech:

PowerPoint is just one example of the oft-overlooked conditioning of knowledge production. The software profoundly shaped basic social expectations, technical conditions, and architectural pre-requisites for speech yet it was uncritically absorbed in nearly every quarter. PowerPoint does not zoom. It does not allow spontaneous comparisons. It does not accommodate several screens, multiple threads, or distributed live collaborations. It makes the analytic move of systematic comparison, so prevalent in late nineteenth and early twentieth century information presentations, extremely difficult to make. Moreover, its expansion has meant that once distinct situations have become more alike. Meetings, sermons, lectures, and talks increasingly employ the technics of commercial demonstration. Twenty-first century occasions for speech are structured by a platform that enforces the paradigm of one-slide-at-a-time.

Effective onboarding through human connection

Jeremy Keith writes about the onboarding process of the site The Session in his post Words of welcome. He shows a series of screen shots of simple messages that teaches users how to be good citizens on the site. Keith closes with this:

No intricate JavaScript; no smooth animations; just some words on a screen encouraging a human connection.

Design words to live by.

Medium as RSS reader

Despite its ridiculous name I’ve become quite fond of the POSSE movement (Publish on your Own Site, Syndicate Everywhere). It’s pretty easy to hook up and automate, so I’ll just mention the basics (and then move on to the problem child):

I can add more things through IFTTT, but I think that’s all I need for now. Except for Medium. I really didn’t know what to do with Medium, especially considering this and this:

2015 was the year of Medium and Newsletters, but I feel like we should use 2016 to Make The Personal Blog Great Again™.

— Rian Van Der Merwe (@RianVDM) January 2, 2016

But then it dawned on me… Indie publishers have been thinking about Medium all wrong. We’ve been thinking about Medium as a thing that eats all the world’s content with zero regard for publishers. But Medium is, in fact, nothing more than a next-generation RSS reader. You can follow people and publications, and presumably things will then show up in your feed (it’s all a little confusing to me). That’s when I realized that I should treat Medium not as a publishing platform but as an RSS platform just like Google Reader (may it rest in peace) or Feedly.

So back I went to IFTTT, and did this:

Medium RSS

Now every post on this site will automatically appear on Medium as well. So I guess my point is that if Medium is your RSS reader of choice, you can now subscribe to Elezea on Medium here.

Wisdom quotes for the rest of us

Jennifer Kahn’s The Happiness Code, an article about bringing rationality to self-improvement, is interesting in and of itself. But it’s Hannah Whitaker’s photo illustrations with lettering by Luke Lucas that really drew me in. I’m sure many of you despise pithy “wisdom quotes” as much as I do. So these are like smooth balm to a tortured soul.

Wisdom

Wisdom

Wisdom

Wisdom

You can see more of Hannah’s excellent work here. Luke’s personal website with some his great graphic design projects is here.