Frontend web developers have been paving a path for clearer standards. Over the years, web browsers have slowly been conditioning themselves to render web pages in this fashion. And after the release of an HTML5 standard, things began moving faster than ever. It’s no surprise that jQuery has taken a jump into the spotlight as […]
How to Change the Background Color of a Button on Mouse Click When Using jQuery
In this article am going to illustrate how you can change the background color of a button after it has been clicked when using jQuery. This kind of functionality makes a website or web application more responsive and interactive with the user especially when you have many buttons or links and you want your users […]
15 Best Sliders and Galleries For Your Next Project
If you want to grab a visitor’s attention by displaying a set of images, sliders are a great way to get that done. The best sliders are attention-getting, with attractive animations that match the tone and purpose of your site. We’ve collected a list of some of our favorite sliders and galleries below. Fair warning: […]
Best JavaScript Libraries for Building Web Interfaces
Web application development is typically considered the realm of PHP and Ruby. Granted these are both safe and recommended languages for larger applications, but JavaScript has become useful as an intermediary. And with all the free information online it’s easier than ever to teach yourself how to build JS-powered webapps.
40 Resources for Getting Started with jQuery Development
Each year a new batch of young web developers are jumping into the field head-first. Often times frontend web development is the easiest barrier to jumpstart learning. HTML/CSS work is quite simple, but delving into JavaScript provides a deeper realization of general programming topics. These include functions, loops, variables, along with an understanding of how […]
33 Open Source jQuery Plugins for Gathering User Input
I can remember the long structured blocks of JavaScript before jQuery was even an option. Nowadays this library has expanded to include hundreds(if not thousands) of free open source plugins. You can find a particular bit of functionality related to almost any page element on your website. Specifically I’ve collected a list of 33 plugins […]
22 JavaScript/jQuery Tutorials for New Web Developers
Frontend web development is the hottest area for modern user interactivity. You can build practically any type of user interaction when you understand the concepts behind JavaScript. DOM manipulation is a hugely popular technique which, coupled with Ajax requests, can build one incredible user experience. In this showcase I have collected 22 exciting jQuery & […]
33 Fresh jQuery And CSS3 Tutorials
In this post we have compiled some useful jQuery and css3 tutorials. Enjoy!!
If you like these tutorials you might also want to check out our previous posts below.
19 CSS3 and jQuery Tutorials for Perfect UI Design
Hover and Click Trigger for Circular Elements with jQuery
How to Style iOS Sliding Checkboxes with jQuery
With so much hype surrounding the new iPhone 4S release we’ve seen a lot more iOS app development hitting the mainstream. As such their techniques in design and user interfaces are sure to trickle out among the mass of web designers. In this case I’d like to spend some time examining the iOS slider switches common since early iOS 4.
This tutorial is a straightforward walkthrough about how to implement and work with these inputs. Through jQuery we can dynamically create a hidden input field which holds the checked/unchecked position of the slider bar. In my demo we’ve created a mockup settings page which mirrors the current switch value openly in the form.
