6 principles of layout
These arguments were inspired by the post akella about the assessment of the quality of the layout . After reading this post and a considerable number of comments to it, I decided to make a list (ala "10 rules for something there" - they say such headlines - this is very good and help the blog "unwind") the criteria by which I am guided by the page layout.
It is also worth noting that HTML + CSS, as well as web programming, is something of a hobby for me - that is, I have not implemented “mega” projects (yet?). Maybe that's why all my work in this industry met almost all of these criteria.
So, six simple principles in the HTML layout that guide me:
')
I try to make the code semantically not overloaded. I prefer simplicity and elegance both in code and in design. It is interesting for me to try to realize the idea of ​​a designer without using unnecessary entities. It is clear that this is not always possible, and even at CSS Zen Garden there are several divs of designers specially reserved for the realization of fantasies, but it seems to me that such things should be exceptions rather than rules.
I am a person who tries to keep standards. This is especially true of my professional activities. In this regard, I am trying to achieve the most valid code - at least I try to avoid validation errors. What is most interesting is looking at errors and warnings on many sites (thanks to the Firefox + Html Validator ) I conclude that most of them were made because of laziness of developers, although this is partly a fault of HTML itself.
This is one of the important principles. And the point is not only to make it possible to use the site by browsers like lynx . The main reason is to make the site accessible to people with disabilities.
A lot of sites, IMHO, absolutely not suitable for visits, for example, blind users. And to make their life on the Internet a little easier is not so difficult - to correctly arrange the blocks, sign pictures and links - I think this is the least that every professional layout designer and programmer should consider. By the way, lately I’ve been thinking about putting some kind of browser for the blind to watch how they “see” it.
I make up under the “fox”, but the layout is checked under IE, Opera, Safari Win ... Sometimes I try lynx :) (Not always, though, it turns out to achieve a pixel-by-pixel match in IE - but there is no “distortion”).
I like it and I support the way the web develops. I try and will try to stick to it and embed such things in the code as, for example, microformats .
Of course, I am a realist and I understand that it is far from always possible to follow all the rules and instructions unquestioningly, but my opinion is that every professional should love what he does and do his job properly. I also believe that the time of the “oak” Internet is leaving, and in return comes the Internet “quality”, made by professionals, who love their work;)
It is also worth noting that HTML + CSS, as well as web programming, is something of a hobby for me - that is, I have not implemented “mega” projects (yet?). Maybe that's why all my work in this industry met almost all of these criteria.
So, six simple principles in the HTML layout that guide me:
')
1. Semantics and “lightness” of the code
I try to make the code semantically not overloaded. I prefer simplicity and elegance both in code and in design. It is interesting for me to try to realize the idea of ​​a designer without using unnecessary entities. It is clear that this is not always possible, and even at CSS Zen Garden there are several divs of designers specially reserved for the realization of fantasies, but it seems to me that such things should be exceptions rather than rules.
2. Standards
I am a person who tries to keep standards. This is especially true of my professional activities. In this regard, I am trying to achieve the most valid code - at least I try to avoid validation errors. What is most interesting is looking at errors and warnings on many sites (thanks to the Firefox + Html Validator ) I conclude that most of them were made because of laziness of developers, although this is partly a fault of HTML itself.
3. Performance with disabled CSS and Javascript
This is one of the important principles. And the point is not only to make it possible to use the site by browsers like lynx . The main reason is to make the site accessible to people with disabilities.
4. Accessibility
A lot of sites, IMHO, absolutely not suitable for visits, for example, blind users. And to make their life on the Internet a little easier is not so difficult - to correctly arrange the blocks, sign pictures and links - I think this is the least that every professional layout designer and programmer should consider. By the way, lately I’ve been thinking about putting some kind of browser for the blind to watch how they “see” it.
5. Cross-browser
I make up under the “fox”, but the layout is checked under IE, Opera, Safari Win ... Sometimes I try lynx :) (Not always, though, it turns out to achieve a pixel-by-pixel match in IE - but there is no “distortion”).
6. Technologies
I like it and I support the way the web develops. I try and will try to stick to it and embed such things in the code as, for example, microformats .
PS
Of course, I am a realist and I understand that it is far from always possible to follow all the rules and instructions unquestioningly, but my opinion is that every professional should love what he does and do his job properly. I also believe that the time of the “oak” Internet is leaving, and in return comes the Internet “quality”, made by professionals, who love their work;)
Source: https://habr.com/ru/post/15529/
All Articles