SpyreStudios - Design and Development Magazine

HTML5 and CSS3 Expanded the possibilities of Web Design.There are lots of designers and developers who started practicing HTML5 and also started implementing them in their web designs. In this roundup we have featured 30 useful HTML5 tutorials that will definitely help developers increase their skills..

Making a Beautiful HTML5 Portfolio

In this post we have collected some useful and excellent jQuery tutorials for web developers and designers. Enjoy!!

How To Build a Sliding Feature Slideshow with jQuery

Photobooth with PHP, jQuery and CSS3

In this roundup we have showcased some of the creative illustrator tutorials from 2011. These include typography, character design, poster design, logo design, portrait design and many more. Enjoy!!

Artistic Printing Inspiration in Illustrator and Photoshop

Create a Lava Island Scenario in Illustrator

I love Photoshop. I guess we all do. But I believe Fireworks is better suited for web-design work and I usually prefer it over Photoshop. After all Fireworks was created with web-designers in mind and it allows us to quickly prototype and design for the web, so let’s see what it can do.

I’ve created this simple yet modern navigation bar in Fireworks, and I’ll walk you through the steps necessary to create something like that. In the event there are some windows and panels you don’t see opened on your computer, simply go to the ‘Windows‘ menu and open them.

All PHP developers working with user-based content face similar challenges with security. What methods to take, how to avoid certain vulnerabilities, all these elements resulted in innovation of new security methods and techniques designed to fight against unintended loopholes in their code.

While sometimes remembering the basics can help, we discuss several different techniques to minimize security vulnerabilities that may arise otherwise.

In this tutorial we’re going to be creating a gorgeous and modern user interface button suitable for the web or a mobile interface design. We’ll be using a handful of Photoshop techniques that are bound to come in handy for more than just creating buttons; in fact, the techniques we’ll be using are often used in most UI elements.

Create a new Photoshop document (I’ve used a 1000×1000 pixel RGB 72dpi document for this tutorial – keep in mind this will need to be a high resolution if you’re designing for a mobile device with a high resolution display such as an iPhone 4). Fill your background layer with a color of your choice, I used this lovely mid-blue color.