Webmaster Tips » CSS RSS

Jan 31, 2008

CSS Gradient Text Effect

Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6..

Source: CSS Gradient Text Effect   Tags: CSS
Oct 30, 2007
Christine Abbate

6 Benefits of using CSS for SEO

Rating: 3.5 stars

When looking to optimize your website, one of the very first things you should do is take a look at your source code. Is it long and unclear? Hard to read and find what you're looking for? If so, then you probably aren't using a Cascading Style Sheet, or CSS, as it's more commonly referred to.

Using Cascading Style Sheets is crucial to your website's optimization. Here are a few reasons why..

Keep reading: 6 Benefits of using CSS for SEO   Tags: SEO CSS
Aug 27, 2007
Pete Taylour

How to beat Internet Explorer when it comes to CSS

Rating: 5 stars

I am guessing an article on this subject has been posted prior to this one, I should hope a few have! However I hope this will provide a refreshing angle on the subject and branch to some other interesting bits of stuff.

I am sure that anyone who has taken even only a few steps into web development has come across the gigantic force that is Microsoft's Internet Explorer. Even for the most experienced coders, the most popular browser of this age has always been a prominent foot across the path of our websites technological progression and the possibilities of which the internet is yet to yield. Maybe not crushing ideas, but certainly making it a lot harder to bring these ideas from paper to browser..

Aug 6, 2007
Sasch Mayer

Replace tables with DIVs and CSS

Rating: 3.6 stars

By now, most web designers are aware of the many benefits of using (CSS) to control the formatting and appearance of text elements within their web pages. Indeed, if applied properly, Cascading Style Sheets can substantially cut down the amount of code needed to present a web page in a polished and professional manner..

Keep reading: Replace tables with DIVs and CSS   Tags: CSS HTML
Jun 21, 2007
Trenton Moss

How to set up a print stylesheet

Rating: 5 stars

A print stylesheet formats a web page so when printed, it automatically prints in a user-friendly format. Print stylesheets have been around for a number of years and have been written about a lot. Yet so few websites implement them, meaning we're left with web pages that frustratingly don't properly print on to paper..

Keep reading: How to set up a print stylesheet   Tags: CSS
May 11, 2007

70 Expert Ideas For Better CSS Coding

CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. An easy way to minimize the complexity of the code is as useful as not-so-well-known CSS attributes and properties you can use to create a semantically correct markup.

We’ve taken a close look at some of the most interesting and useful CSS tricks, tips, ideas, methods, techniques and coding solutions and listed them below. We also included some basic techniques you can probably use in every project you are developing, but which are hard to find once you need them.

And what has come out of it is an overview of over 70 expert tips, which can improve your efficiency of CSS coding. You might be willing to check out the list of references and related articles in the end of this post.

Apr 19, 2007
Arun Pal Singh

Understanding CSS

Rating: 3.8 stars

In the good old days of the web tables were an essential requirement for creating a webpage. The first thing in laying out a webpage was to create a table. Table was then further divided into cells. Using different combinations of border and shading a number of effects could be created. But the tales and cells also created confusion and messy websites. But with advent of CSS tables can finally be replaced.

If you have been using tables in the past you will appreciate how relieveed we are by CSS. When you work with tables your HTML becomes a mess of confusing rows and columns, with no clear markers of which parts of the page do what. It is fine in the beginning but the problem occurs when you want to redesign the website. In that case you would have to extract your content from the HTML and start building the tables all over again..

Keep reading: Understanding CSS   Tags: CSS
Jan 24, 2007
Larry Lang

Cascading Style Sheet Basics

Rating: 4 stars

There are only three parts to Cascading Style Sheets (CSS), and once we understand what they are and how to use them, CSS becomes very easy and exciting to use. One of the best parts of CSS is that you can create an external Cascade Style Sheet which you can use for all web pages on your website. You can also have one CSS for all of your articles and a different one for all of your press releases. Making one change in your CSS, you are able to effect changes to a few web pages or to hundreds of web pages without ever touching any of the different web pages themselves.

Keep reading: Cascading Style Sheet Basics   Tags: CSS
Jan 8, 2007

CSS Cheat Sheet

The CSS cheat sheet is designed to act as a reminder and reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for. A description of what is on the cheat sheet follows, or if you are impatient, you can go straight to the full size CSS cheat sheet..

Source: CSS Cheat Sheet   Tags: CSS
Sep 7, 2006
Trenton Moss

Preparing your CSS for Internet Explorer 7

Rating: 3 stars
Later on this year Microsoft will officially release Internet Explorer 7. If you can't wait until then, you can download a beta version and see how it works. Microsoft has hinted that IE7 is officially released they'll be looking to quickly upgrade users from IE6, so it's essential that your website is prepared for this new browser..