Creating a site involves the design of all its pages in the same style. Using past development traditions is essential if you want to attract the attention of a visitor who is already accustomed to a clear design and a certain dialogue.
Each site has its own content, through which it pursues very specific goals. Using CSS examples allows you to understand certain trends and style your web resource appropriately.
Unique and impeccable style
Cascading Style Sheets (CSS) are a modern "classic of the genre". No matter how a web page was formed, it must always have a unique face defined by a set of style rules. In this context: a particular use of CSS is another example of uniqueness.
The development process is done individually. This is determined by the professional qualities of a particular developer, the characteristics of the development team or the workflow of the company. In any case, the use of examples found on the Internet, provided by colleagues or created based on your own experience, automatically makes a positive result.
Here are examples of HTML/CSS compositions of the three variations in various development states and conditions.
The upper left picture is a blank, which indicates the requirements of the customer. The developer has started work and it is absolutely certain that the result will be far from the current state of the CSS rule set and a single HTML page.
The only thing that is known and will be respected: the only page will change using AJAX technology depending on the dialogue with the visitor.
This is a very common development style:
- "the customer himself does not know what he wants";
- "and what it should look like."
The developer, on the contrary, knows what a PHPOffice/PHPWord package is, that the customer's requirements are absurd in this way.
Example of an imposed design style
The bottom left picture is a real site, a set of pages and examples of CSS styles that will need to be taken from the recommendations and code samples of the Webmoney exchange. Otherwise:
- the exchange will not cooperate with the site;
- The exchange client (site visitor) will not understand the developer.
If something is misunderstood, then only random newcomers will come to the site and will not stay long.
Example of lack of perspective
The third site (on the right) is really working. Web resource "created" in an hour in the format:
- one page;
- no database;
- the visitor is interesting as a one-time customer.
Classic style of this kind of products, like the themesite, it is difficult to attribute the requirement of impeccability to it (as well as moments of ethics and financial correctness), but the requirement of uniqueness is fully met.
Even in this area, sites are not made in an hour. The theme, purpose and execution are a guarantee that neither the owner nor the developer will have the desire to remake and develop. It is far from a rare case when a site "died" immediately after creation, and its CSS as an example and a role model will not be in demand.
There is no point in looking far for ideas. Excellent examples of CSS design are offered by Microsoft, Oracle, Google. In search of simplicity, uniqueness and impeccability, one can recall the sites of payment systems. It is impossible not to note the fullness of Webmoney against the ease of the Payeer system. You can pay attention to how convenient the "Yandex" system implanted its "money" into the general outline of its own web development.
There are many role models on the Internet today. A particularly rich selection of beautiful CSS examples is offered by modern content management systems. In this case, it should be especially noted that the site created on them can easily manipulate CSS rules and ensure the identity of all pages.
A developer may not think about what device his resource will work on if a modern CMS is used.
In case of imitation of well-known payment systems Google, Oracle or Microsoft will have to actin the role of a painter who creates his own version from the original. It will be difficult to achieve the ideal here, but the experience will be high-quality and practical.
No matter how beautiful CSS examples are taken as a reference, you will have to make your own unique design and dialogue. It will also be necessary to observe a single style of the selected variant of a specific composition of rules (colors, fonts, sizes, transformations, etc.).
Legal and copyright aspects
In most cases, a CSS example found on the Internet will not create legal problems for the developer. The authorship here is illusory. It's like asking a person not to use standard phrases in their vocabulary.
The use of templates, resources, and most of all, icons, pictures and design options for menus, buttons, dialogs can guarantee problems from the real author and prosecution.
At the same time, some CSS styling examples (as in the case of Webmoney) may be a prerequisite for the site to be “recognized and admitted”. This option is typical for data sources, search engines, weather sites, web resources for stock indices or exchange rates.
On the one hand, when creating a site using CSS examples that are in the nature of mandatory requirements, the developer falls into a style (designer) bondage and is obliged to use a specific API (access library or functionality). On the other hand, there are no problems with authorship and development of style rules.
The experience of many is complexresult
Working on source site requirements: CSS examples are mandatory. There is work on the basis of a modern content management system: there are no examples, but there is a rigid structure of CSS styles, many of which are set as unreadable, but required files. There are no problems with implementation here: someone has already thought of everything, it only needs to be finalized to the desired goals and tasks to be solved.
Often you have to do everything yourself. Looking at sites (which is not a CSS example in action), you can accumulate not the rules themselves, but the actual application: the color scheme, the font and its size, the logic of the dialog or the use of the list. Experience is not only the actual implementation of CSS rules, it is the overall impression that remains in the subconscious.
Manual rather than automatic work is always more interesting and practical than fulfilling someone's requirements. Ultimately, experience accumulates, your own style appears, which allows you to create unique sites, to be a good example yourself.
When a pilot gets on a plane and knows his job well, he will complete the flight task in his own way, he will not need to be explained how to perform a certain turn or get to the target. A specialist who is a "carrier" of CSS examples does not need another Internet search for each new task - this is a good specialist.
In the field of HTML/CSS, it is enough to go through the difficult path once, so that later you can quickly solve any web development tasks without problems and costs.