CSS Concept » CSS Design

CSS Concept » CSS Design http://www.cssconcept.com CSS can be just that easy.. Sat, 07 Jun 2008 13:07:15 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 What you should NOT DO IN CSS http://www.cssconcept.com/css/what-you-should-not-do-in-css http://www.cssconcept.com/css/what-you-should-not-do-in-css#comments Fri, 23 May 2008 12:18:16 +0000 admin http://cssconcept.com/css/what-you-should-not-do-in-css In the following article, we will provide some excellent examples of what you should not do in CSS.

IE. behaviors

Behaviors are a certain way to add HTML elements with the use of CSS style.

How can we make exception and avoid problems? Behavior is supported only by IE. What to use else ? = JavaScript and HTML DOM.

1.Typewriter Simulation

The following HTML element has a <style> that defines an behavior for elements with an id.

XML document :

2.Mouseover Highlight

HTML file has a <style> element that defines a behavior for the <h1>.

XML document:

]]> http://www.cssconcept.com/css/what-you-should-not-do-in-css/feed 0 Professional and Beautiful CSS – Based on Design Concepts http://www.cssconcept.com/css-design/professional-and-beautiful-css-based-on-design-concepts http://www.cssconcept.com/css-design/professional-and-beautiful-css-based-on-design-concepts#comments Wed, 14 May 2008 05:11:46 +0000 admin http://cssconcept.com/css-design/professional-and-beautiful-css-based-on-design-concepts Last year and most of all 2006 was very productive, when it comes for design concepts. During that we have seen many non design spaces, but also lots of usable text design, stars, rounded corners, shapes, 3D-effects, and others. We have collect here some of the most spectacular and professional design ever. Have a look.

Shocking Design

Emotions by Mike

Bartelme Design

Designs with more light

Susanne Paschke

Some Dark designs

]]> http://www.cssconcept.com/css-design/professional-and-beautiful-css-based-on-design-concepts/feed 0 Professional Design in CSS http://www.cssconcept.com/css/professional-design-in-css http://www.cssconcept.com/css/professional-design-in-css#comments Thu, 20 Mar 2008 16:41:51 +0000 admin http://cssconcept.com/css/professional-design-in-css We all agree when we see a professional, great and a great design which has impact on visual. Lately we have seen lots of blank documents, text – design, stars, shapes, mirror, and others. We have prepared for you some of the most impressive CSS designs, professional imaginations, and what web-developers are wanting to present to you.. If you want to update the article post a comment and we will review it..shortly ..

Some Light on Designs..

Nice Website designed

Bart – Jan Verhoef

Theologisches Seminar Elstal

More Dark Designs..

Veerle’s blog

Tips in Designs..Just Vibes..

Tennessee and Summer

]]> http://www.cssconcept.com/css/professional-design-in-css/feed 0 Techniques, Tutorials, Styles in CSS http://www.cssconcept.com/css/techniques-tutorials-styles-in-css http://www.cssconcept.com/css/techniques-tutorials-styles-in-css#comments Thu, 13 Mar 2008 06:51:09 +0000 admin http://cssconcept.com/css/techniques-tutorials-styles-in-css We are all agree that web-development has grow very fast lately, more and more techniques are updated daily. A good and strong example is CSS-techniques which almost every day gives more and more updates for web-developers. We have collected the most recent “development” ideas and methods for readers. The following article is more a update to CSS-techniques, layouts and tutorials.

CSS Forms

The Form Garden

A CSS Stylesheets collection..

Resource blog..by Richard Rutter..

Table – less Forms

CSS Forms Editor..

Styling controls

Styling form controls..

CSS Layouts

Three Column Layouts

Css-discuss..

More CSS Templates..

Open Web Design

Free web design..

CSS layouts..Header, Footer, Fluid Center..

Open Source Web design

Is a site to download free web design templates and share yours with others. We help make the internet a prettier place..

CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. .

More layouts..

Multicolumn Layout

Poly layout..

CSS Layout Techniques..

Look Ma No Tables

Techniques for CSS..

Sample CSS Page Layouts

Here are a range of CSS page layouts, including 2 column and 3 column layouts – free to use and abuse as needed..

CSS Tables

Zebra Tables

In large tables it’s often hard to focus on one row, making it hard to extract data from the table.

