An Event Apart Boston 2017, Wrap-Up Edition

Well, I finally have some free time to sit down and collect my thoughts about the past couple weeks that have been a whirlwind of activity. Here, however, is the wrap-up for An Event Apart that took place this past Monday through Wednesday.

So without going into painfully long and exhaustingly minute detail, here’s the quick rundown, or as quick as I can relay the conference to any readers out there.

Day One. Kicked off with Jeffrey Zeldman leading the conference with From Research to Redesign: an Unexpected Journey. Talking about how design begins with the product, in the example he chose, was engagement rings. In my case, at my work, it is a web application that our clients use for automatic payroll deduction.

Data, people, patterns, how to use your site to convey to visitors what you’re product is and how to do it clearly. Similarities to his talk and what I am undertaking at my work were strikingly parallel to each other.

Jaimee Newberry followed with The Art & Soul of Selling. This talk helped me in many crucial ways. I was glad to have been there for this one.

Her 12 “Check Yourself Checkpoints” were fantastic. She touched on emails, word choices, and speaking with confidence that I had struggled to do in my entire professional career.

“Be Specific Immediately”, “Don’t Be A Jerk”, “Follow Up”. Some of the points she touched on. Especially the being specific immediately and word choices. Now I can take these, shorten my lengthy emails, with clear and concise emails that get the point across to our clients immediately.

Instead of “Well, I can look into this issue, but I’m not sure what the issue could be, it may consist of a number of things that I would have to look at.” I can now shorten that to, “I will look into this.”

Simple as that.

Brad Frost then came up to the podium and spoke about collaboration with others when working in teams. Mission statements and company values. I work with others, so this came in handy.

What was touched on next, I found more intriguing and very useful. Brand style guides, code style guides, voice and tone style guides. Creating a design system at work. These are so very invaluable to me. More on research and priorities. Design principles.

I joked around when I thanked Brad for his talk, I told him he, “helped me exponentially broaden my bookmarks about 100X with all the great links to tools and examples, as well as things he has been working on. There was a ton of information, notes, links and ideas I took away from Brad’s talk.

I’ll leave out the bees, I went Twitter happy with that gif I think.

Dan Mall came on after Brad to discuss Gantt charts. No, actually it was about strategy with deign and development process. Collaboration, Should designers code? Should developers design? If they don’t, then it’s okay.

He spoke about CSS briefly, did a quick, “how-to” for folks that did not know CSS or how to code it, talked about tools, the 8-point grid and a host of other small topics that I found useful.

I think I may have asked a question very much way off-topic to what he had spoken about regarding clients/bosses and their penchants for “this is not the same color I see on my phone as it is here on your computer”, when you copied the hex code as it was… I guess my question had to do with the process, so I may have not been as far off as I thought.

First time speaker Laura Martini was next and gave a great talk about “Designing the Right Thing”. Designing needs for the business, the user and yourself. The HEART framework (Happiness, Engagement, Adoption, Retention, and Task Success).

Laura dove into the NPS, CSAT, and CES scoring systems, do’s and don’t(s), tools and research. She gave a great talk for her first at an An Event Apart and it helped me out and gave me some invaluable information.

The day was a long one, but the information up to this point from all the speakers was phenomenal.

Chris Coyier, the guy (or one of the people) behind Codepen and CSS-Tricks finished off the first day with a talk on SVG. Something I have been reading about, looking into, and trying to adopt for what seems like ages.

I’m basically going to leave this at, why wasn’t I using SVG more often on the projects I had done? Chris wrapped up the day nicely and I had a ton of notes to take with me, go over and bring back some great ideas to work.

Day Two. Val Head spoke about “Animation in Design Systems and Process”. Communication, Storyboards and sketches, Motion comps, interactive prototypes. Tools to use when you’re creating things of the animated nature!

Defining your brand. Brand & Experience Pillars, Voice & Tone, building animation guidelines. Documenting your decisions, durations, easing values and a host of other tidbits in the animation design and documentation process that really gave me ideas for the redesign of the company site I work for. Thanks for the time to chat with you Val!

Rachel Andrew and Jen Simmons followed. What they both spoke about, the CSS grid layout, was the meat and potatoes of what I went to the conference for.

Rachel spoke about the browser history briefly, how Firefox, Chrome, Safari, and Opera all adopted the CSS Grid support in their respective browsers. IE had yet to support it fully.

Rachel spoke about the Grid layout and showed some code examples, a great example was a magazine layout she “build” (sort of) in front of all us attendees.

