It’s spring here in Champaign-Urbana, which means it’s time for the Illini Marathon and WebCon. I didn’t get to participate in the former this year (good thing too because a severe thunderstorm rolled through mid race), but I did go to WebCon. Here are my (very) rough notes and take aways from the sessions I went to.
Workshop session: Building Semantic & Responsive Grids with Sass & Compass
sudo npm install sudo gem install susy sudo gem install breakpoint
Some new libraries to check out:
- Susy (Responsive Grids With SASS)
- Breakpoint website (SASS breakpoint library)
- Scroll Magic – JS library that helps you manage scrolling triggers
- GreenSock – JS library that helps you manage animations.
Opening Keynote – Brad Frost on Atomic Design
Great keynote by Brad Frost (@brad_frost) on Atomic Design. The idea of identifying the smallest elements on your website and starting with those, then building up more complex units really resonates with me. He also talked about Pattern Lab, which is another thing I’d like to explore. Pixo has been moving in this direction, so I found this keynote very affirming. Finally, I thought this was an interesting quote he had thrown out there:
“Responsive deliverables should look a lot like fully functioning twitter bootstrap-style guides.” – Dave Rupert
For the second session, I attended a talk titled “HTML/CSS/JS – Creating an Interactive Accessible Learning Resource” by Doug Mills of the UofI Chemistry Department. The problem he was trying to tackle: how do you get students to identify a specific kind of chemical bond (chrial bonds), when there are often multiple right answers. He links to working examples in his slides. There were a number of interesting techniques that were new to me First, he used
font-size=.1px to add descriptive text for screen readers, but that is not visible to sighted users. For the third session, I attended the “Node Tooling” talk. (slides) I appreciated the high level walk through of a tool set for a basic project:
- Bower – for managing front end libraries
- Testing – jshint, Jasmine, Mocha & Chai, Karma test runner.
- Yeoman – tool for creating and managing project template patterns.
I’ve had some preliminary experience with these and I’m looking forward to spending more time with them in the near future.
Closing Keynote – Emily Rawitsch on Designing a Better Process
Emily Rawitsch’s closing keynote hit a lot on communication between the various stakeholders involved in delivering websites (developers, designers, etc). She emphasized that good designs come from good processes. I’ve definitely experienced this in my own professional career. One thing I’ve valued at my Pixo, my current employer, is how developers, designers, and UX will come together to discuss problems and solutions. We each have different perspectives and I know I couldn’t always do it solo. I wrote down this quote, which I think is important, but often overlooked:
Small details build up and matter. But think about what to fight for and when to let go. We are working towards the same goal: an amazing user experience.
https://twitter.com/mattwondra/status/593838826214137856 https://twitter.com/JohnRiv/status/593863354936070147 https://twitter.com/scottkubie/status/593854502064758784 https://twitter.com/brad_frost/status/593841854061387776