SpyreStudios

Web-Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

33 Fresh jQuery And CSS3 Tutorials

December 27, 2011 by Brant Wilson

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

Filed Under: CSS, jQuery

How to Style iOS Sliding Checkboxes with jQuery

December 9, 2011 by Jake Rocheleau

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

Filed Under: jQuery

19 CSS3 and jQuery Tutorials for Perfect UI Design

September 25, 2011 by Jake Rocheleau

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

Filed Under: jQuery

22 Articles and Tutorials for Getting Started with jQuery

August 9, 2011 by Jake Rocheleau 1 Comment

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

Filed Under: jQuery

33 Excellent jQuery Tutorials

June 21, 2011 by Brant Wilson 11 Comments

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

Filed Under: jQuery, Tutorial

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

November 19, 2010 by Eric Hoffman 21 Comments

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.

Filed Under: CSS, Development, HTML5, jQuery, Tutorial

  • « Previous Page
  • 1
  • 2
  • 3
  • Next Page »

Search SpyreStudios

Web Design Jobs

Development & Programming Jobs

Graphic Design Jobs

Computer & IT Jobs

UX Design Jobs

LiquidWeb

Level up professionally!

Coursera - Hundreds of Specializations and courses in business, computer science, data science, and more

Envato

SpyreStudios © 2021