Pure CSS Scrollable

Using CSS to allow scrolling within a single HTML table

CSS Table Gallery

Tables and Cascading Style Sheets..

CSS Diagrams, Bar Graphs, Star Rater

CSS Star Rating

CSS Star Rating ..

CSS For Bar Graphs

Having a working knowledge of XHTML and CSS when developing applications is a big help in knowing what can be done client-side and what should be generated server-side…

CSS Ratings Selector

Create a star rater..

Super Simple CSS bars

CSS codes..by Tobias Lütke..

Things to do with CSS when you are bored at work..

Dynamic Pie Chart with CSS

” This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries”..

Lightboxes

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers..

More cSS boxes..

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library..

Suckerfish Hoverlightbox

“From time to time I come across some truly impressive techniques that are a great blend of CSS, XHTML, and sometimes JavaScript.”

Lighbox Gone Wild

More Lighbox for users..

Useful script to display an image on the page..

Tutorials

CSS is an excellent addition to plain HTML..

CSS Advanced Tutorial

The CSS Advanced Tutorial is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer..

Listutorial : Step by step CSS list tutorial

Listutorial takes you through the basics of building background image lists, rollover lists, nested lists and horizontal lists..

Making Complex CSS Simple

Making simple work from CSS..

Advanced CSS Layouts

By Rogelio Vizcaino Lizaola and Andy King..

Selectors are one of the most important aspects of CSS as they are used to “select” elements on an HTML page so that they can be styled..

CSS Menu Tutorial

CSS Design, Style and Fun..

Cascading Style Sheets Easy for everybody..

CSS for controlling the style and layout..

CSS Intermediate Tutorial

Like the HTML Intermediate Tutorial, this CSS Intermediate Guide should not be that difficult, but rather build on the basics of the CSS Beginner Tutorial..

Learn CSS Positioning in Ten Steps

This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float..

CSS Beginner Tutorial

The CSS Beginner Tutorial assumes that you know as much about CSS..

Online Tutorials

The House of Style has several cascading style sheets tutorials, with explanations, excercises and worked examples to get you up and running with style sheets as quickly as possible..

CSS and HTML examples

“This is a growing collection of CSS and HTML examples I’ve written. Feel free to use the source described in these pages.”

Style Master CSS Tutorial

This tutorial teaches CSS using both hand-coding..

Cascading Style Sheets are now the standard way to define the presentation of your HTML pages..

CSS Tooltips

Sweet Titles Finalized

JavaScript Tooltips

Bubble Tooltips

Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page..

You can specify any HTML tag as your preferred element..

CSS Lists, Navigation, Menus,

Free CSS Navigation Menu

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer..

FreeStyle Menus

This is an XHTML compliant, CSS-formatted menu script, designed to work with the current generation of standards-based websites..

CSS Based Navigation

CSS menus..

Mini Slide Navigation

Stephen Clark.

Free Vertical CSS Menus

14 Free Vertical CSS Menu..

Turning Lists into Trees

Multi-level unordered list in the form..

CSS Menu Generator

CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based..

Suckerfish Dropdowns

CSS generator..

Ready example showing how to make a folder analalogy..

Free Menu Designs

Free Menu Designs..

Here is a gallery of CSS web menus created with CSS style sheets and without tables..

CSS to build a tabbed display..

More free CSS Navigation

CSS Navigation Menu Designs at ExplodingBoy ..

When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results)..

CSS Tab Designer

CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required..

Accessible Image

Accessible Image-Tab Rollovers..

Flexible navigation Example

The navigation bar shown here is achieved via 3 images, a bit of CSS and some JavaScript..

CSSplay..

Articles

Exploring Footers

One of the nice things about old-school table layout methods is that they enable you to create liquid page designs very easily..

Cascading Style Sheets (CSS) are there to define the look and feel of one or several (x)HTML documents..

Liquid Faux Columns

One of the most frequent layout issues that new CSS developers want to tackle is equal height columns..

Make better Web pages

Understand CSS model..

CSS Hacks and IE7

A discussion of the theory of CSS floating..

In search of the One True Layout

Pure CSS-based layouts have come a long way but they still have shortcomings..

More and more web documents are appearing that consist of nothing more than a collection of div elements..

Vertical Centering in CSS