Rachel also touched on Media Objects, auto as flex-basis, minmax(), and Feature Queries to name a few. An eye-opening look into what I had been questioning myself for since I was hired at ART. Incredible keynote that was.

Jen followed touching on the web when it first came out to the public, table-based layouts, and the evolution up to all the different sized mobile devices used these days.

Grid systems, frameworks, all the different tools we see to help us build magazine style-layouts and column framework systems. Then unleashing the best thing I heard yet that day… CSS Grid also uses ROWS as well as columns!

Needless to say… things happened in my head…

Mind Blown

She went into a little about CSS Grid layouts (which I will get to soon. If you have read this far… you’re a trooper) but the meat and potatoes of this was in the third day, A Day Apart. Touched on tracks not having to be the same size, content sized by the size of a track, tracks sized by the content, the viewport, storyboards, overlap, framing, white space, verticality, flexibility and creativity.

Eric Meyer stepped up and spoke about “Design for Real Life”.

“When you design for interaction, you’re creating abstract rules to take unknown content and organize it in an unknown medium for presentation to unknown people who have largely unknown personal contexts.”

The example Eric used, was Facebook. Facebook and their “On This Day” to be exact. Now, this is an extremely touchy subject, and if I overstep my bounds, I would like to know immediately, as I will try and re-word things to the best of my ability (I’ll also follow-up the entire wrap-up with a brief “If you need to correct me, please do so”).

Back to the Facebook, “On This Day”… Eric lost his daughter in 2014, Facebook decided a few days after her passing, to throw up a “On This Day, Eric…” modal box/window a picture along with the dancing people in the background, of his recently deceased daughter.

Horrible.

It brought me back to when I remember reading his book (1st Ed.) CSS: The Definitive Guide, following him closely as I could in the CSS Working Group and wherever I could as he was (and still is) one of the most influential people in my life that brought me to my career path.

I remember when I read the In Memoriam page, wanting to say something, not sure if he would read it, not sure if there was anything I could say that hadn’t been said already.

I follow him because of the work he does in the field that I love. I was fortunate to be able to sit with Eric during lunches and the last day for a bit. Though not a huge talker, not wanting to interrupt anyone, not wanting to feel like a nuisance.

The first time I saw, met, and heard Eric was in Boston in 2008. It was like catching up with a friend. I enjoyed the time he gave me, and appreciated it. Through his rough time, I saw a man who kept going in his professional life. This led me to not give up, this led me to keep fighting the fight daily. His strength during one of the worst times a parent could ever live through made me realize my small, luxury problems were just that, insignificant and petty. Eric is a power of example to me.

Anyway, the other examples were of Pokemon Go. When people were walking in front of cars, on private property, crossing the border into Canada… warning modals stating that users need to be careful and stay alert when playing the game.

Instances where A tweet by Juliana Hatfield with a track on it was flagged by Twitter for having her track in it, the “Cheatin’uh?” error that was (and still is?) on WordPress and had a seven (yes, SEVEN) year support thread going.

Jason Grigsby then came on and spoke on “The Case for Progressive Web Apps”. Some of his points he touched on were the case between mobile web versus native apps, what is a PWA?, and much more.

Not every customer or potential customer will install your native app, how people just stop using apps after a day, a week, or a month. You should provide a secure site or app for your web customers. Providing a fast experience for your users just to name a few.

So if my company decides to roll out an app (which is highly doubtful at this time) then I have this to fall back on and use. “Not all users will add your web app to their home screen”. Our dependence on a mobile app is probably nil, but we do have a web app accessible through a browser.

I take this info and store it so I can access it and at some point, there may be a mobile app of some sort?

To wrap the second day up, Josh Clark, who in my opinion, gave me a lot to think about, which is okay. I could use the challenge!

Josh touched upon machine learning, pattern processing, personal data, image recognition, language and speech recognition. Artificial Intelligence (AI). Some of which made me think, especially the fact that if you type something to post on Facebook, that for instance, may be angry, and erase it because you don’t want people to think you’re going to go out on a murder spree… Facebook retains that data and you don’t even know it!

I was taken back by that little revelation.

Alexa ordering dollhouses when people that watched a newscast and had their Amazon Echo on, when the newscaster said, “Alexa, order me a dollhouse”.

The invasive Burger King ad that triggered Google Home devices and a parrot that placed an order on an Amazon Echo because the Echo cannot tell if it is a parrot or human talking.

Google’s “Featured” snippets. Josh touched on accuracy over speed, allow for ambiguity, adding human judgment, embracing multiple systems, make it easy to contribute data, and some other topics.

