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

25 More Books For Designers, Developers And Web Workers

March 23, 2011 by Jon 8 Comments

A while ago we shared 25 great web-design and development books and since this earlier post got a great response (and we’ve read a lot more books since), we’ve now gathered another 25.

In this list you’ll find books about design, theory, development, css, html and a lot more. I hope you enjoy the post!

Filed Under: Books, CSS, Design, Development, Resources

Applying a Clean & Imageless Design to an Article – Part I

January 10, 2011 by Matt Ward 7 Comments

Applying a Clean & Imageless Design to an Article – Part I

For Christmas this year, my beautiful wife gave me a copy of The Web Designer’s Idea Book, Volume 2. Obviously, I have been perusing the book, and I am finding that there are tons of awesome web designs to take in. I’m super happy with the gift and I expect that it will prove to be a highly valuable resource throughout 2011, and beyond.

Yet, even just a quick perusal of the book reveals the prevailing influence of Photoshop (or other graphics programs) on the industry at large. Today, the web is full of beautiful, rich and colourful graphics that continuously amaze and impress us in all manner of very legitimate ways. But just because we can include all of this incredible imagery, it doesn’t necessarily follow that we have to. Sometimes, the simple use of colour, shape and typography can create an attractive and elegant design all on its own.

Filed Under: CSS, Design, Minimalism, Typography

Brilliante Blog Layout – Coding The PSD File Into CSS and HTML

January 3, 2011 by Taty Grassini 16 Comments

Brilliante Blog Layout – Coding The PSD File Into CSS and HTML

In this tutorial, we’ll be revisiting the Brillante blog design, covering the PSD slicing, HTML/CSS coding, custom fonts embedding and some handy cool tips to improve your website performance.

This is Part 2 of 3 of the Photoshop blog design called Brilliante, published some time ago on SpyreStudios and designed by Mahmoud Khaled Deiab.

In this second part, I’m gonna walk you through the PSD to HTML/CSS coding process. Third part will be about creating a WordPress theme. Let’s begin!

Filed Under: CSS, Design, Development, Photoshop, Tutorial

How To Create a Sweet CSS3 Vertical Navigation

December 15, 2010 by Eric Hoffman 14 Comments

How To Create a Sweet CSS3 Vertical Navigation

Today we’ll be creating a beautiful vertical CSS3 navigation, without the use of images. Basically we’ll display a circle with an icon in the center. When the user hovers over the circle, it expands and shows a short description.

Now you may be wondering: how are we going to display an icon without images? Well, Drew Wilson’s (fabulous) Pictos font makes this quite simple. Unfortunately (but understandably) it’s not free, you can purchase is for $49 here. Luckily, there are other icon fonts out there like iconic, which you can use for free.

I should also mention that this has been tested using Webkit browsers only (Safari, Chrome). It may work in other browsers but probably with limited support. Check out the demo here!

Filed Under: CSS, Development, HTML5, Tutorial

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

November 19, 2010 by Eric Hoffman 24 Comments

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

Today we’ll be creating a bar that pops up at the top of a page, and stays above the content (similar to ‘hellobar’). The popup bar was only tested in Chrome and Safari and may not work in other browsers. The bar can be used to display information, for example your latest blog post, to the user.

The way the bar pops out at the top makes sure it’ll be seen. And after the visitor has seen the information, he/she has the option to hide the bar.

Filed Under: CSS, Development, HTML5, jQuery, Tutorial

Creating a CSS3 Generator with CSS3, HTML5 and jQuery

November 1, 2010 by Eric Hoffman 14 Comments

Creating a CSS3 Generator with CSS3, HTML5 and jQuery

Many of you have probably already seen some of those CSS3 generators that have been poppin’ up? Have you perhaps been wondering how they’re made? Wonder no more, that’s what we’ll be creating today, using CSS3, HTML5 and jQuery.

The CSS3 generator we will be creating is Webkit only, so make sure you open up the demo in a Webkit browser like Safari or Chrome.

Filed Under: CSS, Development, HTML5, jQuery, Tutorial

How To Create a Stylish Content Slider using CSS3 & jQuery

September 20, 2010 by Eric Hoffman 35 Comments

How To Create a Stylish Content Slider using CSS3 & jQuery

With the amount of content available online these days, we sometimes have to resort to using different techniques in order to show/hide/group some content or information on a web page. Content sliders are very popular because they work and usually don’t hinder usability and in many cases can even improve the user experience. Today we’ll […]

Filed Under: CSS, Design, jQuery, Tutorial

10 Great Tips for Writing Better And More Comprehensive CSS

August 16, 2010 by GrindSmart Media 37 Comments

10 Great Tips for Writing Better And More Comprehensive CSS

There are many different coding styles, some do not like indentation, some like to capitalize certain things, others like to add more than one element on a line, the main train of thought is they are all after one common thing: organization and better code. Without influencing my coding style, we’ll discuss ten tips for […]

Filed Under: Article, CSS, Tutorial

Creating Your Own XHTML & CSS Framework

May 25, 2010 by Amber Weinberg 38 Comments

Creating Your Own XHTML & CSS Framework

A lot of developers like to use a framework when they code. While frameworks can save you valuable coding time, I believe using pre-made frameworks to sometimes be limiting and unproductive. Of course, I’m talking about pre-made HTML and CSS frameworks like Yahoo’s YUI or the 960gs framework, not WordPress, Drupal or some full-featured CMS. […]

Filed Under: CSS, Tutorial

10 Really Outstanding and Useful CSS Grid Systems

April 11, 2010 by Joel Reyes 42 Comments

10 Really Outstanding and Useful CSS Grid Systems

Grids are an invisible foundation that structure the websites we develop and design. This invisible foundation makes it possible for rapid development, concise code, and a much more organized layout. Of course you’re not obligated to use a grid, and grid-less websites are fine if the random structure is intended, however, if avoidance of a […]

Filed Under: CSS, Design, Resources, Tools

  • « Previous Page
  • 1
  • 2
  • 3
  • 4
  • Next Page »

SpyreStudios © 2018