CSS pseudo-classes
A pseudo-class is a class that exists regardless of the fact if the attribute class was set for an element or not.
Such classes always exist and are supposed for some elements and their conditions.
Pseudo-classes of the element «a» are most spread. For the element «a» there are four pseudo-classes according to the condition of this element at the moment: hover, link, visited and active.
Correct setting of CSS-code
The rules of CSS-code setting are pretty simple and if you strictly follow them your code will be readable and correct.
Here is an example of a typical CSS fragment:
#navigation a:hover{
border: 1px solid #fff;
background: #ddd url(bg-btn.gif);
}How to create your own designed icon?
When you have a web site page loading you can see sometimes a small icon (or a picture if you want) in the address bar. A more common name of such icon is favicon (stands for shortening of two words - “favorite” and “icon”) - a small picture in the ICO format sized 16х16 pixels.
The Units
To set the values of different CSS elements we use absolute and relative units. Relative units set the length regarding another property of the length...
How to create your own designed icon?
When you have a web site page loading you can see sometimes a small icon (or a picture if you want) in the address bar. A more common name of such icon is favicon (stands for shortening of two words - “favorite” and “icon”) - a small picture in the ICO format sized 16х16 pixels.
min-width, max-width, min-height for ie6
Parameters min-width and max-width are often used in CSS layer coding since it allows to set minimum or maximum width of the external layer. Such a limitation is necessary in order to restrain your browser from changing width of external blocks when the browser window size is being changed as well.
Elsewise the layers start deforming the structure and the original modular grid of the page tears down.
Let's consider a case when we settle the maximum width of the screen in details.
Browser Internet Explorer6 (IE6) unlike other popular browsers does not support style attribute min-width that's why we have to use other means for coding in this web browser.
Simple CSS recommendations:
1. How to align the layer in the middle of the web-page?
To center a layer you shall set a fixed layer width in % or pixels. Then you shall add a paragraph on the left and on the right with "auto" value to the style of the layer.
An example:
#wrap{
width:1000px; /*set a fixed width to the layer*/
margin:0 auto; /*margin is to set a value 0 for the top/bottom paragraphs from the layer, and auto sets the left/right paragraphs from the layer */
}
General rules and recommendations for HTML/XHTML programming
What a standard HTML-document starts with? Surely wiith its type description! And here we use a declaration named DOCTYPE!.
At first you shall make up your mind concerning what ktype of document you are going to create.
What do we actually need DOCTYPE for? DOCTYPE is some kind of a document definition for the browser.
To note that in the Internet space you may meet many documents that contain an incomplete DOCTYPE declaration or don't contain it at all. If DOCTYPE is absent, the browser chooses the document type by default that may differ from what you expect to see.
read more...
HTML Programming via Layers
Frames and tables used to be taken for the principle HTML programming types. But time flies and as new web browsers supporting art-of-state technologies appear the situation has changed. Web programmers have received large opportunities in the field of HTML programming with layers similar to those that one can meet in Adobe Photoshop. However, if frames being too cumbersome have lost their popularity, HTML tabled-type programing still have its sticklers that are holding a fierce fight with those who prefer layer-typed HTML programming. As a matter of fact, tables have their own disadvantages but prior to its simplicity in learning this method is indeed popular among beginners and some professionals sin by using tabled-type HTML programming on their web site.
read more...
What makes any website successful?
What makes any website successful? What increases the number of your visitors, making them coming back again and again? The answer is simple - surely, web graphics on your web site! If you have a professional web design you may consider to have half the battle on the business battlefield!
Bright and efficient graphics on your web pages will catch an eye, help to promote your business, serve as your visiting card and generally make the first impression about your business and its owners.
The elements of graphics on your web site must be loaded simultaneously with the page and then be reflected properly in the web browser.
read more...
Website design
If you are an owner of any online business, you perfectly realize how important a web site is. A web site is not only your visiting card, but a powerful instrument for your business development.
That's why particular emphasis should be given to the design of your web site.
Let's take up the meaning of web site design. When we speak about graphical design for your web site we have in mind readability, navigation usability and graphical elements of the design.
To create a web site means to make a considerable step towards your business development!
read more...
How to optimize the quality of your photo in JPEG format?
How to optimize the quality of your photo in JPEG format? In the modern world of Internet and digital technologies we sooner or later are facing the necessity to work with web graphics on your web pages.
Unfortunately digital cameras make pictures that contain noise etc that considerably decrease the quality of the graphics on your web and even in your digital home photo collection. Fortunately we have a professional graphics editor named Photoshop at our disposal that will help you to improve the quality of any picture you have.
read more...
What are the criteria of being a good designer?
What are the criteria of being a good designer? Should a designer be a painter or may a good painter be a professional web designer creating professional web design, flash animation development etc, you wonder? This is a question that many employers have asked to themselves while looking for a staff.
There is an opinion that a good designer that works with graphics on your web pages cannot be a good painter.
read more...
Graphics on your web pages – why color is so important?
Graphics on your web pages – why color is so important? Let's imagine you want to start an online project. What is the first thing you make your idea come true?
Surely, a web site! But ask yourself if you need an ordinary web site that will make no impression on your visitors, your potential customers? Of course you want something special from the point of view of usability and of course of graphics on your web site. Professional web graphic design is what will attract your visitors at first!
read more...
Types of layouts
There are different types of layouts such as Fixed Width CSS layouts, Liquid Width CSS layouts and Faux Columns CSS Layouts. Liquid width CSS layouts are the ones that automatically get fit to the fixed width of your web browser window.
Such a layout has several benefits:
- All available browser's space is used.
- Users who have small-sized monitors don't occur to have horizontal scrolling.
- Users with large-sized monitors can enjoy the width of their screen efficiently used.
- Such layouts are easy to be printed out on the sheet of paper of any size.
These layouts can be efficiently used as a basis for your design. You can simply modify your design by easily editing a CSS-file.
Graphicson created multiple layouts to fit all your design needs!
read more...
Web Design Development
When you have a task to develop some web design you are to keep in mind all the tiniest factors and pay attention to the least substantial details.
You should never forget that in the future all these minor details will positively affect the project you develop and your business in general.
Lately a huge number of web design studios mushrooms up in the Internet space. These studios offer a wide range of services required to develop a top-quality web site design.
read more...
IT-terms Glossary
| Account | User's personal admittance into different Internet systems. Any account as usual supposes to have a user name and a password. |
| Active content | Web pages that contain links to different applications being loaded and activated by web browsers automatically |
| AI | Artificial Intelligence |