Nov 14, 2014

Open Source Best Practices for Mobile Web Development

Developer Resource Center

Google has put together an amazing resource for web developers, centered around responsive development. The great thing is, it’s open source. This means that experts from around the world have been collaborating to bring together a set of resources for web developers, and you can contribute too. The code for the project is all on GitHub.

The link to the resource is: https://developers.google.com/web/fundamentals/

The topics covered range from best practices for the look and feel of your site to optimizing performance for mobile devices.

If you work in the web and have some great resources of your own, go ahead and leave a comment.

Sep 30, 2014

5 Responsive Techniques for your Responsive Headache – part 1

Designer Developer

Every developer and designer has those days that no matter what you try or imagine, it just doesn’t work for your responsive site. Your idea may be a great solution for mobile devices but, it is not as user-friendly on desktop and vice versa.  You use all of your progressive enhancement knowledge and yes, it is functional but does it really meet the need of the user?  Does it really fit with the flow of the site? At times, the answer is no.

Here are a few techniques and plugins that I have found that have helped cure my…well, responsive headache.

Sep 23, 2014

Tips for Retina View

Developer

The increased resolutions on newer smart phones, Retina Display to borrow Apple’s terminology, allow for much crisper images on the mobile view of our websites, but they cause problems for us as developers.  There are several different methods for using these images, and most of them are rather cumbersome.  It also makes the development more tiresome since you have to produce two images even in the development phase.  We have found a few shortcuts in both areas.

Sep 19, 2014

Graceful Fail vs. Progressive Win

Designer Developer

You’re sitting at your computerator with your web development ‘arme de choix’, staring at a blank page, wondering where to start…

If you’re like most of us (and statistically, you are) when you start busting out the div tags, your instinct is to design for a desktop and use clever automagical media queries to gradually remove content and functionality as the viewport shrinks.