Though there is a CSS property vertical-align, it doesn’t work like attribute valign in HTML tables..

Create the visual effect of HTML frames with CSS and make the scrolling area stretch to 100 % height regardless of the amount of content..

Ten CSS tricks you may not know

Effective Style

The most important thing being delivered from any Web site is the content..

Common CSS Markup

The Elementary Group Standards..

Miscellaneous

Cascading Style Sheets..

Architecting CSS

CSS is to devise a plan for organizing files..

Stylish allows easy management of user styles..

Dynamic Drive CSS Library

Here you’ll find original, practical CSS codes and examples such as CSS menus to give your site a visual boast..

CSS Advanced Tutorial

The CSS Advanced Tutorial is for those who want to push CSS to the extreme..

CSS tests and experiments

Floats, Containers, margins..any many others..

CSS Organization

CSS Tips..

The X-Ray extension let’s you see the tags on a page without viewing the sourcecode..

CSS Panic Guide

This is not a complete resource, this is a fast resource. .

CSS and Design Showcases..

Beginner’s guide from a seasoned CSS

Authentic CSS..

CSS Galleries

Design Inspiration..

Big collection of screendesigns..

CSS Reboot..

Webdesignbook.net

Webdesign reference book..

Well Designed Weblogs

Well-Designed Weblogs series ..

No Resolution is the only site dedicated to fluid and elastic design with CSS..

Tips & Tricks

Image Preloader

Click this..

CSS Browser Selector

Trick to help you with your CSS hacks..

Liquid Round Corners

Multifunctional flexible css-concept with transparency for creating dynamically changing not rectangular borders..

Pure CSS Popups

E. Mayer..

CSS Drop Shadow

Drop shadows. Love ‘em or hate ‘em, we can’t get away from them..

A more accessible map..

CSS hacks..

CSS – Schieberegler

A Slider with CSS..

]]> http://www.cssconcept.com/css/techniques-tutorials-styles-in-css/feed 0 CSS in Templates Design http://www.cssconcept.com/css-design/css-in-templates-design http://www.cssconcept.com/css-design/css-in-templates-design#comments Thu, 28 Feb 2008 18:53:27 +0000 admin http://cssconcept.com/css-design/css-in-templates-design Web-developers medium or professionals always are in search for free templates for their projects. Though free design templates must avoid few steps, unattractive, boring, inaccurate for visitors and why not web-developer itself. On the web you can find good quality templates fro free, though now you can achieve for few bucks high professional templates for a best price. You can download Flash-based templates or CSS-based layout for free, more or less these can be used with no restriction, though the license can be check, because they are changing all the time..

Free-Flash-Template

Flash Templates for Free

Hot Free Templates

Photoshop Templates, Web Templates & Graphics for Free

Free Website Templates..

Template Monster

Web Templates, Flash Templates, Website Templates..

Free Web Templates

Free website templates and page layouts…flash templates, business templates..

Web Templates and Flash Templates Free..

Web templates, Frontpage and Dreamweaver Templates Free..

Free Website Templates

Free CSS Templates

Latest Free CSS templates..

Website Templates, Free Photoshop Web Templates..

Free Web-Templates

Free Web Templates..

Open Web Design

Free web design to download..

Photoshop Browser Templates

Free Photoshop browser templates ..

Template Navigator

Free Web Templates | Free Flash Templates..

Download free Dreamweaver templates..

Linkware Sets..

R. web templates

Free web templates, web logos, web buttons ..

Template Perfection

Free Templates..Flash and others..

Master Templates

Free Templates Online

Free Web Templates..

Snakeye Web Templates

Free Dreamweaver Web Site Templates..

FREE Templates and Themes for Mambo, Joomla, PHPNuke, vBulletin, WordPress, phpBB, e107, PHP-Fusion and XOOPS..

Web Page Templates and Graphics..

Free website templates..

Dotcomwebdesign

Free Website Templates..

Free Templates..with Terms to use..

Freewebtemplates

Free Design Templates..

Free Web Templates..

Source Templates

Best free css and xhtml open source template design ..

Steve’s free website templates

Free templates ..

Webdesignerhelper

FREE Full page templates..

Open Source Web Design

Free web designs..

Free templates..

]]> http://www.cssconcept.com/css-design/css-in-templates-design/feed 0