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

How to Change the Background Color of a Button on Mouse Click When Using jQuery

February 8, 2018 by Spyre Studios

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 […]

Filed Under: Development, jQuery, Tutorial Tagged With: jquery, tutorial

15 Best Sliders and Galleries For Your Next Project

May 25, 2017 by Alex Fox

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: […]

Filed Under: jQuery, Resources, Uncategorized Tagged With: gallery, jquery, web design

25 Free jQuery Plugins for Custom Tabs & Accordions

April 23, 2015 by Jake Rocheleau

Modern web designers simply adore dynamic page elements. Dropdown menus, carousels, tabbed links and accordion menus are just a few examples. All of these effects can be recreated using free jQuery plugins without much code. The toughest part is finding the perfect jQuery plugin to fit with your current project. In this gallery you’ll find […]

Filed Under: Development Tagged With: gallery, javascript, jquery, open source, plugins

The 10 Best Parallax Design Tutorials Ever

February 20, 2015 by Christopher Jan Benitez

Parallax scrolling is nothing new to web design. If anything, this effect must be used more often to create stunning and attractive pages on your website. Once a hot web design trend, parallax scrolling lost its steam with the growth of mobile use to view websites. Parallax scrolling isn’t mobile-friendly but there are a few who have […]

Filed Under: Design Tagged With: jquery, parallax design tutorials, skrollr.js

Routines for Practicing your Frontend Development Skills

August 15, 2014 by Jake Rocheleau

Let’s face it – any skillset worth acquiring takes time and lots of practice. The most fitting yet ironic way to improve is by screwing up and learning from your mistakes. While this process may not benefit the aspiring counterfeiter, mistakes are often the quickest and most resilient teaching methods. Web development is perhaps one […]

Filed Under: Development Tagged With: css3, frontend, html5, jquery, tips

How To Code a Hidden Dropdown Search Form using jQuery

March 17, 2014 by Jake Rocheleau

Expanding search fields have become a popular choice for designers looking for extra room on the page. Almost every website is going to need a search field somewhere in the layout. It’s practically a necessity for any visitor who is looking for a specific page or bit of information. As trends advance user interfaces are […]

Filed Under: Tutorial Tagged With: css3, howto, jquery, open source, search

Building a Company Team Page with Dynamic Content

February 24, 2014 by Jake Rocheleau

Any business with a large team of employees might consider publishing more detailed information online. This helps customers and clients build a deeper connection with the business, and it offers a more personal touch for each team member. It’s pretty simple to list employees into a table – but what about dynamically-driven content? In this […]

Filed Under: Tutorial Tagged With: animation, howto, jquery, tutorial, website layouts

How To Build a Tabbed Ajax Content Widget using jQuery

November 19, 2013 by Jake Rocheleau

Blogs are usually full of different posts all with varying degrees of popularity. Readers don’t always know how to find related posts without using the search feature. It helps to build smaller widgets right into the page that can automatically sort through content based on different criteria. In this tutorial I want to demonstrate how […]

Filed Under: Tutorial Tagged With: howto, jquery, open source

How To Build Tag Input Autocomplete Suggestions with Tokeninput

October 18, 2013 by Jake Rocheleau

Tag-based input fields are becoming more common amongst social networks. Also consider new applications such as user-submitted news which provide another method for predefined tags. There are other plugins available which display tag choices in a formatted list using a typical input field. But in this tutorial I want to showcase how we can include […]

Filed Under: Tutorial Tagged With: frontend, how to, jquery, open source, plugins

  • 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