Church & Web Design

Responsive Design

Matt Haff — Fri, 17 Feb 2012 04:11:52 +0000

Responsive design is the new buzz name for fluid layout, which has been around for more than just a couple years. Too many graphic/web designers use their knowledge of print design as a basis for how to design for the web. This has caused the web to become a fixed width layout when in reality [...]

New Beginnings

Matt Haff — Tue, 27 Dec 2011 18:38:00 +0000

This year has been a wild ride for me, like every year before, a lot of ups and downs. More than any year before I’m really looking forward to the beginning of 2012. What makes 2012 so different? Over the past 9 months I’ve been battling my way into a new beginning. My outlook on [...]

The Fall of Internet Explorer

Matt Haff — Tue, 08 Nov 2011 18:54:52 +0000

The moment all web developers have been waiting for is finally here, sorta. As of October, Internet Explorer’s global market share is below 50%, the lowest it has been in the past decade. This is due in part by 6% of web browsing now occurring on mobile platforms such as smart phones and tablets. What [...]

Easy Cross-Browser Testing

Matt Haff — Thu, 27 Oct 2011 20:14:56 +0000

One of the most annoying, painful, hair-pulling, time consuming responsibility of a web developer is cross-browser testing. Imagine you’ve spent about 8 hours developing a pixel perfect website in Safari or Firefox (for you PC people) and you’re getting to the task of testing it cross-browser. You get multiple computers, browsers, devices all together and [...]

Designing For The Social Web – Passionate Use

Matt Haff — Fri, 14 Oct 2011 17:39:57 +0000

The Five Stages of the Usage Lifecycle Unaware Interested First-time Use Regular Use Passionate Use Passionate Followers What makes companies like Apple, Chick-fil-a, and Starbucks stand out from the crowd? The answer is simple, passionate followers. Apple spends 1% on advertising?! Because they are great at producing a passionate fan base. Apple fan boys/girls are the [...]

Designing For The Social Web – Regular Use

Matt Haff — Thu, 29 Sep 2011 19:02:20 +0000

The Five Stages of the Usage Lifecycle Unaware Interested First-time Use Regular Use Passionate Use Designing for Ongoing Participation Congratulations! You’ve gotten people into your app, now how do you keep them happy and participating over the long term? There are two parts of getting ongoing participation right: Identifying the right motivations for use. Understand [...]

Designing For The Social Web – First Time Use

Matt Haff — Wed, 21 Sep 2011 14:49:08 +0000

The Five Stages of the Usage Lifecycle Unaware Interested First-time Use Regular Use Passionate Use Sign-up Once you have people interested, the next major challenge is to convince them to actually sign up to use your app for the first time. This is one of the most important steps for several reasons: The first, and [...]

Designing For The Social Web – Interested

Matt Haff — Wed, 14 Sep 2011 14:07:09 +0000

The Five Stages of the Usage Lifecycle Unaware Interested First-time Use Regular Use Passionate Use People-Powered Research Once people find out about your product and they become interested, they will have questions and are ready for you to tell them what they want to hear. Pay close attention here, while people want you to answer [...]

Designing For The Social Web – Unaware

Matt Haff — Fri, 09 Sep 2011 14:33:20 +0000

This will be a five part series based on the five stages of the usage lifecycle. I first picked up this book about a year ago and it’s been in my stack of meaning to get through books. I’m very odd when it comes to reading, I seldom read just one book at a time, [...]

The HTML5 Canvas and Friends (with jokes)

Matt Haff — Sat, 06 Aug 2011 19:45:24 +0000

Speaker: Loren Norman Introducing Canvas Width and height is required to put inside the <canvas> tag. <!– if not supported comment will display –> Coordinate’s 0,0 is x,y rectangles are the only shape built into the canvas Paths ctx.beginPath(); ctx.moveTo(x, y); ctx.lineTo(x, y); ctx.closePath(); Arcs ctx.arc(x, y, radius, startAngle, endAngle, anticlockwise); Curves two different types [...]