Toggling between callto and tel
Phone numbers on the web create an interesting dilemma, should I use
tel? Like most things on the web, that depends.
Here's the situation, when a user finds a phone number link like this one:
...As developers we can change the links behavior so that when clicked a call is made: through a program like Skype, or just . . .
A mixin for determining the number of columns being used and which breakpoint you are on
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, . . .
Susy 2 with the Breakpoint gem on Rails 4
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 . . .
Using device detection and responsive web design to serve Rails views and assets to different device types
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 . . .