Some shocking examples. I don’t remember the gentlman’s name, but he is of Asian heritage, and his photo did not meet the criteria of a site because it stated… “Subject eyes are closed”.

Google tagging blacks as “Gorillas”, Microsoft’s failed “Tay” who went from excitable teen to white supremacist in 0.4 seconds.

Or possibly the worst case of machine bias was this.

The keynote from Josh was incredibly eye-opening and valuable as I look at data differently now. Carefully thinking of how we, at my work, present our data. He ended Day Two in stellar fashion.

Day Three. Jen Simmons. CSS Grid layouts. Five or so hours of going over layouts, writing modes, alignment, logical properties and a little Flexbox. Mostly though it was an introduction to the CSS Grid layout. Nothing really in-depth, because in the words of Eric Meyer, whom which I was seated next to this day, “It would take three days to go through everything.”

A phenomenal(yes, again) and fantastic glimpse into the CSS Grid layout. With examples and questions from the audience, and a quote that I really liked, from another person I had met in 2008 at the same event, Bruce Lawson, she put up on a slide to make a point about writing modes;

“It’s the World Wide Web, not the Wealthy Western Web. — Bruce Lawson”

Funny story related to that encounter but that’s for another day.

Overall, I recommend this event to everyone in the creative field. A must-go, a must-attend.

Lastly. I arrived in Boston looking forward to seeing Jeffrey Zeldman again, and did so. Like with Eric Meyer, it felt like I was catching up with a friend. Jeffrey is one of the two (again, along with Eric) that shaped the way I thought about the web and helped me stay the course.

He was gracious in allowing me to hang around and during a break, we spoke in great length with Claudia Snell and we spoke of things we had in common. It was nice not to feel alone in this crazy world, that there were others that have had similar issues and have walked through hell and kept on walking.

For that, I am very grateful. I was probably (again) like a groupie or roadie hanging around backstage at a concert. AEA was my concert. I enjoy connecting with people in this field, I enjoy talking to and following the people that speak. I try not to intrude too deeply, keep a distance as to not seem like I’m some character like Jim Carrey’s character Chip Douglas in The Cable Guy.

Simply put, I felt like I was in a room filled with people I follow and enjoy reading their books, speaking to, corresponding with and following online to see how they are professionally doing, and in real life. Many don’t know me, but they work they do, has helped me, helped shape me, and helped me be the professional I am today.

Even going back to 2008 when I met Jeff Veen, Doug Bowman, Jason Santa Maria, Andy Budd, and listened to the keynotes from Kimberly Blessing, Peter-Paul Koch, Ethan Marcotte, Jared Spool, Christopher Fahey, and Luke Wroblewski to the folks I met that I named previously. I can’t even begin to describe the gratitude that I have still, and now, for what they have done to help me in my career.

Even the folks at other AEA events that I did not see but always said, “I’ll be down next year!” to which I never was. People like Jeremy Keith, Andy Clarke, Dan Cederholm, Mark Boulton, Karen McGrane, Lea Verou, Mike Monteiro, Sarah Parmenter, Kristina Halvorson, Paul Irish, Jon Hicks, and Cameron Moll.

In 2008, I took back information and used it to do the job I was hired to do then. 2017, I intend to do the same with the plethora of information I brought home with me. It took me 9 years and a lot of blood, sweat, and tears to get back to where I am today and get back to see these professionals speak. It was well worth it.

If you are a speaker that I have misquoted, or misconstrued the information somehow, please feel free to drop me a line or comment, to make a correction. I appreciate your time, thank you, and want to convey the information correctly to anyone interested in reading this novel.

and with that, I finally end this post. My apologies to all if you suffered through this, and thank you for reading this if you got this far.

Loading Likes...

An Event Apart, Wednesday Edition

a.k.a. – A Day Apart.

Jen Simmons ended the conference with her day long Designing Layouts: The New Superpowers of CSS. Talking about grid layouts, writing modes, alignment, and more. It was a tremendous end to the three-day conference and I will be back to wrap it all up some time within the next couple of days.

Right now, I have got to catch up on some sleep!

Loading Likes...

An Event Apart, Tuesday Edition

The end of Day Two brings a lot of excitement and anticipation. Lots of great information, great talks.

Val Head, Rachel Andrew, Jen Simmons kicked off the first half of the day with fantastic keynotes. Eric Meyer, Jason Grigsby, and Josh Clark capped off the second half of the day with their phenomenal keynotes.

