New tech gets chatter

4 Oct 2016 · by David DeSandro

My text editor of choice, TextMate, is old. Version 1 was released in 2004. Version 2 was announced in 2009 and has been in alpha & beta release since 2012. TextMate is old enough that a whole new generation of text editors have emerged and eclipsed it, most notably Sublime Text and Atom. They have built upon TextMate's successes and learned from its pain points. But I continue to use TextMate, and will continue to TextMate. Because TextMate works for me.

You don't hear about TextMate because TextMate is old. What would I tweet? Still using TextMate. Still good. TextMate's problems are well known. Its hacky solutions are documented. Most everything's been covered.

Meanwhile, Atom is entirely new. Its problems are new problems. When you find a solution, you might be the first one to discover it. That's pretty special. That's worth tweeting.

Seeing all the talk around Atom chips away at the confidence I have in TextMate. I feel like a stubborn luddite, clinging on to my 2005 flip-phone because I can see the numbers better. But that feeling, of missing-out because others are talking about it, is just a perceived social pressure, a herd behavior.

As a tech worker, I would like to think I am a highly rational being of pure logic. But I am just as susceptible to emotions as the rest of the muggles. So I recognize and tune-out hubbub and go with what I know. Because it continues to work, even though continuing to work isn't worthy of mention.

I use Sparrow for email. I write CSS in vanilla CSS. I write JavaScript in vanilla JavaScript (ES5 at that, kids). I haven't written a line of React.

If you use React and you like it: great. But if you don't use React (or whatever hot new tech), and you feel like you should: don't worry about it. You are perfectly okay to stick with what works for you. The more you use something, the clearer its pain points become. Try new technologies when you're ready to address those pain points. Don't feel obligated to change your workflow because of chatter. New tech gets chatter, but that doesn't make it any better.

In this very year of 2016, George R. R. Martin is writing the most popular work of fiction of this century on a 1980's DOS machine running WordStar 4.0. He blogs on LiveJournal.

Logo Pizza Delivered

2 Oct 2016 · by David DeSandro

Logo Pizza

After shipping Flickity v2 thus wrapping 2016's huge development project, I didn't have it in me to write another line of code. I discussed my state of mind and motivation in this 3 min podcast.

New thing, shortsightedness on Bumpers

Looking to change things up, I started making logos.

Man, I love logos. A little piece of imagery that represents the ideal you want your project to be — that's design magic right there. I've been able to work on some great logo projects, but I've been itching to do more. Rather than wait for projects to come my way, I gave myself a project of my own: design 50 logos. 50 logos in 30 days.

Fifty logos is a lot. At least one or two a day for an entire month. I tried pushing myself: exploring different styles, subjects, and techniques. It was like design boot camp: working all those muscles you never use.

Logo Pizza logo sketches

Designing

More than effort, this project required time. I took off an entire month from working on Metafizzy's active breadwinners: Isotope, Flickity, and Packery. This new project needed to make money. I decided to sell these logos. So now I wasn't just designing little illustrations, I was designing products.

Critics have commented that these logos aren't actually logos because they weren't designed for anybody. Think bigger. These logos were designed for 50 potential buyers. I designed the logos collectively, as a product line. That's why there are simple logos and complex logos, animals and people, realistic and abstract, cutesy and bad-ass logos. I didn't just design the individual logos, I intentionally designed this project as an event.

Pricing

Logo Pizza header

I took inspiration from the The Million Dollar Homepage and I Wear Your Shirt, both why didn't I think of that ideas. I always wanted to do a why didn't I think of that thing. A gimmick!

  • All logos are the same price.
  • The price starts cheap.
  • With each logo sold, the price increases.

This encourages customers to buy sooner, as the price is only going up. It also helps define what a realistic price for these logos as a product. How much would people pay for them?

But most importantly, it's a gimmick! It's something just barely intriguing enough to capture your attention. Like a .pizza domain. If Logo Pizza didn't have a gimmicky pricing model, would anybody care about a bunch of logos for sale?

As much as I hate to say it, if you work on the web, you work in the Age of Gimmicks. 140 characters. Photo filters. Face swap. The giants of our industry often have had a gimmick at the core of the brand experiences. Gimmicks: more than a gimmick.

Results

Logo Pizza logos sold

I launched Logo Pizza on September 13th. It was much more successful than I had expected. Logo Pizza cracked the top 5 of Hacker News, which gave the logos and my work a much broader audience. I underestimated the power of a gimmick and a slow news day.

