My thoughts on happiness & life

The best advice I’ve ever received was “do what makes you happy.” The simple adage has become my manifesto. The things you do on a daily basis are going to be what matters in the long run, so enjoy every day.

Complacency is the enemy of adventure, innovation, progress, and fun. Chase your passion and your dreams. If you love what you do, others will love appreciating what you do. Learn new things. Explore.

Reflect on yourself. Feedback is one of the most important processes in creating anything great, and your life is no different. Take time to reflect on yourself, what you’re doing and what you want to be doing. We inundate our days with menial (but often necessary) tasks like emails, laundry, calls, cleaning, etc. Stop focusing on the immediate problems and give the bigger picture some thought. Schedule time alone to think about yourself and if what you’re doing is exactly what you want to be doing. Think about the things that make you happy and do them more often. Make changes in your own life. They don’t have to be drastic (although they sometimes should be), but at least reflect and work towards what you want to be.

Take a moment and realize you’re in control of your own life. Odds are, no one is stopping you from doing what you want. Stop going through the motions every day and take control of your life. Waking up at 8AM, going to work, coming home at 6PM, watching TV for 2 hours and going to bed is fine routine, but shake it up and get out of your comfort zone more often.

Don’t ever settle. If you don’t wake up most mornings pumped to be alive, you’re doing it wrong.

Chase the girl you’re secretly in love with, or if you already have her, stop letting other things take priority and let her know how you feel. Take her out, treat her right and travel the world.¹

Stop saving all your money for retirement. By the time you retire you won’t be able to do half the things you want and everything will ache – do it today, just don’t be reckless.

Learn to care less about what other’s think. You wanna wear that blazer because you think you look like a boss – do it. You quietly enamored with the girl from finance – ask her to get coffee. Tired at 7PM – go to sleep. Not tired – get in your car and enjoy the night. I’m not suggesting you live by impulsive action, but be confident and fearless. Nobody laughs at someone who does exactly what they want, and if they do, it’s to hide their jealousy. Stop striving to please others. Don’t stress out about pleasing your parents, friends, family, teachers, or coworkers. Learn to make yourself proud and your success will be organic. You’ll find you have high expectations of yourself for things you care about.

Find happiness every day

Focus on what makes you happy on a daily basis. Life is short, so enjoy it and never regret anything that makes you smile.² What you did yesterday, determines what you’re doing today, which defines who you are tomorrow.

1. This is also true for you ladies. Chase the man of your dreams and treat him right.
2. An adapted Mark Twain quote

Fast forward a couple months, a few dozen discarded designs and a handful of late-night, doughnut-fueled coding sessions; I was ready to decide on a publishing tool and integrate my local, static prototype. I eventually settled on WordPress – which I’ll likely write about in the future – but I want to share the pros/cons of Tumblr I’ve experienced over the past year.

Tumblr Pros & Cons

• Pro: Active, engaged community with an easy “follow” system
• Pro: Simple, approachable publishing on both desktop and mobile devices
• Pro: Dead simple templating syntax
• Pro: Hosted solution meant I didn’t have to worry about managing databases or version updates
• Con: Forced to publish code through the web interface, meaning no simple way to directly manage HTML/CSS in my preferred code editor
• Con: No way to implement custom, server-side functions
• Con: No control over mobile display of site (standard Tumblr theme gets served)
• Con: Creating/managing additional pages (outside the standard blog) is painful
• Con: Tumblr downtime has always been an issue (although it does seem to be getting better)

Ultimately, the inability to easily write, manage, and update code with Tumblr is what caused me to defect to the more robust and customizable WordPress. My redesign required the ability to set a number of parameters depending on the post type, which just isn’t possible with Tumblr. I was also tired of fumbling around in Tumblr’s in-browser code editor – it’s so much easier to launch Sublime Text 2, make edits and push to my server.

Tumblr is a solid blogging tool for those who want to get up and running quickly and don’t feel the need to completely control the design and implementation of their site. Coding for Tumblr was rough at times, but writing and publishing were dead simple. WordPress has proved to be more flexible thus far, but I’ll report on how it fares over the coming months.

Craftsmanship is doing what you love and doing it right.

No matter what you do — designer, baker, electrician, architect, author — your job is your craft. Learn to think of your work as practice towards becoming an absolute expert at what you do. Craftsmanship is not a destination; it’s a life-long discipline.

What makes a craftsman

It’s near impossible to capture all the nuances “craftsmanship” carries, but when you see it, feel it, experience it — you know it. My dad loves to fix and rebuild homes, so it was unsurprising when he demolished the bathroom in our family home 2 months ago. His entire life is about making things better. I visited home a few weeks ago for Thanksgiving and saw the new bathroom. It’s beautiful. A tangible testament to my dad’s incredible skill as a builder. What about the bathroom made it remarkable though? What about it stirred a newfound respect for the man who made it?

