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

Effective Examples of Useful Slide Out Panels and Sidebars

May 27, 2019 by Alex Fox

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

Filed Under: Design Tagged With: Design, design tips, navigation

5 Tips to Putting Together Your Website Navigation

December 3, 2018 by Spyre Studios

Your website navigation is one of the most crucial parts of your overall design. Not only is it used to help visitors orientate themselves in your digital space, but it can also affect everything from your conversion rate to your bounce rate.

Filed Under: Design Tagged With: navigation, Navigation Menus, web design

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

The Anatomy of a Perfectly Optimized Website

January 9, 2017 by Spyre Studios

perfectly optimized website featured image

Code, Mark-up & Load times Using up to date mark-up It’s one thing to make a website look beautiful, but underneath, the code needs to be beautiful too, therefore it is important to use up to date markup (HTML5 & CSS5) in order to adhere to W3C standards. A correct use of hierarchy & indentation […]

Filed Under: Design Tagged With: coding, navigation, Usability

35 Website Layouts using Fixed Header Bars

December 30, 2014 by Jake Rocheleau

Users often feel quite divisive on the subject of sliding navbars. It has also become a sizable topic of debate amongst designers. Yet it seems that aside from ongoing quarrels the fixed heading navbar is here to stay. It’s an easy technique to recreate and it can be designed in such a wide array of […]

Filed Under: Showcase Tagged With: fixed header, gallery, inspiration, navigation, web design

Responsive Techniques that Every Website Should Use

November 14, 2014 by Jake Rocheleau

The trendy examples of modern responsive design have grown quite popular out of a need for homogenous interfaces among an ever-growing sea of devices. Based on the rules of supply and demand, where there’s a demand there is supply. The immense popularity of flexible website layouts has created a market of educational tools for developers […]

Filed Under: Mobile Tagged With: navigation, Responsive web design, rwd

38 Free Open Source CSS Dropdown Navigation Menus

May 8, 2014 by Jake Rocheleau

Constructing a website from scratch has become easier and less stressful over these past few years. I find myself ripping out fewer and fewer hairs as more open source projects become available. One of the most common UI elements would be a dropdown menu for multi-tier navigation. In the past I’ve written about coding a […]

Filed Under: CSS Tagged With: css3, navigation, Navigation Menus, open source

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