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 Image-Rich Websites Without the Lag

January 14, 2019 by Alex Fox

Optimize Image File Size You might be familiar with this trick from the old days, batch when using progressively-loading JPEGs was the height of image optimization techniques. While these methods can still be of some use today, there are many more ways to shave off some loading time today. Use a program like ImageOptim or […]

Filed Under: Uncategorized Tagged With: css3, images, images in web design, video compression

7 Things You Must Remove From Your Website Before 2019

December 11, 2018 by Alex Fox

web form design

If you’ve got these things in your website, you better remove them before 2019. Here’s our “favorite” outdated or regrettable content choices. Mouseover Navigation Menus The most obvious problems with mouseover navigation menus is that not every visitor has a mouse. How does a mobile user “mouseover” something? Obviously, they don’t. This leads to slapped […]

Filed Under: Design, Uncategorized Tagged With: css3, html5, web design, website layouts

CSS Variables: An Introduction, With Code Examples

November 26, 2018 by Alex Fox

CSS variables, also known as CSS custom properties, expand the script-like functionality of CSS into something that resembles a programming language. If you’re at all familiar with any type of programming language, you know that variables are the foundation of any action. Variables are set, compared, altered, and saved throughout the program as the means […]

Filed Under: Tutorial, Uncategorized Tagged With: coding, css, css variable examples, css3, html5

What is Z-Index and How Does It Work?

June 18, 2018 by Alex Fox

Elements on a web page can stack for a variety of reasons. With basic CSS positioning tools, it’s possible to stack elements on top of one other with negative margins, floats, and other tools. Even without specific position, elements stack, with div stacking on backgrounds on table cells stacking on tables. But default stacking is […]

Filed Under: CSS Tagged With: css, css3, layout

Using CSS Pseudo-elements and Pseudo-classes like ::before and ::after

April 23, 2018 by Alex Fox

CSS wasn’t always as flexible as it is today. By using CSS pseudo-elements and pseudo-classes, designers can target elements based on their dynamic states or positioning in relation to other elements.

Filed Under: CSS Tagged With: css, css3, web design

Learn Web Development With These Web Developer Courses

June 28, 2017 by Alex Fox

learn web development hero

If you’re a newbie hoping to learn web development, these web developer courses below will be powerful tools in your journey to greater knowledge. As you embark on this journey, remember that Google and websites like StackOverflow are your best friends. You will encounter many frustrating problems along the way, but they are all problems […]

Filed Under: Resources Tagged With: css3, html5, javascript, php, tutorials, web design

Recreating Photoshop Effects in CSS – Part 2 – The CSS Code

May 27, 2015 by Jake Rocheleau

In part 1 of this tutorial series I demonstrated how to create vector shape buttons with layer styles in Photoshop. For part 2 I’ll explain how to write code to recreate these layer styles in CSS. Modern development techniques have advanced along with browser support to make CSS3 a viable option for everyone. Photoshop layer […]

Filed Under: Tutorial Tagged With: css3, open source, tutorial, web development

When To Use JavaScript vs. CSS3 for Animation

January 26, 2015 by Jake Rocheleau

Animated web content has been around for years in the form of GIFs and Flash content. But as those older methods fall to the wayside newer techniques have grown in their place. Back in the early 2000s JavaScript was widely-regarded as the best solution for animated web content. Then an update to CSS created the […]

Filed Under: UX Tagged With: animation, css3, javascript, web design

Modern Tools for Advanced CSS Development

December 26, 2014 by Jake Rocheleau

Web development has taken a turn towards more candid and fluid information. More people are willing to release free open source code just to help the community and other developers working on similar projects. But aside from free code samples there are dozens of handy webapps, resources, tools, and programs built to enhance the frontend […]

Filed Under: CSS Tagged With: css, css3, open source, tools, web development, webapps

  • 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