It’s the quality of the work. Not only is the tile flooring a tasteful slate, absolutely level and evenly spaced, but underneath it there are meticulously coiled heating elements to keep the icy stone heated for my mom at night. Those electrically heated coils are wired into a breaker box hidden from sight, but easily accesible for future use. I know, without question, that the plywood that sits below those heated coils has been protected from the threat of combustion and is probably a 150% thicker than is “code” in our county.

It’s a passion for betterment. Our previous bathroom was acceptable by all standards. It had a functional sink, toilet, shower and plenty of storage, but it wasn’t exceptional or delightful. He wanted to make it better. To date, he’s built a deck around the house, laid hundreds of square feet of concrete, rebuilt the roof, rewired the electrical, installed a car lift in the garage, and assembled a hot tub on the patio (I’d say I’m covering about 25% of his home improvements).

It’s experience. He knows everything there is to know about that bathroom, whether it’s about the 1.25″ diameter pipes that channel water to the shower or the acrylic, semi-gloss “Swiss Coffee” paint that’s 3 coats thick on the walls. Even more importantly though, he knows why to use those from years of doing.

That’s a whole lot about a single bathroom, but it illustrates a point. Craftsmanship is about quality, passion and experience. Make things that you want to show to others. Build things that will make you proud 10 years from now. Sweat the details and the final product will be something to be admired.

Craftsmanship in design

Craftsmanship is universal. Designing a product (or site) shares the same core values as any other craft. Quality, passion and experience are still the ingredients, the difference is the outcome. Instead of painstakingly positioning a few dozen tiles, we arrange thousands of pixels. Rather than double-check that floors are level and that walls are square, we double-check a design’s alignment against a grid.

Craftsmanship on the web presents an interesting challenge. How we build for the web is changing every day, so the practice of perfecting it is never ending — but that’s what I love about it. Designing for the web requires a passion for learning and the measure of quality is in constant flux. Three years ago, most mobile web experiences were afterthoughts, but today they are rapidly becoming the focus (and with good reason). Thinking mobile first and responsive design have changed the craft of designing for the web.

Love your craft everyday. Design the simplest, most delightful product you can. Write organized, performant and readable code. Watch people use your product and make it better for them. Improve your work by learning from others and from your own experiences. Help create a better web for its 2 billion users.

About a week ago I pushed the launch button on www.getskeleton.com and just wanted to share a short bit about why I made it and what the experience has been like.

The elevator pitch for Skeleton is “A Beautiful Boilerplate for Responsive, Mobile-Friendly Development.”

My hope is that is becomes the easiest, most awesome way to develop responsive designs that easily scale to mobile sizes (but it is only one solution of hundreds). Skeleton makes responsive design easy by using a grid that starts at 960px, but scales through tablet and mobile sizes through the magic of media queries. In addition, Skeleton rocks a small set of extremely lightweight styles and functions like beautiful typography, buttons, tabs and forms. 

Here are the Skeleton resources:

• www.getskeleton.com: The marketing/documentation site for the project
• Skeleton on Github: For those of you who want to check out the code before downloading it or follow the project
• hi@getskeleton.com: Hit me up with feedback, questions, comments or anything Skeleton related. I would love to hear from you :)

If you haven’t played with a responsive design, here are a few examples I’ve been enjoying (resize browser to see their glory): 

• Teixido.com
• Trentwalton.com
• Dolectures.com

Also, a great resource for finding more responsive design inspiration is mediaqueri.es. 

If you have the chance to try out Skeleton, please hit me up (hi@getskeleton.com) and let me know how it went! I love feedback!

Imagine a world where HTML5 would support a modular splitting of markup, just like it supports the splitting of CSS and JS. It would be fantastic.

I will often have shared “doc-head.php” and “doc-foot.php” includes that I can use across the site that serve to house my doctype, meta tags, attach my CSS, JS and favicon, as well as respectively open and close my body and HTML tags. Really, any piece of code being re-used across a number of pages should only have to exist in one place, so I put them in PHP includes. A great example is a site’s nav – I always put global navigation into my “doc-head.php.” I should be able to do this without being required to use a backend language. 

The advantages seem great to me, but personally the two biggest wins would be:

• Following the DRY principle: Keeping code in one place makes it much easier to edit and maintain. As projects get larger in size, this only becomes more important.
• Projects stay backend agnostic: If I’m working on markup of more than one page, I would like to organize that code with includes, but I also want to avoid forcing PHP on anyone who might need to work with my code. 

It’s not as if this is entirely different from the notion of “including” CSS and JS. It’s essentially the same functionality, but for HTML instead. There is no notion of this in the HTML5 spec (to my knowledge), but I sure wish there was. For now, I will settle to continue to use PHP includes, but I dream that the future holds a better solution for me.

