React + Webpack + SCSS + Fetch dev boilerplate

I could not for the life of me find a good example of boilerplate for React with Webpack and loading external data from some kind of API, so I put together the parts with Babel 6, SCSS, hot reloading, and Fetch. (it’s only suitable for local development, though build pieces are started). I hope you find it useful and don’t have to waste a lot of time like I did!

https://github.com/benvoluto/react-webpack-fetch

 

Regret

Years ago, late at night in the hospital I had told mom how much I regretted how estranged she and I had been for so long, how miserable it had made me and how pointless it seemed, now that she might lose her life or at least large parts of it. I am not sure how much she heard me. She sighed, but said nothing. After a moment she said “and here I am, asking God for help, just like everyone else,” with a blank expression that changed into a lopsided frown. 

The next morning I woke up in the cramped sleeping chair, very groggy. Mom was snoring.

A vitals-taker was in the room. I had chatted with her last night, or probably days ago. I told her I couldn’t feel my legs

“We harvested them for other patients,” she said without looking up.

Then her head turned quickly as my mother’s body bent at the waist, slowly raising her head and shoulders up to look at me and moan “AND NOW I WANT YOUR BRAIN, BEN…!”

(This was funny because she was awaiting surgery to remove a brain tumor. Despite a great deal of trouble and pain between us, I am still grateful for this one moment where we truly understood each other.)

Shiny

The day will come when all the screens are part of some exploitative apparatus, but for now: let the kids binge on their screens
There are some dark joys in a world that reacts to every touch, and games and messages are as comforting as a rerun when nothing else is on
Such an orderly universe prolongs innocence, and puts off experiencing the cold indifference of the world, for a little while

Material Design

Material Design is a set of guidelines from Google for forthcoming interfaces. It’s excellent work, beautiful and rigorously thought through. I especially love the solutions for animation, which feel fresh and a true enhancement to interactions rather than an effect. I do such design for work, and I aspire to this level of practice.

But calling it a design approach is confusing to me. Because networked applications and devices are such a prominent part of our culture, it seems that design work like this (or iOS 7, etc.) should be some sort of expression of the very best that design can offer, or some kind of philosophy. Certainly the language that the (extremely talented) designers use to describe Material Design (and giving it an ambitious title) seems to express that.

I think this work expresses a love of high-impact plastic, a feeling of safety, utility, and fun in the same vein as a set of Legos, but with a very finite set of possibilities. In other words, a great place to start, (fun and interesting, just like Skeuomophism or “flat design” used to be) but silly to think of as the goal for design in general.

Twelve

Mel walks back as slowly as he can
Rod checks his phone rhythmically
Sal’s cart pulls violently to the left
Richard cannot picture her hand
Harold frowns as his gaze drifts around a screen
Lucy decides that this will be the last one
Hannah holds a piece of paper above her head
Melissa smokes in the dark
Bill trips over his words as he looks up
Carl locks the door and looks in the mirror
Julie smiles at the blood on her sleeve
Emma peels a rotten banana
Frank refuses to look at the exit

 

 

Tosca

Characters
Cesare Angelotti, escaped political prisoner
Mario Cavaradossi, a painter
Floria Tosca, a singer, Mario’s girlfriend
Baron Scarpia, chief of the secret police
Spoletta, a spy

Rome, June 1800. Napoleon, an army general and ruler of France, is invading Rome. Mario, Tosca, and Cesare want Napoleon to win. The Baron Scarpia is fighting against Napoleon.

I

Cesare Angelotti, loyal to Napoleon, escapes from jail and rushes into a church to hide. Mario Cavaradossi is there, working on a painting. Mario hides his friend Cesare in the back of the church. Mario’s girlfriend Tosca comes in, and wonders if the sneaking around means Mario has a new girlfriend. Mario tells her he loves only her. As she leaves, they hear the alarm go up: the secret police are hunting for Cesare. Mario and Cesare run away to Mario’s house.

Baron Scarpia, chief of the secret police, arrives at the church looking for Cesare. Tosca comes back looking for Mario. The Baron thinks Tosca knows something, and he tells her Mario is in love with Cesare’s sister, to make her jealous. Tosca is angry and runs off to find Mario. The Baron’s spy Spoleta follows her.

II

Spoletta brings Mario to the Baron’s palace, and sends him to jail in the castle. He sends for Tosca and tells her he will hurt Mario if she doesn’t tell him where Cesare is hiding. She tells him, and Cesare is killed.

Now the Baron tells Tosca that he will kill Mario unless she agrees to be his girlfriend. Tosca says she will, if the Baron will let Mario go. The Baron promises to only pretend to execute Mario, for show, then let him go. She makes him write down his promise. As soon as he is done writing, Tosca kills him with a knife she hid in her clothes! She takes the promise he wrote.

III

Tosca sneaks into Mario’s castle jail cell. She tells him about the pretend execution, shows him the letter, and says that soon they will both be free together. When soldiers come, she hides, sure that they will only pretend to kill him. But the Baron betrayed Tosca; when they fire their guns, the bullets are real and Mario is dead! Spoletta rushes in to arrest her for murder. She cries out and tries to escape, leaping from the castle wall. Tosca dies.

Further

20140103-184416.jpg

China Camp

20140103-160510.jpg

A photo-sharing app?

Surely there is nothing more superfluous and redundant than another photo-sharing app. But I had an idea for one that would be based primarily on a swipe gesture, so here it is in all senses of the phrase “for what it’s worth.”

photoshareapp

Design is a good story

akqbp07zez