Category: Design

December 29, 2013 in Design, Ideas, Inspiration

2013 Web Design Shout Outs

The past few weeks I have been entirely overwhelmed with inspiration and need to drop some serious shout outs: People and Places First and foremost, the the entire web design/dev/tech community. What an open, motivating, and supportive group of people! In particular: Brad Frost - whose work makes me so excited to build things. Matt Griffin's seriously fantastic articles on A List Apart Everything on Bearded's Github Laura Kalbag - freelance inspiration. Destroy Today/Jonnie Hallman - gave great talk at NYC Creative Mornings. 2013 Web Design Day, thanks Jason and Val! Rob Harr's (of Sparkbox) talk on pricing at Refresh Pittsburgh CatapultPGH, coworking in Pittsburgh New Work City, coworking in NYC And so many more!

(more ...)

October 31, 2013 in Design, Research

Cargo Cult CSS

About every other day I read a blog post about a new take on CSS best practices. I think either “I’m doing right!” or, “Ohh that makes sense, I’ll change my ways”. Cargo Cult CSS is another of these posts, and resulted in an “Ahh…now I’m really confused, […]

(more ...)

March 11, 2013 in Design

Hippo illustration

I needed to make an anthropomorphic/mentor-like figure for a project and did some experimenting with a hippo. Pretty cute, if I do say so myself.

(more ...)

March 5, 2013 in Design, Games, Research

DML Conference 2013

In a couple of weeks (March 14-16) I'll be heading to Chicago for the annual Digital Media and Learning Conference organized by the DML Research Hub. The theme this year is "Democratic Futures: Mobilizing Voices, and Remixing Youth Participation". There has been a longstanding narrative of youth political apathy and disengagement from democratic life. As the currents of social, political, financial, and global change intensify, what is the future of participatory democracy, youth activism, and civic and political education? How are the practices and forms of participatory democracy evolving in the age of social, digital, and mobile media? So many good talks, and I think a few of my favorites overlap unfortunately. Anyhow, here are some I'm especially looking forward to: ChicagoQuest Curriculum Design Jam "In this workshop, players will be taught the different phases of our curriculum design process. They will form small teams to compete against other teams in a guided challenge to design at each of the “levels” of the curriculum design process, both experiencing and designing CQ-style game-like learning." Seems that I've been mentioning the Quest Schools in every post at this point... Games, Learning and the Future of Assessment "The development of game-based assessments to support the learning of domain-based knowledge and skills." Very excited for this one.

(more ...)

January 1, 2013 in Design, Tutorials+Tips

The F & Z Layouts in Web Design

On the F layout: The F-Layout relies upon various eyetracking studies for it’s foundational concept. These scientific studies show that web surfers read the screen in an “F” pattern – seeing the top, upper left corner and left sides of the screen most… only occasionally taking glances […]

(more ...)

October 27, 2012 in Design, Pittsburgh

Pittsburgh Web Design Day 2012

Just got back from Web Design Day, hosted by Refresh Pittsburgh, Pgh's web design meetup group. After a day of excellent presentations by some excellent speakers, excellent drinks and snacks were had at Commonwealth Press for the after party. #WDD2012 win, I'm definitely looking forward to next year. Thanks to Val and Jason Head for all their hard work. Anyways, here are some disjointed notes from a few of the presentations (there were other very good ones I didn't have notes on, so sorry): Kevin Hoffman: Designing Meetings to Work For How much information does a person retain when: Listening - 20% Seeing - 30% Discussing - 70% Making & Managing - 90% In large meetings, designate people for these four roles: Facilitator: a neutral person, listens to group member ideas and does not add their own. Recorder: Someone to capture ideas publicly, a graphic facilitator. White board it up. Group Member: Everyone else, those contributing the ideas. Leader: A person to decide why you are having the meeting, its goals, and the outcome. Assumes the role of a Group Member during said meeting. Collaborative Deliverables: Why not wireframe as a group? Print out a large version of what is being redesigned and mark it up together. Have a group sketching session. Meagan Fisher: Becoming a Web Design Champion: How to Better Collaborate, Develop Your Style, and Get Designs Launched Vary your sources of inspiration - if you are making a website, don't just look at websites. Go to a museum or read a graphic design book.

(more ...)

October 24, 2012 in Design, Tutorials+Tips

website starter kit

I’m sure many web designers have created their own compilation of preferred tools and site structure. Well, this is mine! A website starter kit. I figured I’d put it on Github because, why not? Maybe someone else will find it useful, and it will be a worthwhile project […]

(more ...)

October 1, 2012 in Design, Projects

made myself a logo

The font is Geometric Slab 712 BT. Nabbed that from the school computers. There is a free alternative called Arvo that I’m using for some of the heading styles on here.

(more ...)

February 3, 2012 in Design

Book recommendation: Designing for Emotion

Image from A Book Apart I’ve been reading Designing for Emotion by Aarron Walter, the lead designer for MailChimp. It’s a quick read, very engaging, and infinitely useful. I’d been in a bit of a creative slump, focusing on navigation patterns, getting inspiration from great work […]

(more ...)