I outline 2-4 objectives in 5 categories, resulting in around 15 objectives for every 3 months. My 5 categories for the past 6 months have been:

• Personal Growth
• Career Growth
• Financial
• Travel
• Fitness

I make sure my goals are measurable and attainable. A few examples for the next couple months for me are:

• Go on a 2-day backpacking trip with my best friend Parker
• Learn how to use AJAX to create stateless micro apps
• Payoff 50% of my school loans from senior year

I always work to follow through on these and set dates or milestones for myself, just like I would for a client. Without committing to a date, it’s not often you’ll realize your goals. 

Stop thinking and talking about the things you’re “going to do” and write it down. Make the commitment to yourself concrete and set yourself up for success. I do it with 3-month goals, but it doesn’t really matter.

Having trouble starting your categories or goals? Take an hour to sit down, think about the near future and answer these questions…What are:

• 3 things I want to do
• 3 things I want to be
• 3 things I want to have

It works for me and I’m sure it can work for you too. It feels great to have objectives set and feel like I’m working towards goals and dreams. 

Dribbble has been out long enough that designers have started taking sides. Some sing the praises of the talent and quality of work that are on Dribbble, but others condemn it as a group of elitist designers. The two most common criticisms I’ve heard about Dribbble are that most of the shots are icons or typography and that most of the popular work is done in a similar style (quasi-retro, textured, typographically driven…oh yeah, and with noise). I would make the assertion that the criticisms do hold some weight, but Dribbble still is enormously valuable to me.

First, it is a great resource for browsing design inspiration. The “popular” filter surfaces some fairly homogenous results, but why not try the “everybody” filter? Honestly, the general quality of work is so high on Dribbble, you’re bound to find some treasures anywhere you dig in. Some of the best work I’ve seen has been from designers with just a handful of followers and less than a hundred views. 

Secondly, if you’re a fan of sites like PatternTap that organize collections of UI elements (breadcrumbs, tabtips, etc), Dribbble could be your next best friend. When I am struggling with a specific UI challenge and can’t seem to find the right solution, I’ll check out others’ answers to similar challenges. Dribbble users have been great about tagging their shots, so search the well-organized database of high quality UI elements if you’re feeling stuck. 

Finally, while Dribbble never realized its full potential as a platform for soliciting feedback from a community, it has become a great place to showcase your work. Designers are starting to use their Dribbble accounts as loose portfolios (much like a more niche Carbonmade), which has resulted in even higher quality of work (rather than quick, unrefined shots meant for feedback).

Overall, I still wish Dribbble had matured into becoming the community platform for feedback is was originally intended to be, but that aside, it is still an awesome site with a great community.

So go forth and browse Dribbble…and don’t forget to try the “everyone” filter. I promise you will find quality and variety there :)

• You learn more. Before I started as ZURB I knew only a bit about jQuery and even less about javascript. I was inspired by our engineer Matt to learn more about it…4 plugins and quite a few jQuery-powered sites later, that learning has become invaluable. This is just one example among hundreds.
• You get important, critical feedback. For me, this is true in so many ways, but especially around visual design. Getting input from a team of experienced and talented designers means my ego gets crushed a bit, but my designs and skills only get stronger each time.
• Synergy happens. It sounds cheesy, but it is absolutely true. Working with a team can create results greater than the sum of its parts. What I mean is, three designers could work on a mockup and arrive at three mediocre designs, or they could work together to create a fantastic one.
• You keep on top your game. Working with smart people means pushing yourself to be smarter and to present yourself well everyday. For me, one example of this is making sure I come across with a level of eloquence on client calls. Smart people hold you to a higher standard when you work alongside them and you don’t want to disappoint. 

Working with people smarter than yourself can be challenging sometimes…or all the time…but it only helps in becoming smarter and more talented yourself. I have certainly seen the benefits of working with smart, experienced and talented folks and would struggle to work without them now.

To all of you awesome co-workers and friends I have worked with or am working with, I tip my hat to you. 

The purpose of a moodboard is to start a conversation about the visual direction of a project before fully investing in a design. By hinting at style, colors, imagery, typography and other design elements through a collage of snippets, I start to get a feel for what a client’s design preferences are. Understanding the client’s vision helps me get started with the visuals, guide our future conversations about visual direction and ultimately design the best possible site or app possible.

What does a moodboard look like? A moodboard can be an organized collection of design elements (http://bit.ly/i0Vr4d):

It can be a mess of inspiration that captures a direction (http://drbl.in/bMY):

It can even be just screencaps of sites that hint at a style (inspiredology.com/inspiring-moodboards):

I often pull moodboard pieces from my design inspiration collection in Evernote, run them together with some quick typographic and color elements and leave it at that. It’s not supposed to be over-designed, it’s supposed to start a conversation, so keep it quick and dirty.