Archive for the ‘jQuery’ category

Screenshot

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

Screenshot

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.

33 Excellent jQuery Tutorials

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

Screenshot

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.

featured image - iOS sliding check boxes demo screenshot

19 CSS3 and jQuery Tutorials for Perfect UI Design

Screenshot

I’m sure we’re all aware of how popular jQuery has become. And with the recent standards of HTML5 and CSS3 being released, web designers have been jumping all over this to build very creative content. I have particularly been focused on user interface design and have found a lot of fantastic tutorials around the web.

Check out our list of the top jQuery and CSS3 tutorials below. These pertain to prettying up your website with rounded corners, custom cursors, CSS animations, and a ton of other effects. If you have your own tutorials or would like to share a unique resource please add your conversation in the comments area below.

CSS3 Rounded Image with jQuery

Screenshot

Frontend web developers have been paving a path for clearer standards. Over the years web browsers have slowly been conditioning themselves to render webpages in this fashion. And now with the release of an HTML5 standard, things are moving faster than ever. It’s no surprise that jQuery has taken a jump into the spotlight as the premier animations/effects library.

We are all aware just how powerful jQuery can be. User experience is always #1 on my web design checklist, and should be on yours as well. That’s why I’ve gathered a collection of 22 awesome tutorials building with jQuery UI. If you have questions or similar tutorials, please offer your comments in the discussion area below.

jQuery for Absolute Beginners Video Series

33 Excellent jQuery Tutorials

Screenshot

In this post we have collected some useful and excellent jQuery tutorials for web developers and designers. Enjoy!!

How To Build a Sliding Feature Slideshow with jQuery

Photobooth with PHP, jQuery and CSS3

Scroll back to the top