{"id":1150,"date":"2016-01-20T20:48:02","date_gmt":"2016-01-20T20:48:02","guid":{"rendered":"http:\/\/websterart.com\/wordpress\/?p=1150"},"modified":"2016-02-28T00:38:09","modified_gmt":"2016-02-28T00:38:09","slug":"switching-gears","status":"publish","type":"post","link":"https:\/\/websterart.com\/wordpress\/2016\/01\/switching-gears\/","title":{"rendered":"Switching gears"},"content":{"rendered":"
\"Chimney<\/a>

Chimney Rock, Jtree<\/p><\/div>\n

I’m back at work from my Winter Break. I have one class this quarter.\u00a0The reasons for my low class load\u00a0are complicated, and best not discussed here. I can say however that enrollment at our college is down 14% across all programs. Enrollment in state technical colleges like ours is directly related to unemployment, which is also very low at 5%. \u00a0The one class I do have is fully enrolled. I love\u00a0sharing my passion for the internet and all the clever things you can do with code.<\/p>\n

Because of my reduced class load, I’ve decided to stop painting and focus my energies on web design, which has a better chance of earning me money in the short term. Painting full time was a dream I’d always wanted to pursue. And over the last year I got that chance. True, I was working 2 days a week, but that left 5 to paint, and I painted\u00a0a lot…to the point where making art felt like work. Doing it full time literally took the fun out of it. I felt like every painting had to suceed because of that burning pressure to get good enough for a big show in a gallery. \u00a0Many, many of my paintings were just plain bad. In my wifes words: “A sixth grader could paint that”.<\/p>\n

\"Chimney<\/a>

Chimney Rock, Jtree<\/p><\/div>\n

I did do some really nice work, and I treasure those moments of happiness when my paintings were going well and I knew I had a winner. But I never felt they were good enough for \u00a0a large gallery.\u00a0I think a couple years in a fine art program would do the trick, but I really can’t afford to pull that money out of my savings…especially without a guarantee of sucess. \u00a0So for now at least, I’m spending my days off \u00a0studying new web technologies, and \u00a0updating my front end web skills to current standards. I’m not that far off, but my website definitely needs an overhaul.<\/p>\n

I have a working demo here, but I can’t link to it because it’s been taken apart when the site when live. (edit 2-27-15)<\/p>\n

It is fully responsive to changes in the viewport width, and features some unique transitions between thumbnails and full size images. I used to use a prebuilt jquery slideshow plugin<\/a>. However this new webpage uses a thumbnail function that I wrote almost entirely from scratch. I’m still working some bugs out, but it’s been lot of fun creating a gallery page using my own code and ideas.<\/p>\n

Specifically, the two main new functions I’m using are flexbox\u00a0and column-count. They enable me to have variable height thumbnails that wrap in columns. I merged that concept with parent columns built with flexbox, and have nailed the classic: “In search of the holy grail of web design<\/a>“…without using floats, or positioning.<\/p>\n

In case you don’t know, the holy grail <\/strong>\u00a0in web design is to get 2 fixed width columns on left and right, with an expanding liquid center. It’s easy enough to do with floats and positioning. Since tables died out,\u00a0I’ve been teaching that style of interface design for 10 years.<\/p>\n

I’d been hearing from my students that there were new technologies coming online that made it easier. Things like the grid systems, and prebuilt web aplications like WordPress, which I use to manage this bog. They manage the columns for you, so you can concentrate on content.<\/p>\n

But when I heard from a student last quarter about Flexbox, I decided it was worth a look. \u00a0I studied a couple training lessons at www.lynda.com and realized the browsers had finally matured enough to support real graphic design style column functionality.<\/p>\n

I’ve got that nailed down pretty tightly, and I’ve got it fully responsive.<\/p>\n

My Christmas break was super fun, and we had a great time down in jtree this year. Here are a few pictures, including recent backcountry snowcave camping trip. We got back from Cali’, and immediately went snowcamping.<\/p>\n

\"Chimney<\/a>

Chimney Rock, Joshua Tree<\/p><\/div>\n

\"Me<\/a>

Me climbing F8, Joshua Tree<\/p><\/div>\n

\"Sue<\/a>

Sue in the Iron Door cave, Joshua Tree<\/p><\/div>\n

\"Craig<\/a>

Craig playing banjo on top of Chimney Rock, Joshua Tree<\/p><\/div>\n

\"Craig<\/a>

Craig hiking to the top with his banjo, Joshua Tree<\/p><\/div>\n

\"Sue<\/a>

Sue following a 5.8, Joshua Tree<\/p><\/div>\n

\"Me<\/a>

Me with my painting New Years day 2016, Joshua Tree<\/p><\/div>\n

\"Sue<\/a>

Sue digging the snow cave<\/p><\/div>\n

\"Sue<\/a>

Sue at our snow cave<\/p><\/div>\n

\"My<\/a>

My daughter cooking dinner<\/p><\/div>\n

\"Coffee<\/a>

Coffee is ready<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"

I’m back at work from my Winter Break. I have one class this quarter.\u00a0The reasons for my low class load\u00a0are complicated, and best not discussed here. I can say however that enrollment at our college is down 14% across all programs. Enrollment in state technical colleges like ours is directly related to unemployment, which is […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,8,3],"tags":[34,45,46],"class_list":["post-1150","post","type-post","status-publish","format-standard","hentry","category-blog","category-painting","category-rock_climbing","tag-artist","tag-christmas-at-joshua-tree","tag-rock-climbing-in-winter"],"_links":{"self":[{"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/posts\/1150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/comments?post=1150"}],"version-history":[{"count":8,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/posts\/1150\/revisions"}],"predecessor-version":[{"id":1164,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/posts\/1150\/revisions\/1164"}],"wp:attachment":[{"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/media?parent=1150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/categories?post=1150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/tags?post=1150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}