I got to eat lunch with Eric Meyer, while sitting with and having great chats with Jeffrey Zeldman. It was a day that is beyond words. It has felt like I have been catching up with old friends. It has been quite some time since I had been to AEA.

Tomorrow, sadly, is the last day. Jen Simmons wraps it all up with her workshop on Designing Layouts: The New Superpowers of CSS. I look forward to digging in.

I did this morning get to chat briefly at breakfast this time with Chris Coyier. His SVG keynote was stellar and has me chomping at the bit to get back and integrate SVG into the redesign of the company site.

I have taken a lot of information from every speaker that has spoken and can use something from each keynote and apply it to the redesign of the website or even the UI for the web application.

Thursday I will have more, and an in-depth wrap-up. That is all for now.

Loading Likes...

An Event Apart, Monday Edition

Wow. Just phenomenal.

Day One brought the first of six speakers All, of whom touched on things I will be taking back with me to the job to implement and use, or integrate into the many projects I have going on. Invaluable to say the least.

I won’t go into details tonight, I am going on hour number fourteen of being up and at ’em. I will have a very in-depth post in my wrap-up, probably Thursday or Friday when I get back home and settled in. The conference ends Wednesday, but I won’t be home until late that night.

A quick recap. I got to see Jeffrey Zeldman and he was gracious enough to have me follow him around like a roadie, Eric Meyer, whom I have always followed and these two were major influences on my career choice. I am glad I did not give up my dream. I hadn’t seen them for eight nine years! It was wonderful to see them again.

Claudia Snell, whom we don’t know how, but we became online friends and met as I snuck up front to grab a front row chair.

The speakers. Jaimee Newberry, Laura Martini, Dan Mall, Brad Frost, Chris Coyier, and of course, it was kicked off by Jeffrey Zeldman. So much valuable information from the talks. Every talk, every speaker, touched on something that I needed, to bring back to work with me, to do my job better and improve what we need to improve on with our website and web application.

Unfortunately today, as I ate breakfast, I didn’t realize (not enough coffee in me yet) that Chris was sitting at my table. Duh. So I need to (again, unfortunately for Chris), hunt him down because I have questions. I was able to talk to everyone today and it was great. The SVG talk was fantastic, I again, have many questions.

So with that, I’m tired, I have an email to send off, I have a migraine to curb. Ciao!

Loading Likes...

An Event Apart, Sunday Edition

Rolled into Boston around 6:30 and to the Westin Copley at 7-ish. After a weekend tournament, 2 nights in Hampton, N.H. and then seeing my son off after a disappointing loss in the championship game (wish he was able to come with me this week), I drove down to the park & ride in Portsmouth.

From there it was a bus to South Station, from there the T. Red line to Orange line to the 5 minute walk around the corner.

Now I’m up on the 14th floor in a pretty sweet hotel room, ready to call it a night and hopefully see and get to talk to some folks I haven’t seen in 9 years. So it is time to settle in, settle down, and look forward to a great conference, for people who love the web!

AND HAPPY MOTHER’S DAY to all the moms out there and the dads pulling double duty!

Loading Likes...

AAU Spartans

After a great start Saturday (2-0, 4-0 for both 10th/11th grade teams), the Spartans 11th grade bowed out early, and the 10th graders lost in the championship game to my son’s former team. Hard fought all the way. He is disappointed, but the learning experience has become huge for him. He’s growing and maturing on the court weekly.

It was a great weekend, not the results we were looking for, but, in the end, the drive to come back and get that rematch is stronger than ever.

Loading Likes...

An Event Apart Boston 2017

So the time has come where the wonderful web conference happens in Boston at the Marriott Copley, An Event Apart.

My first (and currently last) time was in 2008. A life time ago in web years. I still have all the schwag I got, I still have the pictures on my Flickr feed, and my An Event Apart laptop case… It was a great conference.

I got to meet the likes of Jeff Veen, Doug Bowman, Jason Santa Maria, Andy Budd Eric Meyer, Jeffrey Zeldman, and Bruce Lawson to name a few. It got me in touch with Ethan Marcotte, Christopher Schmitt, and a few others as well.

Looking back still, I got a little fan boy-ish when I thanked Bruce for conditional comments which helped me with the whole IE styling back in the day and even got a shout out on his site. Which made me laugh and makes me laugh even more to this day. Thanks, Bruce!

During the days when I was very active on the web, when I was freelancing and doing very well for myself with my little one-man band development club, when I was religiously following everyone I could in the early days of Twitter, I wanted to do the web standards thing. I was fawning over the fact I met, talked to, and even broke bread (lunch I believe) with Jeffrey Zeldman.

