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

Building Effective Navigation Menus

April 9, 2018 by Alex Fox

Designing effective navigation menus should be a core competency of any decent web designer. A good navigation menu will be short, well-organized, sufficiently descriptive and effective at corralling user intent. There no secret recipe involved: it comes down to empathy for the user and understanding of their intentions.

Filed Under: Tutorial, UX Tagged With: navigation, Navigation Menus, ui, user interface, ux, web design

Why You Need to Include Quality Images And Video in Your Online Content

March 23, 2018 by Spyrestudios Blogger

Conventional online content isn’t enough to stand out any more. If you’ve been producing brilliant blog posts for the last few years, the chances are you’ve enjoyed the success of being one of the first to the content marketing party. Content marketing has been an essential ingredient for online success for some time, but the […]

Filed Under: Blogging, Tutorial Tagged With: how to include quality images and videos in your online content, how to use images and videos, online content

Getting Started with Chrome Developer Tools: Advanced DevTools

March 19, 2018 by Alex Fox

The most common tool in Chrome Developer Tools is Inspect Element. As we’ve covered, this tool allows you to view the CSS and HTML associated with specific on-screen elements. But there’s more power than that within DevTools.

Filed Under: Development, Tutorial Tagged With: developer tools, development, Google Chrome, web development

Getting Started with Chrome Developer Tools: Inspect Element

March 12, 2018 by Alex Fox

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

Filed Under: Development, Tools, Tutorial Tagged With: developer tools, development, Google Chrome, tools, web design tools, web development

How to Bake Engagement Into Video Content

February 27, 2018 by Spyrestudios Blogger

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

Filed Under: Business, Motion Graphics, Tutorial Tagged With: give your audience something they want, how to bake engagement using videos, use subtitles and captions, using videos to engage with customers, watch the duration

The Powerful JavaScript Debugger You Never Knew You Had

February 26, 2018 by Alex Fox

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

Filed Under: Tutorial Tagged With: coding, Firefox, Google Chrome, how to, javascript, tutorial

How to Build a Firefox Extension

February 12, 2018 by Alex Fox

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

Filed Under: Tutorial Tagged With: extension, tutorial

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

How to Change Default Text Wrapping with HTML and CSS

February 1, 2018 by Spyre Studios

change default text wrapping

Remember the old days of the Internet where you have to scroll sideways? It’s a bit annoying, especially if you’re reading a lot of texts that had been extended to the side. Thankfully, web pages can be coded to wrap text, and you can choose to wrap it according to the text container width or […]

Filed Under: CSS, Tutorial Tagged With: css, html, text wrapping

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

January 29, 2018 by Alex Fox

material design tutorial hero

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

Filed Under: Tutorial, Uncategorized Tagged With: Design, material design, web design

  • « Previous Page
  • 1
  • 2
  • 3
  • 4
  • …
  • 13
  • Next Page »

SpyreStudios © 2019