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.

May 5, 2014

Load Time: Be Kind to Your Users

Designer Developer

A few years ago, I was messaging a friend and offered to email him a file, making the assumption he would simply pull it up on his computer when he got home. His response was more jarring to me than it should have been.

“I don’t have a computer.”

The idea that my friend might only get online through his phone did not even occur to me. It should have, because I had already been developing mobile-friendly websites for a little while, but it didn’t. With the evolution of mobile devices and cloud services, more and more people don’t really need a computer on a daily basis.

Oct 15, 2013

Flexbox – True layout properties for CSS without a framework

Developer

We have tried everything to tame the elusive HTML layouts. We began with tables, then divs using CSS floats and even changing the display property but nothing was easy without a number of hacks and feats of magic.

Now entering, Flexbox! The flexbox module is a collection of wonderful new CSS properties that I’ve been excited about since I came across it on www.css-tricks.com and even more so, when I attended a workshop at the WebVisionEvents conference in May. It is the true layout module in CSS without a framework.

Mar 27, 2012

Feature Detection

Developer

In the early days of the Web, sites had small icons indicating the web browser they were specifically built to serve, such as “Works Best in Internet Explorer” or “Built for Netscape Navigator.” Because of the relatively low number of browsers, building unique versions of a site for each individual browser was possible without worrying about unknown devices or operating systems.

Today, the Internet is accessible from a countless list of devices and computers with an vast combination of operating systems, browser and hardware capabilities. Rather than write snippets of code that detect specific browser/system combinations (e.g., iPhone running Safari, Windows running Firefox), the preferred method of enabling more complex features is through feature detection: small scripts that detect whether a browser or device is able to use a certain feature, regardless of its specific setup.

Mar 17, 2012

Images and Tables

Designer Developer

Creating responsive images and a process of ensuring that your tables are responsive is crutial when developing sites. A developer and designer should know a few considerations when creating images for the web and have a design strategy in place for their use. Also, tabular data must also a responsive strategy must be in place to consider how the content will flow as the browsers becoming increasingly smaller. The Go Mobile team explored a number of these considerations and have suggestions to present images and tables in the most effective manner.