SpyreStudios

Web-Design and Development Magazine

Getting Started with Chrome Developer Tools: Inspect Element

by

Google Chrome is one of the best consumer browsers on the market, but it also contains a number of powerful developer tools. We can reveal some of these tools with Chrome’s Inspect Element (or “Inspect”) tool. This developer tool provides insight into how websites are constructed and styled, and it can help you debug your own […]

How to Bake Engagement Into Video Content

by

Would you like to create video content that is more engaging and draws in and retains more viewers while also attracting more shares, likes, comments, and other reactions? If you do then you should know that engagement needs to be ‘baked into’ video content, and that starts from the time you sit down and begin […]

The Powerful JavaScript Debugger You Never Knew You Had

by

When you were first starting to write JavaScript, you learned about console.log. You learned about outputting messages to the console and using it to troubleshoot your JavaScript. And unless you’re a fairly serious JavaScript developer, you might not have bothered with much more. When JavaScript apps don’t work correctly, developers are often quick to start […]

How to Build a Firefox Extension

by

Firefox may not be as popular as Google Chrome, but with the release of the super fast Firefox Quantum, it’s likely that the user base will grow in the future. To take advantage of what’s sure to be a growing population of users, you can build a Firefox extension (“add-ons” in Firefox parlance). This actually […]

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

by

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

How To Use Google’s Material Design On Your Own Site

by

Google Material Design is a major part of the modern web’s design language. This is especially true for mobile websites and apps. It’s a clean, legible design with visually distinct elements to draw the eye and make user interaction simple. Material design apps, by and large, use flat, paper-based designs that rely on graphic color […]

How to Write Helpful User Tutorials and Onboarding Guides

by

Writing user tutorials is essential to launching any new software project. But writing helpful user tutorials requires a careful hand, with a correct understanding of the user’s needs and expectations. With a solid foundation of empathy and understanding, we can build user tutorials that will educate our users without losing their attention or going over […]