How to set up Mobvious to serve device specific scripts, markup and CSS
In 2007 I worked for Fidelity Investments, helping develop their then new mobile offering. Our goal was to cover 99.999% of all web-enabled mobile phones that Fidelity customers used. To accomplish this we developed a super dumbed down HTML 1.0 template that would render correctly on at least 90% of mobile devices (then), and for the . . .
One thing to note about CSS frameworks is that pretty much all of them include a grid system to layout your page with, and if you don't want to use a CSS framework there are also a number of standalone grid systems that might be useful to you for this purpose. If you're not 100% sure what a grid system is, take a look at:
- . . .
CSS frameworks and grid systems can be extremely helpful when starting a new project.
- They give you a whole boatload of base styles that are instantly accessible through HTML tags and/or IDs and class names.
- They include well-thought-out typographic elements, default formats for almost every kind of HTML tag, and by simply . . .
Setting up boilerplate CSS to start your Rails project out right
If you have been reading along, in Setting up a Smart HTML Foundation for Rails we laid out boilerplate HTML for a new Rails project. In this article we will do the same for stylesheets by building a solid CSS foundation to design from. I have developed some basic boilerplate starter CSS for this purpose; feel free to use this code in your . . .
A Practical Guide to setting up a new Rails application with HTML5 Boilerplate and other front-end goodness
UPDATED: February 3, 2016
Setting up the foundation markup of a Rails application is super straightforward. Every time I build a new application I use the starter code from Rails Views, Doing It Right and follow these steps...
Step 1: Clone the Starter Code
Here it is, the starter code:
git clone . . .
A Rails view primer and front-end code to start any Rails project out right
UPDATED: January 15, 2016
The template system and associated files and folders used in Rails are known as Views, the V in MVC. View code is primarily found in two high-level folders within a Rails 3.0 or greater application: the
helpers and the
+- . . .
A simple method to identify which Susy 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 breakpoints/how many columns you are using:
This is especially helpful when testing responsive web design in different devices or varying your . . .