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.
Hover and Click Trigger for Circular Elements 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.
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.
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.
Today we’ll be creating a bar that pops up at the top of a page, and stays above the content (similar to ‘hellobar’). The popup bar was only tested in Chrome and Safari and may not work in other browsers. The bar can be used to display information, for example your latest blog post, to the user.
The way the bar pops out at the top makes sure it’ll be seen. And after the visitor has seen the information, he/she has the option to hide the bar.
Many of you have probably already seen some of those CSS3 generators that have been poppin’ up? Have you perhaps been wondering how they’re made? Wonder no more, that’s what we’ll be creating today, using CSS3, HTML5 and jQuery.
The CSS3 generator we will be creating is Webkit only, so make sure you open up the demo in a Webkit browser like Safari or Chrome.