Creating Your Own XHTML & CSS Framework

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

10 Really Outstanding and Useful CSS Grid Systems

cssgrid-lead-image

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

In Depth CSS Part 4: New CSS3 Styles

css-in-depth-4

In the first part of In Depth CSS we talked about margins, padding and the box model. Our second post was on the difference between floats and positions and our third post was all about text. In the fourth, and last, part of our In Depth CSS series, we’ll talk about several new CSS3 features […]

CSS In Depth Part 3: All About Text

css-in-depth-3

In the first part of the CSS In Depth series, we talked about Margins, Padding & the Box Model. Last week in the second part of the series, we also discussed the differences between Floats & Positions. This week in part 3 of our CSS In Depth series, we’ll discuss something more visual and design […]

CSS In Depth Part 2: Floats & Positions

css-in-depth-7

Last week, in the first of our CSS In Depth post, we discussed the difference between paddings and margins, and what the box model is. This week we’ll be discussing positions and floats as well as what the differences are and when it’s best to use them. Both floats and positions deal with the relationship […]

CSS In Depth Part 1: Margins, Padding & The Box Model

css-in-depth-1

In the first of the CSS In depth series, we’ll be talking about margins, padding and the box model. Margins and padding are some of the most widely used styles in CSS, but are often the source of frustration in cross-browser compatibility. In this post, we’ll explain the difference between padding and margins, how the […]

21 Awesome @font-face Embeddable Typefaces

The 2 most popular typefaces used on the web today are surely Verdana and Georgia. They’re great and I used them all the time since they’re web-safe fonts. I use them mostly because I’m not a big fan of flash replacement techniques or solutions that require Javascript (sIFR, Cufon, etc…). But what about the @font-face […]

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3

slidingpanel_full

More and more we see people using horizontal sliding panels on their websites. And they usually look very nice! Some will put a contact or login form in there, others will put some information about them and their website, or even things like a tag cloud or social networking buttons.

Horizontal sliding panels are great for many situations, but like everything else, they’re not always ideal. It depends on the project. To see what I mean by ‘horizontal sliding panel‘, go have a look at my other site Design-Newz, and click on the ‘want more‘ button that’s on the right above the navigation bar.

20 jQuery Tutorials And Plugins To Impress Your Friends

jquery_tuts1

I have always liked playing around with jQuery and I’m sure many of you do too! In fact we’ve published some jQuery ‘getting started‘ guides here on SpyreStudios in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials (most of them have working demos) Here […]