Sun_large
Sun_large

Rails Mobile Device Detection with Mobvious (obsolete)

How to set up Mobvious to serve device specific scripts, markup and CSS

Chris Maxwell

ViewThought.com

October 09, 2014

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 . . .

Read More

CSS Grid Systems Roundup

Chris Maxwell

ViewThought.com

October 08, 2014

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:

Read More

CSS Frameworks Roundup

Chris Maxwell

ViewThought.com

October 08, 2014

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 following the . . .

Read More

A Smart CSS Foundation for Rails

Setting up boilerplate CSS to start your Rails project out right

Chris Maxwell

ViewThought.com

October 05, 2014

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 . . .

Read More

A Smart HTML Foundation for Rails

A Practical Guide to setting up a new Rails application with HTML5 Boilerplate and other front-end goodness

Chris Maxwell

ViewThought.com

October 03, 2014

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 git@github.com:maxxiimo/base-haml.git 

Step 2: . . .

Read More

Rails Views and the Foundation Code Structure

A Rails view primer and front-end code to start any Rails project out right

Chris Maxwell

ViewThought.com

September 30, 2014

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 views folders...

app
+- assets
+- controllers
+- helpers
+- mailers
+- models
+- views
. . .

Read More

Susy RWD Marker (obsolete)

A simple method to identify which Susy breakpoint you are on

Chris Maxwell

ViewThought.com

August 03, 2014

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 browser window size.

. . .

Read More

Archive
  Subscribe by Email and Never Miss a Post