February, 2012: 56 posts.
Responsive joecrawford.com with Twitter Bootstrap 2.0
Continuing my series on upgrading joecrawford.com using Bootstrap. Bootstrap 2.0 was just released, and it has some default “responsive” features. What’s “responsive” about it? Stanford has a good definition.
Responsive web design
A website that responds to the device that accesses it and delivers the appropriate output for it uses responsive design. Rather than designing multiple sites for different-sized devices, this approach designs one site but specifies how it should appear on varied devices.
Check it out in this animated GIF, or by visiting the site in a current browser and resizing the main window.
Basically by including bootstrap.min.css
and bootstrap.min.responsive.css
, and adding a few @media
queries in my CSS, and a meta tag like: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
I get a responsive layout nearly for free from Bootstrap with their upgrade to version 2.0.
from Instagram https://www.instagram.com/p/nLwh1/ via InstalooterToWordPress
Morning over Poway, I think
from Instagram https://www.instagram.com/p/nXNtt/ via InstalooterToWordPress
Maneko Neki playing Go
Firefox Tilt
This is a screenshot of a somewhat useful, great looking web development tool. It’s called Tilt and it’s an add-on for Firefox. What it does is visualize the various elements, or tags on an HTML page in a 3-D space. You can interact with it and click to see what HTML and CSS makes each component. I find it useful sometimes to help me understand what’s why on the page.
It’s overkill, but it’s very pretty.
from Instagram https://www.instagram.com/p/nZRvM/ via InstalooterToWordPress
Xanadu !
from Instagram https://www.instagram.com/p/nlimB/ via InstalooterToWordPress
Non Fiction 900
Aged.
In 2010, I turned 40.
I look in the mirror at the side of my head sometimes.
I see enough silver that I’m reminded of Reed Richards.
In 2010 I got an e-card that made me laugh enough I kept it around. I was scarcely blogging then though. So, here it is now.
It cracks me up. Thanks Susan.
Cleaning up hard drives. Revamping websites. Settling old issues. Making progress on a number of fronts.
For the first time in a long time I’m feeling like there’s forward progress. There’s difficulty too. There’s real stress sometimes. But there’s joy too.
So, like, that’s cool, right? Regardless, I think it is. I’m 40+, so I can make a determination about cool.
This is the 3,586th post on this blog. This is my 12th year of blogging. This is my 16th year of having a personal website. This is the 9th year of my marriage. This is the tail end of my 41st year of life. I’m expecting all these numbers to continue incrementing. I’m anticipating continuous quality improvement. I act willfully to push all this forward.
That’s it. Thanks for reading.
from Instagram https://www.instagram.com/p/oGfpB/ via InstalooterToWordPress
Fixin’s
Pottery, Craft and Suitability of Purpose
Via Joe Bennion, a potter who lives in Utah comes a video on YouTube. It’s a short (24 minute) film about Mike Dodd, a potter from Surrey in the UK.
You can see Mike’s handiwork on modernpots.com, here. On some of the individual pieces, like this one, a short video with Dodd speaking about the pot is included.
In the short both these videos, there’s an attention paid to the utility and appropriateness. And also, a secondary importance placed on symbols placed on the pieces.
Pottery is a very pure form of design, and one of the oldest human crafts. There are pottery artifacts from around twenty-five thousand years BCE according to Wikipedia. The potter’s wheel, a technology seen in the first video, is one with us since sometime between 6,000 and 4,000 BCE in Mesopotamia.
It is inspiring to see people with a love of craft work, and speak about the meaning of their work. Lately I’ve been paying closer attention to my own craft. I have a notion about my work being a vocation as opposed to simply a job. The distinction provides me with meaning–not that I am my work, but that my life is informed by a devotion to craft. I have a renewed enthusiasm for revisiting websites I’ve not thought about in a long time. I am updating them, improving them, and adding to them. I am taking time to examine my own humble craft and pushing toward a higher level of quality in my work. I examine the suitability of purpose of these websites and web applications. Do they do what they are meant to? Do they do them well? Can they be improved?
Oh, it’s Getter Poseidon!
In 1982 I drew this:
I’ve been thinking a lot about the various Jumbo Machinder I was exposed to in the Philippines. And one, with a stout body and a jetpack keeps coming back to my mind. I believe when I was 9 years old I had a vinyl toy. It’s bothered me that I never saw it again, and anytime I’d look at sites with a lot of giant robots on them I never saw him.
I always thought this robot from this was an original creation of mine. As it turns out, it’s not, really. as a matter of a fact, it appears to be a pretty close rendering of Getter Poseidon, who looks like this:
Robots with that basic format, with a head shaped like a “rolo” candy, a stocky torso, a jetpack, and tubular arms and joints is something I used to doodle a lot.
And now I know it’s Getter Poseidon. This is more interesting to me than it is to you. Ha.
Richard Gate (and jQuery)
Richard Gate is my brother-in-law. I’ve mentioned him once before.
I put together a website for him in February 2007. I think it’s a great little site that does precisely what it needs to. It introduces you to an artist’s work. I worked with him this week to provide something interesting on the main richardgate.com page. It’s a view of a large group of his paintings that display as you move your mouse over the browser window, or, in the case of mobile, as you move your finger over the display.
Technical Detail, for Programmers only
When I first built this site, I used PrototypeJS and Scriptaculous. In fact, it was one of my first usages of that library, and I was amazed and impressed with how it allowed me to do what at the time I called simply “DHTML” so easily. Still, the syntax was pretty ugly, and I had a large number of inline event handlers in the code. It was not a lot of fun to make changes to it because of that.
In 2010, I converted the site over to using jQuery instead, and that change has been great. The underlying HTML is now cleaner, and the attendant JavaScript is easier to read and maintain. And, when Rick wants to add something new, like a dazzling bit of animation on the main page, I can do it in just a few lines of code.
I invite you to visit richardgate.com and enjoy his work.
Prop 8 Decision
Yesterday Proposition 8 overturned. The complete ruling of the US 9th Circuit Court of Appeals is available as a PDF: KRISTIN PERRY V. EDMUND G. BROWN, Jr..
Any judicial decision quoting Groucho Marx, William Shakespeare, Abraham Lincoln, and Frank Sinatra is fine by me. It’s not too dry. I was a bit surprised that I can’t seem to copy and paste from it, which was a bit frustrating.
Historically I’ve been interested in this issue for a variety of reasons. Here’s some prior posts:
- No On Proposition 8 ~ 18 Aug 2008
- California’s History of Miscegenation Laws ~ 28 Oct 2008
- LDS and Proposition 8 ~ 15 Nov 2008
- Prop 8 Trial Coverage ~ 25 Jan 2010
And I recently saw this graphic bouncing around on Facebook and tumblr, and I added it to the smorgasborg: Traditional Marriage Infographic.
I also found this analysis interesting: Proposition 8 Unconstitutional, 9th Circuit Rules: An Analysis by Ari Ezra Waldman.
Not the last we’ll hear about this topic. This feels like something that will go to the Supreme Court. We’ll see.
from Instagram https://www.instagram.com/p/GxNkV4is2P/ via InstalooterToWordPress
Like a Bob Ross Boss
from Instagram https://www.instagram.com/p/G0CLa8is8z/ via InstalooterToWordPress
First fighting giant robot I’ve drawn in years. In progress.
New drawing, in progress
Giant fighting robot, take 1.
One of the things I learned on the Alice Street drawings was about the awesomeness of working non-photo blue, and then ink. Using blue as the base when I know I’m going to ink later saves me from sweating the pencils too much. It also will allow me to scan this guy and then color him down the line.
My robot anatomy and perspective are off, but it’s working for me.
Those of you paying attention may notice this guy is a Getter Poseidon derivative.
from Instagram https://www.instagram.com/p/G14ODAis6M/ via InstalooterToWordPress
Oh look, more robot drawing. You’re not tired of that right?
from Instagram https://www.instagram.com/p/G4UV31isxI/ via InstalooterToWordPress
Continuing progress on giant robot this morning
from Instagram https://www.instagram.com/p/G4vZ3vis4Q/ via InstalooterToWordPress
Blustery day
from Instagram https://www.instagram.com/p/G40kwfis5B/ via InstalooterToWordPress
This light is too low, but I still like us.
from Instagram https://www.instagram.com/p/G6sVWSis7g/ via InstalooterToWordPress
Margie and coffee.
from Instagram https://www.instagram.com/p/G6shEvis7i/ via InstalooterToWordPress
Mickele & breakfast
from Instagram https://www.instagram.com/p/G6tQ1fis7u/ via InstalooterToWordPress
Leah at breakfast
from Instagram https://www.instagram.com/p/G6tX2Ois7x/ via InstalooterToWordPress
Me, self shot
from Instagram https://www.instagram.com/p/G6tgbGis71/ via InstalooterToWordPress
Matt with the bar behind.
Flash, 1997
Speaking of reclamation projects. Well, were we? Another blast from the past is in here at artlung.com/flash where you can see my Flash work from 1997. There’s even an .spl
file! (.spl
was the extension for FutureSplash files. .swf
was the new .spl
file).
UXCampDC 2011 and memory.
In January of 2011, more than a year ago now, I attended UXCampDC at the German Cultural Center, just a mile from The White House.
Me and my family were still pretty raw from my Mom’s death in October, but it was great to get out and do something.
My sister drove me to the Metro from her home in Falls Church. Remembering it now, it was as a dream. A light dusting of snow fell that morning. I got coffee at the Starbucks before the event.
I learned a lot, despite the dreaminess.
UX stands for “User Experience.” It reminds me of “QA,” another discipline in tech that is just two letters. It reminds of of QA because UX, like QA, is something that anyone building a product has to account for. You have to have “quality assuring” if you’re making a product. Likewise, any product has “user experience.” But too often, it’s an afterthought or a never-thought-of.
I met some great people, and attended some great presentations, but in the end what defines that period is the daze I was in. The grief, the confusion. Trying to be there for my Dad, trying to figure out what was next. Leah and I would decide to move back to California the next month.
Some of these I collected at the time, some I found just now.
from Instagram https://www.instagram.com/p/G98aGlis5C/ via InstalooterToWordPress
The Fountain
from Instagram https://www.instagram.com/p/G_i5Ovis49/ via InstalooterToWordPress
Faux stone, damp.
Watch this: about code, creativity, creation, and principle.
Astonishing, mindblowing, and suspiciously self-evident once you see it. Brilliant.
Bret Victor – Inventing on Principle from CUSEC on Vimeo.
Follow Jeff Victor on Twitter.
from Instagram https://www.instagram.com/p/HH6oq0is3J/ via InstalooterToWordPress
May the perpetual light shine upon you
from Instagram https://www.instagram.com/p/HH7rN-Cs3a/ via InstalooterToWordPress
10 foot tall bear.
from Instagram https://www.instagram.com/p/HH77xcis3f/ via InstalooterToWordPress
Movie Bison
from Instagram https://www.instagram.com/p/HKH3Wais9p/ via InstalooterToWordPress
Pen work, drafts. cc: @copicmarker
from Instagram https://www.instagram.com/p/HKTXdBiswH/ via InstalooterToWordPress
Somewhere at the Northern edge of Arizona
from Instagram https://www.instagram.com/p/HKUcXOCswi/ via InstalooterToWordPress
Utah red.
from Instagram https://www.instagram.com/p/HKjEFtis0y/ via InstalooterToWordPress
My brother-in-law’s beautiful home.
from Instagram https://www.instagram.com/p/HKk6ICCs1J/ via InstalooterToWordPress
Thoughtful, handsome Craig.
from Instagram https://www.instagram.com/p/HM-J82iswL/ via InstalooterToWordPress
Prior plaque being retired; I return to some calligraphy.
Eleven Years And Counting
Yesterday marked eleven years I’ve been blogging here on ArtLung.com.
I’m so stunned I’m not sure what to say about it.
But, I thank you for reading, for commenting, for linking over the years. Here’s to many more years of this!
from Instagram https://www.instagram.com/p/HPHUpCCs3M/ via InstalooterToWordPress
Starting home.
from Instagram https://www.instagram.com/p/HRqHe4is_J/ via InstalooterToWordPress
Watch the screen and listen
from Instagram https://www.instagram.com/p/HUA-Xfis35/ via InstalooterToWordPress
80s Retro Throwback Busriding Sleeper (pretty sure he’s biting style from my Class of ’87)
from Instagram https://www.instagram.com/p/HVFyu-iszu/ via InstalooterToWordPress
Sleep
from Instagram https://www.instagram.com/p/HbmiznCs1M/ via InstalooterToWordPress
Santa Fe
from Instagram https://www.instagram.com/p/Hb9gMiCs5e/ via InstalooterToWordPress
Coffee with Chris
from Instagram https://www.instagram.com/p/HcUtM6Cs_M/ via InstalooterToWordPress
Joe & Chris at the Syd Mead “Progressions” Exhibit.
This weekend
Spending it with my Godson Zac, his dad my brilliant friend Chris, and Chris’ daughter Diana. There may be drawing and development.
Think of it as a family BarCamp.
Zac asked me which Star Wars character is my favorite, and I replied with this drawing, though he Zac did say the colors of the bandolier look wrong. Blue and purple should be silver and black. Valid criticism.
Zac’s a year older than I was when I did the drawing.
from Instagram https://www.instagram.com/p/Hc5uaAis29/ via InstalooterToWordPress
Father & Son Light Sabers at Sunset
from Instagram https://www.instagram.com/p/HdUPNIis9u/ via InstalooterToWordPress
Oh look another robot drawing!
from Instagram https://www.instagram.com/p/HeU9Nyis3W/ via InstalooterToWordPress
Why yes, I am hanging with an 8 year old, why do you ask?
from Instagram https://www.instagram.com/p/HevLPYCs8J/ via InstalooterToWordPress
Balls! (one on the right was a present TO ME)
from Instagram https://www.instagram.com/p/HflileCs3s/ via InstalooterToWordPress
@leahpeah and Diana
Quote of the Day
From Jesse Thorn’s Make Your Thing: 12 Point Program for Absolutely, Positively 1000% No-Fail Guaranteed Success:
You can’t afford to be too precious about your work. Caring is important, but preciousness is the opposite of making stuff. There is no room on the internet for Special Snowflakes who want to procrastinate all day and then drink themselves to sleep and dream about their unwritten novel.