I've sold 23 logos so far, resulting in $8,500 of revenue. A good amount, but the break-even point was at $8,000, because I devoted a month to design all the logos.

The real success was how much new business the project generated. I've landed several great logo projects currently in the works. It's enough new business that I'll be designing logos for the remainder of 2016.

That's what this was all about. I wanted to be a logo designer, but I didn't have the portfolio to back it up. The pendulum has swung the entire opposite way. I'm loaded with visual design work, which has me pining to get back into code.

Fetchy Shiba logo comin' to get ya

18 Aug 2016 · by David DeSandro

Fetchy logos

Fetchy takes YouTube videos and converts them to downloadable videos and audio files. Thank heavens. Pulling out videos to make clips and gifs has been difficult for too long. Fetchy is a great service that I consistently need. I was pumped to be tasked with designing its logo.

I kicked off the concepts with dogs, lots of dogs. Why over think it? I sketched out a variety of breeds, actions, and styles. I tried using the most meme-able breeds: corgis and pugs. To mix things up, I sketched a couple "f bird" concepts and more straight-forward monogram letters.

Fetchy logo concepts round 1

Look at that winged puppy. Too bad he didn't get used. Fly high, little guy.

Liam at Fetchy confirmed that the dogs were the way to go. He suggested trying out foxes, which lead me to the fox-like, and even more meme-able Shiba Inu.

Fetchy logo concepts round 2

Liam selected concepts A and G. I brought these concepts in to Illustrator to produce the final vector logos.

Fetchy logo concepts round 3

Rather than select only one concept, I proposed using both for different contexts. Both head and runner logos were designed with the same style, so they could be used together. The head logo would be the main logo. It had simpler forms and less detail, which made it easier to shrink to small sizes. The head logo could be used on the site and elsewhere. The runner logo could be used as an illustration, suitable for specialized uses, like in emails, or on a t-shirt.

Its easy to over-use your logo. It could be the one piece of unique art you have. But it can lose its importance when it gets put everywhere as the default imagery, for placeholder avatars, loading screens, and list item bullets. Having an alternate logo or illustration relieves this pressure and keeps the main logo feeling special.


Interested in a logo for your work? I'm available to hire! Email yo@metafizzy.co to get started.

David DeSandro logos

CodePen showcase: Round 1

9 Aug 2016 · by David DeSandro

Metafizzy's libraries have hundreds of CodePen demos. One for every feature, option, and behavior. But these demos are simplified examples. They don't do a good job of showing off what they're capable of. So I reached out to the true code artists of CodePen to see how they could make Isotope, Flickity, and Packery shine in the spotlight. Give 'em the old razzle-dazzle.

I'll be collecting these in the Metafizzy showcase CodePen collection, as well as individual collections for each library.

Kseso makes the most of Flickity and CSS, using is-selected classes to trigger transitions for each slide. Within each slide is a great mix of imagery and typography at that!

See the Pen Playing with Flickity by Kseso (@Kseso) on CodePen.

Jesse Shawl made a slide puzzle with Packery. I can't believe this actually works!

See the Pen Order the tiles by Jesse Shawl (@jshawl) on CodePen.

Gregor Adams took the Packery concept composed this 3D cube ballet. I love how the cubes align even with staggered animation.

See the Pen Pack(ev)ery thing by Gregor Adams (@pixelass) on CodePen.

But he didn't stop there. Gregor made another Packery demo, this time using simpler rectangles. Check out how it works when you resize it.

See the Pen Packery hackery by Gregor Adams (@pixelass) on CodePen.

Perhaps the best use of Isotope ever, Antoinette Janus makes sense of many characters and fusions in Steven Universe. I have a hard time remembering the difference between Sugilite and Sardonyx ;)

See the Pen Steven Universe x Isotope [Sponsored] by Antoinette Janus (@acjdesigns) on CodePen.

Bennett Feely makes a 3D, hovering Packery layout. It's melting my mind how this works.

See the Pen Packery layout with 3D blocks by Bennett Feely (@bennettfeely) on CodePen.

Katy DeCorah brings her ever-impressive style to make this captivating grid animation using Packery. This one is fun to resize.

See the Pen Geo scope by Katy DeCorah (@katydecorah) on CodePen.

It's a delight to see what creative coders can come up with.

We have some more artists lined up so stay tuned for Round 2!

Flickity v2 released: groupCells, adaptiveHeight, parallax

18 Jul 2016 · by David DeSandro

