SlideShare a Scribd company logo

Front End on Rails

Justin Halsall
Justin Halsall

This document provides tips and tricks for front end development on Rails. It discusses proper use of HTML elements like headers, lists, IDs and classes. It also covers CSS topics like specificity and preprocessors like SASS. JavaScript techniques for unobtrusive DOM manipulation are presented, including replacing traditional link confirmation dialogs with AJAX calls. Form helpers, RESTful routing and using JSON for AJAX responses are also summarized.

Technology
1 of 54
Downloaded 82 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails
Front End on Rails

More Related Content

What's hot (19)

PPTX
YQL talk at OHD Jakarta
Michael Smith Jr.
 
PPT
Ajax ons2
Chad Davis
 
PPT
Lecture 5 - Comm Lab: Web @ ITP
yucefmerhi
 
PPT
Spring 2.0
gouthamrv
 
PPT
We9 Struts 2.0
wangjiaz
 
PDF
Javascript Basic
Kang-min Liu
 
PPTX
Preparing a WordPress Plugin for Translation
Brian Hogg
 
PDF
Try Web Components
拓樹 谷
 
PPT
Facebook Development with Zend Framework
Brett Harris
 
PDF
Secure Coding With Wordpress (BarCamp Orlando 2009)
Mark Jaquith
 
PDF
Microformats HTML to API
elliando dias
 
PDF
Brian hogg word camp preparing a plugin for translation
wcto2017
 
PPT
Rails e suas Gems
Rodrigo Martins
 
PDF
Distributed Identity via OpenID
David Rogers
 
ODP
Optimizing Drupal for Mobile Devices
Sugree Phatanapherom
 
PDF
Finding things on the web with BOSS
Christian Heilmann
 
PPT
Boston Computing Review - Ruby on Rails
John Brunswick
 
PPTX
Using Forms in Share
Alfresco Software
 
ODP
Illuminated Hacks -- Where 2.0 101 Tutorial
mikel_maron
 
YQL talk at OHD Jakarta
Michael Smith Jr.
 
Ajax ons2
Chad Davis
 
Lecture 5 - Comm Lab: Web @ ITP
yucefmerhi
 
Spring 2.0
gouthamrv
 
We9 Struts 2.0
wangjiaz
 
Javascript Basic
Kang-min Liu
 
Preparing a WordPress Plugin for Translation
Brian Hogg
 
Try Web Components
拓樹 谷
 
Facebook Development with Zend Framework
Brett Harris
 
Secure Coding With Wordpress (BarCamp Orlando 2009)
Mark Jaquith
 
Microformats HTML to API
elliando dias
 
Brian hogg word camp preparing a plugin for translation
wcto2017
 
Rails e suas Gems
Rodrigo Martins
 
Distributed Identity via OpenID
David Rogers
 
Optimizing Drupal for Mobile Devices
Sugree Phatanapherom
 
Finding things on the web with BOSS
Christian Heilmann
 
Boston Computing Review - Ruby on Rails
John Brunswick
 
Using Forms in Share
Alfresco Software
 
Illuminated Hacks -- Where 2.0 101 Tutorial
mikel_maron
 

Similar to Front End on Rails (20)

KEY
Dr. Strangelove or: How I learned to stop worrying and love HTML, CSS and Jav...
RobotDeathSquad
 
PDF
Accelerated Stylesheets
Wynn Netherland
 
PDF
浜松Rails3道場 其の四　View編
Masakuni Kato
 
PDF
Rails 3 And The Real Secret To High Productivity Presentation
railsconf
 
PDF
Railswaycon 2009 - Summary
daniel.mattes
 
PDF
Ruby on Rails 3.1: Let's bring the fun back into web programing
Bozhidar Batsov
 
PDF
Haml
Ciaran Lee
 
PDF
Haml And Sass In 15 Minutes
Patrick Crowley
 
PDF
Haml And Sass
wear
 
PDF
Rails 3 Beginner to Builder 2011 Week 4
Richard Schneeman
 
PDF
Building Web Interface On Rails
Wen-Tien Chang
 
PPT
CSS
bjornh
 
PDF
CSS3 Talk (PDF version)
Robyn Overstreet
 
PDF
CSS3 Talk at SF HTML5 Meetup
Robyn Overstreet
 
PDF
Write Less Do More
Remy Sharp
 
PDF
Survey of Front End Topics in Rails
Benjamin Vandgrift
 
KEY
JQuery In Rails
Louie Zhao
 
PDF
Think Vitamin CSS
Nathan Smith
 
PDF
OSDC 2009 Rails Turtorial
Yi-Ting Cheng
 
PPT
Eugene Andruszczenko: jQuery
Refresh Events
 
Dr. Strangelove or: How I learned to stop worrying and love HTML, CSS and Jav...
RobotDeathSquad
 
Accelerated Stylesheets
Wynn Netherland
 
浜松Rails3道場 其の四　View編
Masakuni Kato
 
Rails 3 And The Real Secret To High Productivity Presentation
railsconf
 
Railswaycon 2009 - Summary
daniel.mattes
 
Ruby on Rails 3.1: Let's bring the fun back into web programing
Bozhidar Batsov
 
Haml
Ciaran Lee
 
Haml And Sass In 15 Minutes
Patrick Crowley
 
Haml And Sass
wear
 
Rails 3 Beginner to Builder 2011 Week 4
Richard Schneeman
 
Building Web Interface On Rails
Wen-Tien Chang
 
CSS
bjornh
 
CSS3 Talk (PDF version)
Robyn Overstreet
 
CSS3 Talk at SF HTML5 Meetup
Robyn Overstreet
 
Write Less Do More
Remy Sharp
 
Survey of Front End Topics in Rails
Benjamin Vandgrift
 
JQuery In Rails
Louie Zhao
 
Think Vitamin CSS
Nathan Smith
 
OSDC 2009 Rails Turtorial
Yi-Ting Cheng
 
Eugene Andruszczenko: jQuery
Refresh Events
 
Ad

More from Justin Halsall (6)

PPTX
Principles, Backbone and Bottlenose
Justin Halsall
 
PDF
Vote Amsterdam For EuRuKo 2012
Justin Halsall
 
PDF
Headless browser testing with ruby
Justin Halsall
 
PDF
HTML5 semantics
Justin Halsall
 
PDF
HTML5 offline
Justin Halsall
 
PDF
DSLs for Front End Rails
Justin Halsall
 
Principles, Backbone and Bottlenose
Justin Halsall
 
Vote Amsterdam For EuRuKo 2012
Justin Halsall
 
Headless browser testing with ruby
Justin Halsall
 
HTML5 semantics
Justin Halsall
 
HTML5 offline
Justin Halsall
 
DSLs for Front End Rails
Justin Halsall
 
Ad

Recently uploaded (20)

PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
Python basic programing language for automation
DanialHabibi2
 
PDF
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PPTX
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PPTX
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
PDF
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
July Patch Tuesday
Ivanti
 
PDF
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PPTX
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
PDF
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
Python basic programing language for automation
DanialHabibi2
 
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
July Patch Tuesday
Ivanti
 
Timothy Rottach - Ramp up on AI Use Cases, from Vector Search to AI Agents wi...
AWS Chicago
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun