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

How to Make Your Own SVG Files

August 12, 2020 by Sangalang Kristine

Using images is essential in web design. This is why knowledge about different image formats is important for web designers. Not only this, but it is also necessary to learn about the functions of each type of image. Knowledge on how to create and edit such images are also considered as essential skills for web […]

Filed Under: Tools Tagged With: svg, tutorial

Photoshop Basics: How to Feather in Photoshop

July 20, 2020 by Sangalang Kristine

What is ‘Feather’ in Photoshop? To ‘feather’ an image simply means to soften its edges. In some references, ‘feathering’ is also called blurred edges. Feathering is done to an image for a variety of purposes. This is usually used to isolate a certain part of an image, to use an image as an artistic portrait, […]

Filed Under: Photoshop, Tutorial Tagged With: adobe photoshop tutorials, Photoshop tutorial, tutorial

Photoshop Basics: How to Rotate an Image in Photoshop

July 13, 2020 by Sangalang Kristine

Changing the orientation of an image may be necessary when editing in Photoshop. There are different ways on how to rotate an image in Photoshop. There are straightforward ways to rotate an image, while there are other clever tricks to do the same. Here are a few tips and tricks on how to rotate an […]

Filed Under: Photoshop, Tutorial Tagged With: adobe photoshop tutorials, Photoshop tutorial, tutorial

Draw with CSS: Using CSS To Draw Elements

October 22, 2018 by Alex Fox

With clever use of CSS properties, it is in fact possible to draw very complex shapes. All the shapes below were drawn with CSS alone. It might be that CSS isn’t the best way to render shapes in the browser window, but it’s very fast and included for “free” on all modern browsers. Learn how […]

Filed Under: CSS, Tutorial Tagged With: css, drawing, tutorial

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

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

Recreating Photoshop Effects in CSS – Part 1 – The PSD

May 26, 2015 by Jake Rocheleau

Freelancers and agencies both require a smooth design workflow. This typically starts out with drafting wireframes that eventually turn into full mockups. These mockups are coded into HTML/CSS layouts that are finalized and handed off to the client. It may seem daunting but if you want to understand the full creation process then it’s worth […]

Filed Under: Tutorial Tagged With: freebie, photoshop, psd, tutorial

  • 1
  • 2
  • 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