SlideShare a Scribd company logo

Front End on Rails

Justin Halsall, profile picture
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

ODP
Haml & Sass presentation
bryanbibat
 
ZIP
Ajax On S2 Odp
ghessler
 
PPT
Building Secure Twitter Apps
Damon Cortesi
 
PDF
Flickr Open Api Mashup
Jinho Jung
 
PDF
User Experience is dead. Long live the user experience!
Greg Bell
 
PPTX
Meetup django common_problems(1)
Eric Satterwhite
 
PPT
WordPress Development Confoo 2010
Brendan Sera-Shriar
 
PPTX
Html5
dotNETUserGroupDnipro
 
Haml & Sass presentation
bryanbibat
 
Ajax On S2 Odp
ghessler
 
Building Secure Twitter Apps
Damon Cortesi
 
Flickr Open Api Mashup
Jinho Jung
 
User Experience is dead. Long live the user experience!
Greg Bell
 
Meetup django common_problems(1)
Eric Satterwhite
 
WordPress Development Confoo 2010
Brendan Sera-Shriar
 
Html5
dotNETUserGroupDnipro
 

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
 
Ad

Similar to Front End on Rails (20)

PDF
Building Web Interface On Rails
Wen-Tien Chang
 
PDF
Haml, Sass & Compass
László Bácsi
 
PDF
Rails 3 And The Real Secret To High Productivity Presentation
railsconf
 
KEY
Page Caching Resurrected
Ben Scofield
 
PPT
What's new in Rails 2?
brynary
 
ODP
Developing and testing ajax components
Ignacio Coloma
 
PPT
Widgets Tools Keynote
Michael Mahemoff
 
PDF
Merb jQuery
Yehuda Katz
 
KEY
Plone Interactivity
Eric Steele
 
PPT
JSP Custom Tags
BG Java EE Course
 
PPT
WordPress Standardized Loop API
Chris Jean
 
PPT
Html and i_phone_mobile-2
tonvanbart
 
KEY
HTML5 - techMaine Presentation 5/18/09
pemaquid
 
PPTX
JQuery 101
The Active Network
 
PPT
JWU Guest Talk: JavaScript and AJAX
Hilary Mason
 
PPTX
HTML and CSS workshop
Manchester Girl Geeks Geeks
 
ODP
The Basics Of Page Creation
Wildan Maulana
 
ODP
HTML5: 5 Quick Wins
Jeff Leombruno
 
PPTX
Jade & Javascript templating
wearefractal
 
PPT
HTML5 Overview
reybango
 
Building Web Interface On Rails
Wen-Tien Chang
 
Haml, Sass & Compass
László Bácsi
 
Rails 3 And The Real Secret To High Productivity Presentation
railsconf
 
Page Caching Resurrected
Ben Scofield
 
What's new in Rails 2?
brynary
 
Developing and testing ajax components
Ignacio Coloma
 
Widgets Tools Keynote
Michael Mahemoff
 
Merb jQuery
Yehuda Katz
 
Plone Interactivity
Eric Steele
 
JSP Custom Tags
BG Java EE Course
 
WordPress Standardized Loop API
Chris Jean
 
Html and i_phone_mobile-2
tonvanbart
 
HTML5 - techMaine Presentation 5/18/09
pemaquid
 
JQuery 101
The Active Network
 
JWU Guest Talk: JavaScript and AJAX
Hilary Mason
 
HTML and CSS workshop
Manchester Girl Geeks Geeks
 
The Basics Of Page Creation
Wildan Maulana
 
HTML5: 5 Quick Wins
Jeff Leombruno
 
Jade & Javascript templating
wearefractal
 
HTML5 Overview
reybango
 
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
 

Recently uploaded (20)

PPTX
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
PDF
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
ReZa AdineH
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PDF
NewMind AI Weekly Chronicles - August'25 Week I
NewMind AI
 
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
PDF
Approach and Philosophy of On baking technology
30anthuong17
 
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
DOCX
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
PDF
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Encapsulation theory and applications.pdf
gurumoop
 
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
ReZa AdineH
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
NewMind AI Weekly Chronicles - August'25 Week I
NewMind AI
 
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
Approach and Philosophy of On baking technology
30anthuong17
 
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI