CSS Concept http://cssconcept.com CSS can be just that easy.. Sat, 07 Jun 2008 13:07:15 +0000 http://wordpress.org/?v=2.3.3 en CSS Syntax http://feeds.feedburner.com/~r/CssConcept/~3/306778392/css-syntax http://cssconcept.com/tutorials/css-syntax#comments Sat, 07 Jun 2008 13:05:37 +0000 admin http://cssconcept.com/tutorials/css-syntax Syntax

The concept of CSS Syntax is made of three parts :

a) selector

b) property

c) value

174.jpg
Selector = HTML element/tag that you wish to define. Property = the attribute that you wish to change. Each property can take a value. The last two are separated by a colon, surrounded by curly braces :

175.jpg

(more…)

]]> http://cssconcept.com/tutorials/css-syntax/feed http://cssconcept.com/tutorials/css-syntax Classic two-column layout with left side - Tutorial http://feeds.feedburner.com/~r/CssConcept/~3/306755664/classic-two-column-layout-with-left-side-tutorial http://cssconcept.com/tutorials/classic-two-column-layout-with-left-side-tutorial#comments Sat, 07 Jun 2008 12:02:10 +0000 admin http://cssconcept.com/tutorials/classic-two-column-layout-with-left-side-tutorial The following tutorial will make a simple two-column layout. For the beginning the page is simple, and you know that the content (images, text) is marked with HTML code between the <body> and </body> tags.

First We will have this :

167.jpg

(more…)

]]> http://cssconcept.com/tutorials/classic-two-column-layout-with-left-side-tutorial/feed http://cssconcept.com/tutorials/classic-two-column-layout-with-left-side-tutorial CSS Styleguides a fast way to reach Readability http://feeds.feedburner.com/~r/CssConcept/~3/301202144/css-styleguides-a-fast-way-to-reach-readability http://cssconcept.com/tutorials/css-styleguides-a-fast-way-to-reach-readability#comments Fri, 30 May 2008 11:47:38 +0000 admin http://cssconcept.com/tutorials/css-styleguides-a-fast-way-to-reach-readability    For your first develop, you are ready to drop all the structures of the project that contains classes, schemes and so many codes and you are ready to start the next one. For comprehending coding, you need more time, perhaps less, but as fas as I know coding is lit bit hard and nasty. And after time goes by, codes starts to get complex, they are starting to get very high complex, depending on the project. So, how can you get sensible structure? Make use of comments - after the projects itself has been ended.

In time, each developer started to make more creative and inventive the comments and format of the text and to improve the surveillance of CSS. This are structured in CSS-styleguides - master of CSS code which offer for developers very helpful hints for the structure of the code and many information of the background related.

The following article has 5 techniques that can improve your developing skills. The following codes can be apply to CSS and also to any stylesheet that you are using.

(more…)

]]> http://cssconcept.com/tutorials/css-styleguides-a-fast-way-to-reach-readability/feed http://cssconcept.com/tutorials/css-styleguides-a-fast-way-to-reach-readability CSS - a Way to lead to Master Design http://feeds.feedburner.com/~r/CssConcept/~3/301160196/css-a-way-to-lead-to-master-design http://cssconcept.com/resources/css-a-way-to-lead-to-master-design#comments Fri, 30 May 2008 10:23:35 +0000 admin http://cssconcept.com/resources/css-a-way-to-lead-to-master-design    Since we have started our articles of what CSS is about, several visitors have asked us, if CSS really can develop a web site from 0 - 100 % when we are talking of design. Well, sure..since CSS has become more used than ever, we are glad to be the first that make a first connection with CSS and the real designing techniques. We refer that at the copied templates or scripts and made few changed after, we refer at the real web developer, who know what CSS and coding means.

You will find here also principles in web design. 

CSSconcept has collected a list of some of the most attractive and professional websites, that we have considered most attractive. We hope that in your developing you will have time and see their result, and maybe you will apply some of their layouts in yours.

 DesignView/Andy Rutledge

