We all like well designed user interfaces (UI). We all have are favourite web app that we like to use. But when it comes to making our design on the web things start to get tricky. Even though it is best practise to use CSS to take care of the styling but sometimes we need more than pure CSS. jQuery can make life a bit easier, with its cross browser capabilities and large user base it is a clever option.
In our development of our web-based applications one tool we have found really useful is the jQuery library. With the library you can get access to the jQuery UI at http://jqueryui.com/theme roller/
Why use jQuery UI? To put it another way, When a builder is employed to build a house. Would you expect him to make all the bricks when they can go to the builders merchant and buy the bricks they need. Well jQuery is like construction materials. You can still choose what colour you want to paint the house or how many bedrooms. Similarly, you can choose which components you want to use for your web app. jQuery has lots of useful widgets pre built like calendars and sliders. To create a calendar from scratch would need a considerable amount of time, jQuery can cut down the development time.
jQuery UI comes with loads of pre built themes to choose from and you can customize your own quite easily too. The framework is really flexible and you can change the style of you widget by editing the CSS file. You might want a calendar with a blue background and grey font. jQuery UI can give you this without hours of painstaking coding. We recently received the book Instant jQuery UI starter published by packt . We thought this book was very useful for those who want to design their own UI . The book shows you haw to style a simple slider for your web app and then progresses to drag-able and drop-able items, very useful when designing for touch screen devices. Styling your own check boxes and radio buttons are covered in the later section.
Building a useful and elegant UI couldn’t be easier with jQuery UI.