Currently viewing the category: "CSS"
csstricks2

Sharpen your Cascading Style Sheet Skills over at CSS Tricks

By · 1 Comment

CSS-Tricks is a must bookmark/tweet website. Handy reference site for all kinds of web development tips and tricks. I briefly cover all that CSS-Tricks has to offer.

Continue Reading →
CSS3INFO Featured Image

Learn CSS3 over at CSS3.info

By · Leave a Comment

CSS3.info is a recommended resource for learning all the new CSS3 elements.

Continue Reading →

Two fundamental problems with CSS optimization and compression

By · 2 Comments

Compressing CSS files can greatly reduce the size of the file and thus reduce the amount of bandwidth used every time the file is called from within a webpage.

On this blog I have talked about two tools that assist in compressing CSS files: CSS Tweak and Code Beautifier.

There are two problems [...]

Continue Reading →

Advanced CSS Optimization with Code Beautifier

By · 2 Comments

There are several frustrations working with CSS files. One is keeping the size of the CSS file small so that it does not take up a lot of bandwidth. Second, is keeping the CSS file “clean”. CSS optimizers seek to help users overcome these frustrations.

There are several CSS optimizers out there and I have [...]

Continue Reading →

Easy CSS editing with TopStyle Lite

By · 1 Comment

Ever try to track down a problem in your CSS file and find yourself frustrated in tracking down the exact class or id? When a CSS gets to be a certain length it can be a bear to maintain. CSS files are typically organized logically, never alphabetically so things are easier to find.

I [...]

Continue Reading →

Fixed Width Layouts are best for beginners

By · Leave a Comment

I recently messed around with converting this website over to a liquid layout. For the last couple of months it has been in a liquid form. While I generally liked the look and feel, there were a few problems:

1) The website was borked when viewed with an 800×600 screen resolution. This was not a [...]

Continue Reading →

Cascading Style Sheet Fixed Width Layout Tool

By · Leave a Comment

Designing layouts in CSS can be a pain, especially for beginners. There is so much to think about and consider, especially when trying to maintain standards, accessibility and browser rendering. Then add all the various ways one can TRY and accomplish various layouts. It can be OVERWHELMING. While the code behind CSS is quite simple [...]

Continue Reading →

Using Cascading Style Sheets

By · 1 Comment

CSS files can be implemented in one of three ways: Inline, Internal and External.

Inline

Inline styles are used within the <body> tags of a web page. They can be added to any tag within the body. Example:

<p style=”color:blue”>This is a sentence.</p>

This method mixes content elements with presentation elements. It is [...]

Continue Reading →

Creating Cascading Style Sheets

By · Leave a Comment

How does one actually create a cascading style sheet?

A CSS file is nothing more than a special kind fo text file.

Open Notepad Type

body{
margin : 0;
padding : 0;
font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color : #ffffff;
color : #000000;
}

Click [...]

Continue Reading →

CSS and HTML Tutorials for Kids

By · 2 Comments

If you have a child that is interested in web development, there are very few websites geared towards children.

As I was thinking about this, I figured the earliest a child would be capable of doing the basics would be 5th grade with 6th grade being the point where a child could begin to [...]

Continue Reading →

CSS Optimization: Compressed file helps speed site load time

By · Leave a Comment

Cascading Style Sheet optimization can be a confusing topic.

On the one hand it can mean creating CSS files with the least amount of code. On the other, it can mean compressing a style sheet so it loads faster and hence make your website load faster. In reality, the two do go hand in [...]

Continue Reading →

Why you should validate your Cascading Style Sheets

By · Leave a Comment

Validating CSS files ensures conformance to W3C recommendations.

So what?

Heres the deal with code even simple CSS code: cleaner means leaner and more efficient. Validation ensures the css file can be understood by the modern browsers. Being understood by the modern browser means the presentation of your website can be effectively communicated [...]

Continue Reading →

Site Redesign: Ten keys to keep from going insane

By · Leave a Comment

I was in the middle of writing the series on CSS when the bug to redesign this website hit me. This will be the 5th redesign since I began the site. I really shouldn’t count the first three since I was just learning. The redesign process has taught me some valuable lessons each and every [...]

Continue Reading →

Cascading Style Sheets Example

By · Leave a Comment

There are three parts to a CSS statement

selector property value

Each statement is written like the following:

selector {property: value}

There are three kinds of selectors:

elements classes ids

Elements refer to basic HTML tags: a, img, p, body, div, etc.

Classes are defined selectors. A class is defined by a . [...]

Continue Reading →

What are cascading style sheets

By · Leave a Comment

Imagine a landscape gardener.

At her disposal are plants, seeds, bushes, trees, timbers, bricks, patio blocks, etc.

All these materials are her CONTENT.

Her job is to take those materials and landscape the yard/garden. In other words, to create presentation. Without her presentation skills, the materials remain in one large unroganized heap.

Style sheets [...]

Continue Reading →

Visibone HTML CSS and Color Reference Guides

By · Leave a Comment

It is difficult to find an easy to use reference for HTML and CSS that is also easy to slip into a laptop bag. No one wants to carry around a 30 pound HTML reference book. The solution: Visibone Card Collection or Browser Book.

Each set contains the following:

basic color palette card [...]

Continue Reading →

CSS Tutorial Review

By · 1 Comment

Killersites has a sister site called CSS Tutorial. The site is geared towards giving beginners the opportunity to learn about CSS.

CSS Tutorial offers an introduction to CSS in 6 basic lessons.

Intro – what does CSS exactly do? Basic Web Page Template HTML and CSS DIV Tags CSS and Images Inserting CSS into [...]

Continue Reading →

CSS Template Library

By · 3 Comments

If you are just starting out developing websites in CSS, surf on over to Greys Wolf’s CSS Template Library.

He has created a series of CSS templates demonstrating a variety of columns (2 or 3) and screen positions (left, center, right).
If you are seeking to understand how CSS works this is a [...]

Continue Reading →

New CSS Layout at PIE

By · Leave a Comment

Position Is Everything is a CSS tutorial site that I highly recommended. They work hard to provide solid CSS layouts that work in all modern browsers. They just posted an article called the “Jello Mold PIEfecta“. It is the design for a CSS layout that works with minimal buggage. Check it out and [...]

Continue Reading →