Freshly roasted since 2013

Notes on tech, music, and the indie web.

RSS ↗

My Own Way Back Machine

I was cleaning my backup hard drives today and started to find old projects from college and high school. Amongst the heap I found a file titled “version 1.0”. Inside was a website directory so I went ahead and opened index.html. I was instantly transported back to 2005.

Side note: I’ve put all the sites up on a server so the links on the photo of each site is live. V1’s source code is especially interesting to look at seeing as to what it was spit out of…

V1

It all started with my first personal website… And it was built with iWeb.

iWeb was a WYSIWYG website creation tool that was introduced in iLife ‘06 and lived a long and healthy life until Apple killed it alongside the MobileMe transition to iCloud in 2012. It generated downright awful code in the background but allowed the user to drag and drop elements in a fashion similar to Pages or Numbers. This was at a time where Dreamweaver was the tool of choice that I was being taught how to build HTML with in college. Dreamweaver was still more work (and often awkwardly freaked out when attempting drag and drop interactivity with what you were building). So in stepped iWeb and what I can’t believe I’m actually going to share publicly. Again.

It was aptly titled What’s Crackalatin?

My Own Way Back Machine - V1

It physically ails me to look at this site today. While it encapsulates me from age 17 to 18 and that brings back some fond memories; the design is like having hot knives pierce my eyeballs. The content isn’t any better. I used to treat my blog as a diary that I left open on the internet. Such a bleeding heart of teenage emotion here. You can also check out the mohawk I used to rock that nearly cost me the ability to graduate high school. I’ll leave it to you to find that easter egg.

V2

By the time I put V2 together I had about a year of college under my belt. I started college with a focus on networking and communications but quickly found myself confused and bored learning about IP addressing and the binary calculations involved in the process. I wanted color and animations and code! I needed something that would engage me in a way that made college enjoyable so I switched majors to Multimedia Design and Development in between semester one and semseter two. I was learning Flash, HTML 4, CSS and graphic design. It was awesome. I knew that my current site was garbage and I could now build something from scratch by writing my own code. Thus, version two of What’s Crackalatin? was born.

My Own Way Back Machine - V2

The design is comprised of multiple images acting as links and arranged in a table. There’s even a banner for the long defunct Bear and Yeti Designs that my pal Dave Shepherd and I ran for about 2 years while in college. While I have backups of the blogs throughout time, I don’t have backups of the WordPress databases so sadly my old blogs that ran on Wordpress are going to stay buried (for the time being). The design on this site is simplistic and painfully scattered. I used to think that every graphic deserved to have it’s own font (which is a terrible decision). My portfolio from that time is also linked here and is a kick back to when I was involved with projects such as this awful, awful website that still stands as an example of archaic and terrible design. Every single site I built back then is dead and gone. Huge loss…

V3 (Beta)

Version 2 of my personal site may have lasted the longest of all designs thus far. For roughly four years version 2 represented my personal braaaannnd online. That’s just sad. To call what follows here version 3 is really a cop out. It’s an image I created with a link to my about.me page. This was the only thing that resided at dabigc.com for nearly a year. Such procrastination.

My Own Way Back Machine - V3

I decided in 2010 to dump the inscrutable What’s Crackalatin? slogo (yes, I just said slogo) and just use the “pseudonym” of my most common username online. My new site would live at dabigc.com and would eventually be way better than that junk I’d previously made. I thought that the whole idea of using a pseudonym was slick and that it would get people to search for me by using my psedonym instead of my name. Why? Why would any sane person want to break away from their own name? Because of Cole “The Polar Bear” Konrad. That’s why. Searching for Cole Conrad on Google has consistently provided results of this guy and asked if you want to see results for Cole Conrad, like so. I live in the Polar Bear’s shadow and used to think that I could circumvent this by using dabigc as my individualization. So many bad decisions. I decided to put up a placeholder site with a tongue-in-cheek nod to the whole thought process above.

V4

When I finally got around to putting version 4 together I was really looking to create what I wanted my about.me page to look like (and they still look about the same as of this writing).

My Own Way Back Machine - V4

I used a CSS box with rounded corners and the opacity turned down to stuff a blurb about me into. Outside of that I used some social media buttons to link outward to services I used and a jQuery backstretch javascript to ensure that the left aligned background image of me in all my alternative (read: hipster) glory would resize to the window. I felt much better about what I’d built here as my whole intention at this point was to control what people would find if they looked for me online. It was simple and to the point, much like an about.me page and that’s all I wanted.

V5

I decided I wanted to start focusing on writing online and having that be the first thing that came up when I started to get the itch to change the website up again. So I began working on version 5 which is what you see currently when navigating to dabigc.com.

My Own Way Back Machine - V5

