SpyreStudios - Design and Development Magazine

jQuery has dramatically changed the way we view frontend scripting. JavaScript was always a popular language even during the 1990s. But in the new millennium web developers have been smart and observed the programming trend titled abstraction. This is a technique where you save time building features upon others’ code libraries – jQuery being one of the most advanced.

In just the past 2 years web developers have released dozens of free jQuery plugins to the Internet. If you’ve kept up with the community there’s no doubt you’ve run into a few helpful scripts. But if you’re just getting started you’re likely still interested in these topics! Check out my gallery of jQuery plug-ins and be sure to leave your thoughts/questions in the post discussion area.

Moasic Sliding Boxes

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

Typography plays a huge role in any design. In this post we have collected 25 free, high quality fonts. Enjoy!

Lorena —Free Font

In this roundup we have collected some pixel perfect UI element PSDs. If you like these resources you might also want to check out our previous post below.

50 Free High Quality PSDs

33 Useful Photoshop PSD Freebies for the Web

Butterscotch UI Kit

If you’re as focused on design as I am then the learning process is far from over! We are constantly looking for the latest trends and techniques to pick up and implement into modern design layouts. And what a better way to keep up with trends than listening to podcasts?

I’ve put together 22 of my personal favorite audio streams which are all free downloads in iTunes. Subscribing to Podcasts is a great way of keeping up with new information circulating around the design community. You’ll learn new topics such as frontend development, Photoshop works, building vector art, and a whole slew of categories! If you have suggestions for other Podcasts not listed here please share any links in the discussion area below.

Think Vitamin Radio

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.