Flickity is the best carousel library there is. Since its initial release last year, Flickity has grown to be hugely popular (thank you for making that happen!), being put to use in high-profile sites like Engadget, Artsy, and Kanye West's yeezysupply.com. With version 2, Flickity cements its status as the go-to carousel.

Version 2 is a huge upgrade. Let's take a look at some of its new features.

Groups cells together to act as individual slides with groupCells.

See the Pen Flickity - groupCells by David DeSandro (@desandro) on CodePen.

adaptiveHeight changes the height of carousel to fit height of selected slide.

See the Pen Flickity - adaptiveHeight with transition by David DeSandro (@desandro) on CodePen.

Lazy-load background images with bgLazyLoad.

See the Pen Flickity - bgLazyLoad by David DeSandro (@desandro) on CodePen.

Create parallax effects with the scroll event.

See the Pen Flickity - keyhole parallax by David DeSandro (@desandro) on CodePen.

Check out this fun Yoshi's Island tribute!

See the Pen Yoshi's Island parallax Flickity by David DeSandro (@desandro) on CodePen.

Flickity v2 removes old IE8 & 9 browser support, dropping 800 lines of code, making it 15% smaller. Webpack usage has been simplified — no more config junk. All these goodies are backed up with our top-notch documentation and feature-by-feature demos and CodePens. Best part: Flickity v2 is backwards-compatible with the previous version 1.

Flick that upgrade up.


This wraps up the 2016 major version upgrade run. Did you catch Isotope v3 and Packery v2? It's been a doozy — banging out major releases for every big library, multitudes of support libraries, and all the documentation sites. Pushing out all that code was a thrill, feeling like a developer super-producer. But I'm relieved now that it's all wrapped up. Time to build something new.

Rainbow bear shirts & sticker give-away

26 May 2016 · by David DeSandro

Ho dang. The world needs more rainbow bears out there and we're gonna make it happen.

Rainbow bear shirts now on sale

Metafizzy rainbow bear t-shirt

Metafizzy rainbow bear shirts are now on sale on Cotton Bureau. You can now sport that fizzy bear, bouncing up towards design Valhalla, right on your own person. The sale lasts for the next two weeks, so order now. We'll throw in a couple stickers with your shirt to sweeten the deal.

Shirts come in Poly-cotton Bondi Blue, Apple Green, and Heather Gray. 3 lovely options to choose from, in both men's and women's sizes. Poly-cotton shirts are soft to the touch, are a couple bucks cheaper, plus have a better true-to-size fit. Tri-blends might feel super soft, but I suspect they're designed with malnourished vagabonds in mind. No way I should by hulking-out of a medium. Not a problem with the Poly-cotton. If you're a medium, order a medium.

Yeah, the design happens to be the logo for Metafizzy. But when you put on this shirt, it's just a rainbow bear. No explanation required. I've left off any other workmarks or branding, to let the design be itself. Just a bear, leaping for kicks, all rainbowed out. You'll love this shirt..

I'm selling these shirts with zero markup. Just like a proper mattress store, passing the savings on to you. I've been working with Cotton Bureau for years and have consistently been impressed with their quality of product. Great to launch another piece of apparel with the gang in Pittsburgh.

But the swag don't stop there...

Free stickers in USA

[Metafizzy stickers](mailto:yo@metafizzy.co?subject=USA sticker give-away)

Dear Americans, you get stickers for free, by virtue of our national freedom and by virtue of thriftiness of USPS stamps. That's right. You get 4 dazzling stickers fo' free.

  • Metafizzy rainbow bear logo
  • Metafizzy rainbow wordmark
  • Bower bird logo
  • Chromed-out Refactor

Email [yo@metafizzy.co](mailto:yo@metafizzy.co?subject=USA sticker give-away) with a shipping address and we'll send 'em over. Let us know if you got a team of people at work and we'll include multiples.

Stickers outside USA

If you live outside the US, we got you covered. You can purchase a set of stickers for the low, low price of $4 USD. That includes international shipping to where ever you are. You can increase multiple quantities for your team buddies.

Metafizzy stickers international


Whew, that's a lot of goodies! We haven't done a sticker give-away for three years. Been too long! I'm finally in a place where I can spend time mailing stuff out. That's the real constraint. Sitting down, printing envelopes, heading to the post office. It's great to now have an option for all the good people outside of the States. The response to the new logo was a treat, so I'm jazzed to get these out there.

And when you do get your rainbow bears, why not scratch our back and show off the goods like these fine folks?