It had been two years that my site had sat silent, looking like an about.me page and I wanted to force myself to start writing more and have that be the focus of what you first saw when to went looking for me online. I thought about building my own theme for Wordpress and the mere idea overwhelmed me. So I took the easy (and much traveled) way out. I visited what I believe to be one of the better Wordpress theme sites out there, WooThemes, to find something that I liked. I landed on Hustle and then created what’s currently the logo for the site. The logo has all five letters of dabigc in it with a focus on the “c” since I’m the “c” behind the site. It really has no other aim than to reinforce the site’s name but it doesn’t make me nauseous like a lot of my older design work. I finalized the site while I was on this trip. I did it all from my iPad mini on the bus ride back from Passion 2013. I still remember Josh Maze asking me what I was doing as it wasn’t easy to manipulate the Wordpress backend and an FTP client on a 7.9" touch display.

V6

While version 5 of my site definitely looks the best thus far, the site’s naming had long been an awful choice and was honestly only slightly less embarassing than telling people my website resided at whatscrackalatin.com. So I started thinking about writing something that was more focused on what I was immersed in at the time; technology’s role in education. Thus version 6 of my site came to be and Course Code was born.

My Own Way Back Machine - V6

I started going through different names on Hover as it would be pointless to re-brand to a difficult domain name since that was my primary reason for re-branding in the first place. I was blown away when I found coursecode.net was available. It seemed like a mistake that somebody hadn’t already grabbed the name but there it was. I jumped all over it. Once I had the domain name I sat on it for a few weeks as I waffled on what the site should look like and if I would stick with Wordpress as the backend for the site. I decided to give Squarespace a try to avoid getting my hands dirty as I knew that I’d get distracted messing around with code if I didn’t. My aim was to write. That’s it. I wasn’t going to screw with the look of the site and end up miles away from my original intent. So I started with the Amelie theme and adjusted it to my liking. I also slapped together what may be the laziest approach to a “logo” that you can create. I made a QR code that pointed to coursecode.net and slapped it above the name in the sidebar. To be fair, I rushed to put the final touches on Course Code a few nights before recording an episode of Out of School with Bradley Chambers. Casper Focus had just been announced and I wanted to write about it before the upcoming recording so I slapped things together in a rush to make that happen. I started to write fairly often and then the inevitable happened. The writing well dried up and I was back to a post here and there. This lead to version 7.

V7

I took the feedback of a few friends and my own self-awareness of how bad the QR Code looked and decided to make Course Code look more like what I wanted it to. Simple, focused on the content and easily readable. I’d had Gabe Weatherhead’s post on MacDrifter about his redesign for speed and legibility in my head for months before I touched Course Code’s design again and it heavily influenced the approach I’ve taken with the current look of the site. I’m using pretty large text (20px) and bold Sans-Serif fonts that are easily readable and put the words and images front and center. No sidebars, simple navigation and plenty of posts before you have to click through to the next page of content. Gone is the QR Code (hallelujah!). Instead, the header let’s you know that you’re reading Course Code and nothing more. I’m content with the look of the site as it stands. We’ll see how long that lasts.

The importance of the Internet Archive

Even if it’s horrifying when looking back at where my taste and direction were scattered at certain points along the way, the progression I’ve had since first becoming interested in web design back in high school has been really satisfying. There are fond memories tied to every revision of the site and what prompted me to invest the time I have into the part of my online presence I own. I’m lucky to have found the backups I did but there were pieces that were missing. Luckily I was able to piece them together using archive.org’s Way Back Machine. It made me realize the value of what they’re doing and how important it is to have an archive of the history of the internet as it ages. When I listened to episode 98 of CMD+Space a few months back I heard Andy Baio talking about the importance of the archive.org’s work but I didn’t really comprehend it. I’d be truly saddened if I had no way to pull up the work I’ve put online in the past and share it with my son one day. As the internet continues to become a bigger part of how people represent themselves it will hold more of who they are and eventually who they were. The work that the archive.org team is doing is complicated and has to adapt to the new technologies that are yet to come in order to preserve the full spectrum of what we create online. For those reasons I recommend getting involved or donating to archive.org to help keep the Way Back Machine alive and advancing alongside the market.

I can’t believe I’ve been online with my own space for nearly a decade now. I can’t imagine where things will go from here. All I can hope for is that my taste will continue to evolve and that I’ll continue to contribute in my own small ways.

Site Updates, technology, Internet

Independence Day

Big week.

It’s a great day to hang out by the pool with friends and family and enjoy some homemade food. That’s what I’ll be doing today. It’ll be a fantastic close to what will hopefully be a milestone week in our family’s life.

As of this week I’m going independent with my career.

I’ve long held a small number of clients and provided technical consulting and support for organizations that can’t justify a full time staff member. I’m going to expand that work, dedicate more time to writing here, and start learning how to develop software in order to bring some of the ideas I have to market. There’ll be plenty more to share about going independent as I start to walk this risky tightrope and learn how to balance it. I may fall but I’m confident that I’ll be able to sustain it.

I couldn’t even think of taking this step without Courtney’s amazing support and belief in me and all the encouragement that friends of mine have given me over the last 6 months or so as I’ve started to seriously consider this path. If you read this site right now, you’re part of a very small handful of people and I thank you for your support. I can’t wait to share more and see what’s to come.

Independent, Consulting, Freelance

