I have the CSS & JS, how do I convert that to erb for my Rails app?

Tags: javascript,jquery,css3,ruby-on-rails-3

Problem :

So I have the foundation of my Rails app, then I went ahead and did the JS and CSS.

How do I then take the CSS and JS that I have, and apply it to the app in a 'Rails Way'. i.e. a dynamic way that works nicely.

Can you give me some tutorials/articles/resources that I can read up to guide me, please?

I have tried the Rails guides, but I find them a bit lacking.

Any other good suggestions or tips that might help get me on the right track?


Solution :

The dynamic behavior in any web application can be expressed by using server side code, and/or client side code. In the client side there is a combination of techniques called AJAX that help to create a fluent interaction with the user.

You can learn a lot of Rails watching screencasts. You can have a look at Railscasts or PeepCode which are plenty of good tutorials.

    CSS Howto..

    How to set background color for a boxed link?

    how to use css align control one row

    How to set table column widths to the longest value, excluding header

    How can I set the main theme-font dynamically, in WordPress

    How to create slanted tabs with a border in CSS? [duplicate]

    How to wrap text in first div but use the available space where the second div's width should be adjusted to the content?

    How to show/hide content on click with CSS

    how to clip text in css like gmail does to emails subject listings

    How to transform simple CSS box

    Unicode down triangle doesn't show up in IE9

    CSS - How to break long words in a table td?

    How do you find the largest font size that won't break a given text?

    How can I bold specific HTML rows and columns with CSS or HTML?

    How to prevent HTML Email from having quoted printable when sending with C# using System.Net.Mail.MaiMessage

    How can I add a transition effect when opening my custom modal window?

    How do I get a video to fit in a specified area?

    How to dynamically change CSS elements to be HTTPS or HTTP

    How to add the same header and footer to all pages at once? HTML

    how to add css code on jquery?

    In Ember how to use a view to change a css property and then view it?

    How to arrange/align two paragraphs into boxes [duplicate]

    How can i overlap inline divs?

    How to show sorting order if column width is smaller than caption in free jqgrid

    How to create item detail view with css

    How to repeat nth-child rules for an infinite sequence in CSS

    How to inspect CSS element using chrome?

    How is box-shadow returned in IE9?

    How do i set the HTML tag's “background” property with JS, still allowing other properties from a CSS file to be unchanged?

    web app CSS navbar retina icons - How can I fit a 60x60 icon into a 30x30 background-image on IE7+8?

    Amazing CSS Div scrolling effect, cant explain, link provided. This is a web design issue, how to get an effect like this?