Simple CCS Design

Round corners with CSS

2007-09-27T06:00:00.000-07:00

Let’s start with a ‘rounded-corner’ tutorial. In this tutorial you’ll learn how to make them. This isn’t the only method there is to produce round corners; this is just the method I use.

First, make two files, called index.html and roundcorners.css. We’ll start with the index.html. The code provided isn’t everything you should have in your index.html. You should know how to add structure in your document. If not, please download the final code at the end of this tutorial.

This is very simple. We start with a DIV with id ‘box’. This is the box where all the elements of the box will appear in. In this box, we’ll add the corners and the content. Take a look below to view the codes.

full version: http://www.divitodesign.com/blog/2007/07/round-corners-with-css/

Easy CSS Layouts with YUI CSS Grid Builder

2007-09-27T02:18:00.001-07:00

In the world of web developers there are two standard ways of laying out a web page. The classical way is to use tables and structure your web page like you would an Excel Spreadsheet or a Word document. The second is to use Cascading Style Sheets that let you create elements on the page and position them according to your needs. For a large variety of reasons CSS based layouts are the way to go: they use less code, they are more customizable, they support various effects that aren't possible with tables, and they run faster in modern web browsers. The problem? They are darn hard to code!

full version:
http://www.downloadsquad.com/2007/09/24/easy-css-layouts-with-yui-css-grid-builder/

Grid Computing… and Design

2007-09-26T23:51:00.001-07:00

The layout grid I used for Subtraction Six.5 was improvised and inconsistent — I hobbled it together without much consideration or foresight, more interested in getting something finished than building something that would continue to make sense as I got more and more serious about the writing I post here. Over time, by virtue of repeated use, I became increasingly and lamentably invested in its tremendous shortcomings. When you make fairly liberal use of illustrations in your posts, you essentially wed yourself to the particulars of the CSS you’ve established, creating graphics of a certain width or ordering content in a particular method. It works in the short term, but it presents problems when you sit down to redesign.

full article http://www.subtraction.com/archives/2004/1231_grid_computi.php

Text Effect Tutorials

2007-09-26T02:55:00.000-07:00

Text and the way it looks is a major part of any design. A great design can be cheapened if the text on the page looks wrong. Any logo is almost entirely text. From water to fire, these 51 tutorials will show you how to create any style of text you want.'

Read More: http://www.designvitality.com/blog/2007/09/photoshop-text-effect-tutorial/

CSSEdit 2.5

2007-09-25T23:00:00.001-07:00

Design beautiful, innovative and fast-loading web sites… with a beautiful, innovative and fast app. CSSEdit's intuitive approach to style sheets and powerful previewing features will make you deliver awesome standards-based sites in no time!

read more http://macrabbit.com/cssedit/

lxml.cssselect

2007-09-25T00:26:00.000-07:00

lxml supports a number of interesting languages for tree traversal and element selection. The most important is obviously XPath, but there is also ObjectPath in the lxml.objectify module. The newest child of this family is CSS selection, which is implemented in the new lxml.cssselect module.

full article http://codespeak.net/lxml/dev/cssselect.html

CSS Library Image CSS

2007-09-21T01:00:00.000-07:00

http://www.dynamicdrive.com/style/csslibrary/category/C4/

CSS Library Image CSS - "Here you'll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast."

Keryx (X)HTML Elements Best Practice Sheet

2007-09-19T03:51:00.000-07:00

All elements are sorted within their groups in prioritized order. Recommended (X)HTML versions are mint-colored. You may like the PDF-version or the Open Office version better, especially for printing.
Since your browser does not understand true XHTML, this is a slightly dumbed down version!

SEE FULL TABLE

http://keryx.se/resources/html-elements.xhtml

Dotemplate

2007-09-19T03:07:00.000-07:00

Free online web template generator. visit http://www.dotemplate.com/

Image Compression: Seeing What's Not There

2007-09-12T05:33:00.000-07:00

In this article, we'll study the JPEG baseline compression algorithm..

full article http://www.ams.org/featurecolumn/archive/image-compression.html

50 Common Web Design Mistakes

2007-09-12T03:03:00.000-07:00

This started out as a “Top Ten Newbie Web Mistakes” for my beginning web design students but it quickly became obvious that I couldn’t limit it to only ten. I was finally able to edit it down to 50. But I suspect, as soon as the comments start, it will begin growing again.

And, yes, I’ve made them all at one time or another.

read from http://www.designrefugee.com/design-blog/50-common-web-mistakes.html