Frontendrails logo Front End Rails

Woot! Work in progress on #mobile #responsive design for online...

Woot! Work in progress on #mobile #responsive design for online...

Pieoneers Pieoneers 11 July 2014

Woot! Work in progress on #mobile #responsive design for online biking magazine with amazing photographs and reviews. Coming soon!

Script-injected "async scripts" considered harmful

Script-injected "async scripts" considered harmful

Igvita Igvita 20 May 2014

Script-injected scripts block on CSS and delay script execution. Their era has passed, and we now have a much better, cleaner, and faster solution: add an async attribute to your script tags.

Sending Emails Using Rails and Bootstrap

Sending Emails Using Rails and Bootstrap

Stefan Haflidason Stefan Haflidason 21 April 2014

If you’ve built your site’s look and feel using Bootstrap and you’re now looking to start sending emails with similar styling then as you are no doubt aware, email clients are generally extremely limited in their understanding of CSS in particular and so we’re going to have to do a bit of work. The topic of email HTML and CSS rendering is a complex one with an increasing number of caveats as you try to support more email clients. Some … Continued

Easier Nested Layouts in Rails

Easier Nested Layouts in Rails

mattbrictson.com mattbrictson.com 27 February 2014

Clean up your views with this simple idiom for writing and declaring nested layouts.

CSS Preprocessor Benchmark

CSS Preprocessor Benchmark

Opinionated Programmer Opinionated Programmer 27 January 2014

Timings for Sass, libsass, Stylus, Rework, LESS

Applying SMACSS to Rails Projects

Applying SMACSS to Rails Projects

mattbrictson.com mattbrictson.com 30 January 2013

How to organize your stylesheets in the asset pipeline.

Lightning-Fast Sass Reloading in Rails

Lightning-Fast Sass Reloading in Rails

mattbrictson.com mattbrictson.com 23 January 2013

How to configure a Rails project with LiveReload and speed up your front-end workflow.

Ember.js: Implementing text fields with save buttons

Ember.js: Implementing text fields with save buttons

Opinionated Programmer Opinionated Programmer 11 June 2012

Ember.TextField and friends live-update their value. Here is how to update it only when the form is submitted.

Roll your own drag-and-drop handling, with help from jQuery UI

Roll your own drag-and-drop handling, with help from jQuery UI

Opinionated Programmer Opinionated Programmer 08 May 2012

Need tighter control than Draggable affords? I show how to harness jQuery UI's Mouse plugin to roll your own drag-and-drop handling.

Getting Started With Konacha: JavaScript Testing on Rails

Getting Started With Konacha: JavaScript Testing on Rails

Opinionated Programmer Opinionated Programmer 03 April 2012

Tutorial for Konacha, the fast testing tool for JavaScript applications running on Rails. Supports the asset pipeline and CoffeeScript.

Bundling JavaScript With Your Gem? Make It Contributor-Friendly!

Bundling JavaScript With Your Gem? Make It Contributor-Friendly!

Opinionated Programmer Opinionated Programmer 02 April 2012

Ruby gems bundling 3rd-party JavaScript should include the upstream repositories as submodules, instead of shipping copies. Here's why.