Sun_large
Sun_large

Telephone Numbers, A Great Use Case for Media Queries

Toggling between callto and tel

Chris Maxwell

ViewThought.com

March 25, 2016

Phone numbers on the web create an interesting dilemma, should I use callto or tel? Like most things on the web, that depends.

Here's the situation, when a user finds a phone number link like this one:

561-123-4567

...As developers we can change the links behavior so that when clicked a call is made: through a program like Skype, or just . . .

Read More

Susy Grid Column Counter

A mixin for determining the number of columns being used and which breakpoint you are on

Chris Maxwell

ViewThought.com

January 18, 2016

When I use Susy, to help identify which breakpoints are being utilized (and when), I use a helper that produces a numerical color-coded identifier that makes it easy to see what breakpoint I am on and how many columns are being used at any given viewport:


This is especially helpful when testing responsive web design in different devices, . . .

Read More

Responsive Web Design with Susy

Susy 2 with the Breakpoint gem on Rails 4

Chris Maxwell

ViewThought.com

January 18, 2016

I introduced the three main components of Responsive Web Design which included flexible grids. To implement a flexible grid system, this article introduces the Breakpoint gem, a Sass plugin, and Susy, a Compass-based grid system that will handle all the flexible-grid-math-calculation heavy lifting for you.

Your markup, your design, your . . .

Read More

A Hybrid Approach to Rails Mobile Development

Using device detection and responsive web design to serve Rails views and assets to different device types

Chris Maxwell

ViewThought.com

January 17, 2016

UPDATED: March 13, 2016

I like using "user agent sniffing" to deliver highly optimized versions of a website to different devices. Doing so allows me to really optimize and improve the user experience. What happens though when a device slips through my detection strategy? Let's say it's brand-new and for whatever reason does . . .

Read More

Archive
  Subscribe by Email and Never Miss a Post