Styling an application


show more Styling an application provides you with in-depth training on Developer. Taught by Ray Villalobos as part of the JavaScript and AJAX show less
please wait ...

Styling an application

So far, we've managed to build a nice live search feature that uses AJAX to search through a JSON data file, but the UI could look a little bit better. So in this video I'm going to show you how to style this application with CSS. Now, I've got the set up in Espresso and this little comment right here essentially ties my live preview with this window. So as I make a change right here, it will update automatically. If you don't have Espresso, you don't really need to type that in, but it's just the way that I have things set up, so that as I type the CSS, you're going to be able to see the changes on the right-hand side. So let's get started with some basic CSS.

So first, I'm going to start working on the searcharea, and I'm going to go ahead and center that by setting the margin equal to 0 and auto. I'll text-align this to the center so that the text inside will also be centered, and I'll set up a background color here, and I'll set up...

Styling an application
Video duration: 7m 33s 1h 12m Intermediate

Viewers:

Styling an application provides you with in-depth training on Developer. Taught by Ray Villalobos as part of the JavaScript and AJAX

Subjects:
Developer Web
Software:
Ajax JavaScript
Author:
please wait ...