SpyreStudios

Web-Design and Development Magazine

Effective Examples of Useful Slide Out Panels and Sidebars

by

It should be noted that slide-out panels are indeed less accessible than fixed navigation options. They’re harder to discover and understand. Screen elements appearing and disappearing can confuse users and frustrate visitors. However, they’ve maintained their position as a consistently popular design choice, especially when screen space is limited, like on mobile devices. Their modularity […]

How To Select the Best Font For Any Project or Website

by

The correct font for your project depends on its use. Consider what your website is for, and what the user will do when they arrive. Do you have long stretches of text, or just smaller headlines and descriptive language? Chose the best font based on how the website works, not what you like the look […]

Kerning, Leading, Tracking, and Everything You Need to Know About Text Spacing

by

The space between letters is just as important for legibility as the text itself. If your website is hard to read, don’t just consider the typeface: consider the white space as well. With kerning, leading, tracking, and other spacing tools, you can make your text more readable without a major design overhaul using these text […]

How to Easily Edit and Improve Photos for a Website

by

Adding photos to your website can definitely make it more appealing and help you to draw in and engage more visitors. But regardless of whether you’re using stock photography or snapping shots of your own, the one thing you need to be able to do is edit and improve the photos that you add. If […]

Did the Simpsons Predict Pantone’s Color of the Year?

by

Interior design covers everything from symmetrical artwork and aesthetically pleasing plants to carpet finishes and colours, and for designers, the reveal of the Pantone Color of the Year is eagerly awaited. Established in 1962, Pantone originally set its sights on the cosmetic industry. Colour swatching plays a major role in cosmetic companies, which Pantone realised […]

Adding Customization Options to Your User Interface

by

There’s a careful balance to be struck when adding customization options to your user interface. You need to provide a real degree of control, or dictate your design completely. Here are some things to consider when applying customization options to your user interface. Theme Options If you’re providing the option for your user interface to […]

Design Web Tables Without Screwing It Up – A 2019 Guide

by

Web tables are antiquated technology. If you don’t know this, welcome to the club that everyone else joined in 2010. Tables as a layout tool are a hack, a corruption of HTML used to create layouts that the code hadn’t thought of yet. When tables were added in HTML in 1996, this was in the […]

Choosing the Best Image Format in 2019: WebP, SVG Vs. Everyone

by

What, did you think JPEG would live forever? It was introduced in 1992, more than twenty-five years ago! The modern generation of web developers uses WebP for images, not the archeological specimen that is JPEG. Here’s a quick introduction to WebP, SVG, and why they’re better. TL;DR: they’re way smaller, producing faster, and more responsive […]

The Developer’s Guide to the WebP Image Format

by

The WebP image format is a new image encoding format that’s especially appealing to web developers. It can encode a high density of information within a given file size, allowing higher quality images at lower file sizes. Considering that images make up about 60-percent of the web, lower image file sizes mean faster loading pages, […]