Profile

Cover photo
John Hannah
Works at Friendly Machine
Attended Arizona State University
Lives in Naples, FL
797 followers|84,078 views
AboutPostsPhotosYouTubeReviews

Stream

John Hannah

Shared publicly  - 
 
 
Holy hell this is all kinds of epic.
1
Add a comment...

John Hannah

Shared publicly  - 
 
 
It's all about perspective.
3
1
Peter Passanisi's profile photo
 
great visual
Add a comment...

John Hannah

Shared publicly  - 
 
An excerpt from my latest post...

*Some Things that Work for Responsive Design*

1.  Instead of Photoshop comps, use Style Tiles and then [build a prototype](http://www.creativebloq.com/design/prototyping-code-9116762) using HTML and CSS, iterating with the client as you go. The client gets to play with the site early and often and can better understand any problems that may pop up.

2.   If possible, don't add the things to the site that are on the Style Tile until near the end of the project. Try to focus instead on user experience, user flows and performance. When you add the aesthetic elements early, everyone involved can start to lose focus on the essential fundamentals of the design.

3.  Think over the choice of using a CSS framework very carefully. Many teams will use a framework like Foundation or Bootstrap to make the prototype I mentioned in #1 and then use custom code on the actual site.

4.   If using a content management system, take a close look at the default markup the system provides. If it's bloated, override it if you can.

5.  Make performance a priority. If you go with a 'mobile first' approach, you'll have an easier time with this in the long run. There are some great tips in [this post](https://developers.google.com/webmasters/smartphone-sites/website-improvement-checklist) from Google on getting your site whipped into shape. Performance may be the most important factor in making your site a good experience for mobile users.

6.  If you're a designer, learn HTML and CSS. It is essential to you being able to make good decisions when designing responsive websites. I would also advise against using generators or tools to create responsive mockups. They keep you from truly understanding the medium in which you are working.
What follows are a few observations and suggestions that are distilled from my experience of having worked on dozens of web projects involving responsive web design (RWD).
1
Add a comment...

John Hannah

Shared publicly  - 
 
 
http://alistapart.com/blog/post/responsive-design-the-picture-element-comes-of-age

“This week we released a new version of Picturefill that will make the real picture element work in existing browsers, which means you can start using picture today.” #RWD   #webstandards  
1
Add a comment...

John Hannah

Shared publicly  - 
 
7
2
peter bankers's profile photoJon Haley's profile photoRon “Lee” Northcutt's profile photo

John Hannah

Shared publicly  - 
 
 
Wie Tabellen eigentlich aussehen sollten: 
 ·  Translate
4
2
Jorge Sepúlveda's profile photoRon “Lee” Northcutt's profile photo
Add a comment...
Have him in circles
797 people
Gary Howell's profile photo
Chris Brooks's profile photo
Anthony Topper's profile photo
James Lynch's profile photo
Alexandru Mihnea Andrascu's profile photo
Arne de Vos's profile photo
CK Poon's profile photo
Paul Tomlinson's profile photo
Patrick-Hervé Meli's profile photo

John Hannah

Shared publicly  - 
 
 
Seems legit....
2
Add a comment...

John Hannah

Shared publicly  - 
 
My latest post on evaluating performance for responsive websites.
Tips on evaluating responsive websites across different devices. We'll see how to use several tools and techniques - using a real website as an example - that can provide hard data on how your site is going to perform on...
1
Add a comment...

John Hannah

Shared publicly  - 
 
 
Our answer?

H/t to +Mandy Edwards who shared this on Twitter. 

I'm saving this image in my reserves for whenever someone complains about pricing or questions the value of design for their business. 
5
3
Cal Basi's profile photoPrzemek Kacperski's profile photo
Add a comment...

John Hannah

Shared publicly  - 
 
Nice...
 
CSS Shapes Editor for Brackets
http://goo.gl/wpdgyj
6
4
Brian Altenhofel's profile photopat c.'s profile photo
Add a comment...

John Hannah

Shared publicly  - 
3
1
J.M. Hogan's profile photo
Add a comment...

John Hannah

Shared publicly  - 
 
 
Taj Mahal in #CSS

Done in #Sass, this is what we call holy crap hardcore! http://codepen.io/jannypie/pen/kbdDg?editors=110
1
Add a comment...
People
Have him in circles
797 people
Gary Howell's profile photo
Chris Brooks's profile photo
Anthony Topper's profile photo
James Lynch's profile photo
Alexandru Mihnea Andrascu's profile photo
Arne de Vos's profile photo
CK Poon's profile photo
Paul Tomlinson's profile photo
Patrick-Hervé Meli's profile photo
Work
Occupation
Frontend developer
Skills
Frontend development, web design, Drupal, writing
Employment
  • Friendly Machine
    Owner and Principal Consultant, 2011 - present
    Independent Drupal consultant and frontend developer.
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
Naples, FL
Previously
Orlando - Tucson - Seattle - Austin
Links
Other profiles
Contributor to
Story
Tagline
Front-end developer, blogger, good in an emergency, freakishly strong for my size.
Introduction
I’m a front-end developer, avid Drupalista and the guy behind Friendly Machine. I currently work for Woodward Design Group. When I'm not building websites, I travel as much as possible and enjoy hanging out with my wonderful family.
Education
  • Arizona State University
    MBA
Basic Information
Gender
Male
Other names
friendlymachine
We had a sink and garbage disposal put in after our counter tops were replaced. The workman showed up on time and completed the work on schedule and on budget. I would use them again.
Public - 3 months ago
reviewed 3 months ago
I'm writing from the perspective of a new dad. I went with my wife to all of the appointments and felt that the staff was very friendly and helpful. Dr. Snook was our original OB, but she left half way through my wife's pregnancy on maternity leave. Dr. Warren filled in for her. My two star rating comes from the actual birth experience as well as the after care. I was very put off during the delivery of our baby when Dr. Warren was chatting with the nursing staff about personal matters and general chit chat. Maybe bringing a baby into the world is old hat to her, but the birth of our first child was very important to us and it was disappointing to have the people attending to my wife creating that type of environment. After the birth of our son, Dr. Warren told us that my wife may need pain medication for up to two weeks. However, she wrote a prescription for a couple days. After the medication ran out, my wife tried to contact her for a new prescription, but Dr. Warren never called back. Apparently she was on vacation and she didn't have back up. I had to take my wife (who was in a lot of pain) and newborn son to Centra Care in an effort to get her the help she needed in managing pain after birth. Extremely disappointing. I would not recommend Dr. Warren for the reasons above. If you do decide to go with her, insist she create a good environment at delivery that is focused on the birth of your child, not her vacation plans. Also make sure someone is available to help with pain management.
• • •
Public - a year ago
reviewed a year ago
4 reviews
Map
Map
Map