Category: Tutorials

Simple CSS Tricks to Greatly Improve Site Typography

When creating a minimalist or simple website design, typography plays a key role in adding contrast and interest that would normally be done with images. Because of that, it’s essential that the typography looks professional and is well-tuned with the rest of the design. Here are a few CSS tips to make sure you get […]
csshead 0 Comments

Backgrounds In CSS: Everything You Need To Know

Backgrounds are a core part of CSS. They are one of the fundamentals that you simply need to know. In this article, we will cover the basics of using CSS backgrounds, including properties such as background-attachment. We’ll show some common tricks that can be done with the background as well as what’s in store for […]
csshead 0 Comments

Horizontal and Vertical Centering Using CSS: A Beginner’s Guide

There comes a time in every web designer’s life, when you’re trying to center an HTML element and it’s failing miserably. You’re ready to pull the plug on CSS, revert back to tables, and use deprecated tags and attributes like: center, align, and valign. In this tutorial we’re going to shed some light on the […]
csshead 0 Comments

How To Create a Pure CSS Polaroid Photo Gallery

Magical things can be done by combining various CSS properties, especially when some of the new CSS3 tricks are thrown into the mix. Let’s take a look at building a cool looking stack of Polaroid photos with pure CSS styling…
csshead 0 Comments

Active State in Navigation – CSS Navigation Tutorial

I am sure you have been on a website where the navigation has an “active” state, basically showing you which page you are currently on. It’s a great way to let visitors know exactly where they are on a site. This tutorial shows you how to use a CSS sprite to create a navigation menu […]
csshead 0 Comments

How to detect screen size and apply a CSS style

I needed today to format the content differently according to the screen resolution of the user. So I thought that just by detecting the screen width using the screen.width property, I could change the stylesheet using jQuery. And so it was. Check the example and continue reading…
csshead 0 Comments

Aligning Images The Right Way Using CSS

Images are great for blog posts and chunks of text in general. Even if they’re just remotely relevant, they’ll add some space and make the content more accessible. You want to spice your texts up with images.You can position images however you like, of course, but a nice feature is to have the floating to […]
csshead 0 Comments

@font-face and 15 Free Fonts You Can Use Today

Fonts are a huge part of design (as we all know). Text on the web needs to be much more dynamic than in any other media. We have solutions like Cufón, sIFR, etc. but perhaps one of the better options is using @font-face in CSS. We’ll take a quick look at using @font-face in CSS […]
csshead 0 Comments

Supercharge Your CSS with PHP Under the Hood

Cascading Style Sheets is a presentational style sheet language. In that sense, it does not have a lot of the functionality that many developers want to satisfy their programmer instincts. Today, we’re going to learn how to supercharge your CSS by putting some PHP under the hood…
csshead 0 Comments

CSS Table Tutorial

Learn how to make professional tables with only CSS. You’ll learn how to alternate table row colors as well as how to create a table row hover…
csshead 0 Comments
« Previous Page — Next Page »