139.jpg

(more…)

]]> http://cssconcept.com/resources/css-a-way-to-lead-to-master-design/feed http://cssconcept.com/resources/css-a-way-to-lead-to-master-design Centering an image in a div http://feeds.feedburner.com/~r/CssConcept/~3/300728342/centering-an-image-in-a-div http://cssconcept.com/tutorials/centering-an-image-in-a-div#comments Thu, 29 May 2008 18:59:11 +0000 admin http://cssconcept.com/tutorials/centering-an-image-in-a-div   For centering  images inside  a div with CSS you need to apply the following steps. If your HTML code looks like this :

HTML code: 

133.jpg

The next move is to apply display:block; for the image and set the margins (left and right) to ‘auto’ like this :

(more…)

]]> http://cssconcept.com/tutorials/centering-an-image-in-a-div/feed http://cssconcept.com/tutorials/centering-an-image-in-a-div Styles used Everytime I start a new site http://feeds.feedburner.com/~r/CssConcept/~3/300705134/styles-used-everytime-i-start-a-new-site http://cssconcept.com/css/styles-used-everytime-i-start-a-new-site#comments Thu, 29 May 2008 18:10:46 +0000 admin http://cssconcept.com/css/styles-used-everytime-i-start-a-new-site No matter what you are choosing for your design to look like at the end of your development, it is impossible not to add few CSS declaration every time. These are essential for development.

body {padding:0;}

It removes the gap around the edges.

body {background:#fff;} (or whatever color is appropriate)

It is being used just to be granted that white has been choose as default for background , for each browser’s.

form {padding:0;margin:0;}

The form is important not th input.

ul {margin:0;padding:0;}

Padding and margin are set to o.

a img {border:0;}

For margin you will add it if necessary.

]]> http://cssconcept.com/css/styles-used-everytime-i-start-a-new-site/feed http://cssconcept.com/css/styles-used-everytime-i-start-a-new-site Different Styles to IE6 and IE7 http://feeds.feedburner.com/~r/CssConcept/~3/300694946/different-styles-to-ie6-and-ie7 http://cssconcept.com/tutorials/different-styles-to-ie6-and-ie7#comments Thu, 29 May 2008 17:50:55 +0000 admin http://cssconcept.com/tutorials/different-styles-to-ie6-and-ie7    Web developers are very familiar with conditional comments when it comes to serve styles for certain versions of Internet Explorer. Though multiple conditional comments are able to be used. We have here an example of what can be used in this type of coding.

 CSS code:

(more…)

]]> http://cssconcept.com/tutorials/different-styles-to-ie6-and-ie7/feed http://cssconcept.com/tutorials/different-styles-to-ie6-and-ie7 Updates and news in CSS http://feeds.feedburner.com/~r/CssConcept/~3/300582822/updates-and-news-in-css http://cssconcept.com/resources/updates-and-news-in-css#comments Thu, 29 May 2008 14:30:18 +0000 admin http://cssconcept.com/resources/updates-and-news-in-css We have made several research and collected some of the high top CSS website resource.Tutorials, books, mailing lists for users, etc..

CSS News :

XTech 2008 : The Web on the Move - Improvements in browsers and research in advanced layout.

Prince : What’s New - Prince is a computer program that converts XML and HTML into PDF documents. Prince can read many XML formats, including XHTML and SVG. Prince formats documents according to style sheets written in CSS.

Learning::free courses - new content and techniques

Easy Blog Design Tool - Online Based CSS Authoring Tool/Download with wordpress or movabletype template formats/No need knowledge of CSS ,(X)HTML or blog templte tags./A lot of tools available: Image Maker, many templates etc.

Aurelia Main - Aurelia Reporter 3.2 with support for Windows Vista and Server 2003.

            (more…)

            ]]>             http://cssconcept.com/resources/updates-and-news-in-css/feed http://cssconcept.com/resources/updates-and-news-in-css