Turn Any Cup Into a Sippy Cup

The Sip Snap

The simple new idea of the SipSnap looks so great. I’m glad we haven’t gotten into the stage of needing sippy cups for Riley yet. I’ve always disliked the way most kids cups are put together with odd handles and oversized bottoms that won’t fit in car cup holders. We’re definitely going to invest in some of these.

Hat tip to my friend Deron for sharing this with me.

kids, products

Audio Hijack Pro, Instant On & 10.10 Developer Preview

Audio Hijack Pro’s Warning to 10.10 Beta Users

Update: In the hours I’ve been using my Mac since I implemented this fix my machine has been running so much better. The Instant-On plug-in must be so deeply integrated with core pieces of OS X that it makes a dramatic difference in the way the system runs if the plug-in isn’t yet supported.

If you’re running the developer preview of OS X Yosemite and

  • Your Mac’s audio isn’t working
  • Audio Hijack Pro is installed
  • The Instant On plug-in is installed

The Instant On plug-in is most likely the culprit of your audio issues. I know this was the issue for me.

To fix the issue you’ll need to remove the plug-in located at

/Library/Audio/Plug-Ins/HAL/

Your audio should start working immediately after trashing the file.

technology, Apple, Beta

Pollen in the South

I joined Bradley again on the excellent Out of School podcast this week and had a great time chatting about Chrome OS, pollen in the southern US, and hiring and building IT team members.

Check this episode out here and subscribe to the show if you’re looking for more about IT in education.

Podcasts, Out of School

Solar Freakin’ Roadways

The possibility of solar roadways seems awesome after watching this video. The idea of roadways providing fiber connectivity and bringing fiber optic speeds anywhere roads run makes me giddy with joy (maybe too much). The ideas presented seem like solar roadways are a no brainer. With the exceptions of cyberterrorism to change the LEDs on the road (Die Hard: With A Vengeance anyone?) and cost, I don’t see anything but possibilities here. Unfortunately there is likely to be staunch opposition by those who stand to lose a lot of money in the existing roadway construction industry. Personally, I’d love to see this technology become mainstream.

technology, way of the future

Tennessee to Delay PARCC Assessments

I’m with Commissioner Huffman on this decision by the state. Delaying the PARCC assessment and putting the state assessment out to bid can only hurt our students in the long run. It seems that the general response I hear from a lot of school districts is drowning out what should be heard. Our kids can handle a push to comprehend more, to work harder and to be held to a higher standard.

So can we.

PARCC requires technology upgrades for most traditional schools as the test is administered digitally. This means implementing wireless and relatively modern technology that can accomodate many students testing at the same time. I have a huge concern when I’m in a training and I hear grumbling from administrators because of the amount of work that will have to go into accomodating the PARCC assessments. I go into a rage when those grumbles become vocal opposition to the assessments because “kids can’t comprehend how to use technology and it’s unfair to expect them to do so in order to take a test”. This kind of thinking is absurd. The modern employment landscape requires basic comprehension of a mouse, keyboard or touch interface in order to attain a job. What I hear is the adults not wanting to put in the hard work required to prepare for the PARCC assessment.

Common Core and the PARCC assessment is a critical part of what’s necessary to compete on a global scale. Having a nationwide standard that asks more of our students and gives baseline results across the country is the best way forward. This decision is truly disheartening.

EdTech, Tennessee, Common Core, PARCC

Hello!

Hello from Riley!

I’d like to welcome our son to the world. Riley David Conrad was born at 11:00p on March 3rd, 2014. He’s 8lb 4oz and 21 inches long. The day took some interesting twists and within 24 hours we went from needing induced this coming Wednesday to natural delivery. Both Courtney and Riley are great and the labor and delivery couldn’t have gone any smoother. We’ve been truly blessed with our little man and you can expect to see more about him from time to time. Thanks to all of our friends and family for everything during this time.

Riley

Freelance Whales - Weathervanes

Freelance Whales - Weathervanes Album Artwork

As I branch out into music with the site I’m starting strong with this pick.

While Weathervanes by Freelance Whales isn’t their most recent album, it’s definitely what keeps me coming back to the band. I imagine this album being recorded inside a robot which adds the theme comprised of unique sounds that runs through the album. Those sounds are layered into a five person band where the instruments include harmonia (think accordion), xylophone and banjo and it seems that everyone lends they’re voice to the mix. Judah Dadone and Doris Cellar’s vocals are spot on with the overall happy vibes that the album aims for. Lyrically the album tells stories with fairy tale style that sometimes brushes what I imagine it feels like to be a hip New York based band like these lines from Hannah:

And if you’re partial to the night sky If you’re vaguely attracted to rooftops Hannah takes the stairs Cause she can’t tell that its a winding spiral case Is she right side up Or upside-down?

Weathervanes is a cohesive package of story and sound that delivers it’s own unique world[1]. It’s a world I love to live in at least once a week.

Find it on: iTunes | Spotify | Rdio | Beats Music


  1. This is a world that may be best exemplified through the album’s artwork.
music, freelance whales, album, indie