To sum it up, AEA was great, educational, and terrific. I highly suggest people in the industry to go if they have never been. it is money well spent.

Then I planned in grandiose fashion, of course, to and vowed to return every year, when it came to Boston to keep in touch with folks and see the others I have never seen or met before such as Jeremey Keith, Andy Clarke, and a pantheon of others I religiously followed.

So then life came along and I got in my own way. I don’t hide the fact that my past was very checkered with addictions of all sorts. Alcohol and drugs being the worst of the worst. I got a big head, a.k.a. ego. I missed 2009, I vowed to return in 2010. I missed 2010, I swore to return in grand style on a unicorn, throwing lightning bolts and proclaiming my return in 2011. Missed 2011.

I went through many years of failure on grand levels. I got in my own way and the addiction thing is probably best saved for another post.

I decided that my dreams of working at a great firm such as Happy Cog, 2Advanced, Razorfish, Red, etc., were done. I continued to slop around and freelance, but work dried up, I got deeper in the hole I was digging, and by 2012, I gave up.

The last 5 years, I have been in recovery. Got a year, stumbled, currently working on 4 years in August. May of 2016 I was hired by a company that I am still working for, doing web work. I got the itch back. So I decided to ask if they would send me to AEA, I got the go ahead.

I’ll be returning after 9 years. Yeah, I got right back. I’ll leave the unicorn and lightning bolt throwing at home though. I’m back to learn. I’m back to hopefully catch up with people and re-introduce myself to some folks.

It’s been a real struggle, but I’m glad I’ll be back in May.

Loading Likes...

The Plague 2017 Part 2

So I contracted the sequel to the Plague that I had earlier this year, but tenfold. I was on the shelf for over a week. Flu-like symptoms, head cold, chest cold, high fever… this time, this one, hit me hard.

I’ve felt so run down, but I slept about 140 hours last week, I was that sick. So be careful when you come down with something, hit it fast and hard with medicine and hopefully, you won’t be writing a will like I was and a note to my children about how much I love them and will miss them.

I have tried getting into the programming frame of mind, but without avail. I did wrap up the Try Docker course over at Code School the other day, but it was a short course and just touched on what Docker was and the basics. Like the minimal basics.

I will be getting subscriptions to Pluralsight and Treehouse at some point.

Travel season for AAU takes a lot out of me. I drive my son 2 hours away for practices. Driving 8 hours a week for practices only. We have a 2 week hiatus (1 week remaining) from tournaments until we go back to Springfield, MA next weekend. He’s been out all week with a bone bruise and will be back this week.

Which I learned yesterday was school vacation week. March and April vacation weeks come too close to each other.

I tried getting into the Twitch project over at Free Code Camp, but didn’t get too far into that either. The bug has to hit me and I feel so fatigued, especially after last week’s near-death experience, in which I almost called a priest.

Summer will bring relief and relaxation.

Loading Likes...

Travel Season

Travel basketball is in full swing, even though posts are very infrequent, between work and everything else, my time to post is limited but I am looking to get some scheduling done that will allow for some posts on the road, here and there, more often.

Just finished up last week the Elixir courses over at Code School, so I am going to head over and work on some stuff I have going over at Udemy and Coursera.

Hopefully the summer season will bring some downtime and I can take a few weeks off and enjoy the summer, if it ever gets here to the New England area… more snow in the forecast for this weekend with a tournament to drive to in Pembroke, MA!

Loading Likes...

Busy, Volume II

So I have just gotten around to posting an update. With basketball (the high school season) thankfully over, we move on to the AAU travel season which officially starts next week. The boy starts this year with new team that plays ball in A division tournaments and gets prep/college scouts looking at them, so maybe he has a chance to be noticed. How he does is on him.

The break in-between was much needed, but there will still be plenty of traveling to do. I managed to get the Wikipedia project for FreeCodeCamp done, you can view the CodePen “pen” here, or you can also view it over on my site right here.

I, on the other hand, are trying to relax and rest before a 3 month long tour of New England and basketball tournaments. I’ve been filling the time with my keeping up over at Code School, work at my full time place of employment, parenting, and other things/people that matter.

I’ve been doing some courses over at Udemy and Coursera, Saylor, I have been immersed in learning, downloaded some great eBooks on programming, and just trying to save up for a nice vacation this summer.

Look for my next post, whenever that might be, on Building A TwitchTV Viewer from FreeCodeCamp.

Loading Likes...