The purpose of the question: to find out if there is any universal way of layout of templates.

For example, for a beautiful design of forms, for example checkbox : we hide the main checkbox and next put the label label and make out with the help of CSS when you click on it change the checkbox to checked . Or you can do without a label - but not familiar with this method.

About select bunch of articles are written that so far I’m shaking from one method to another and trying everything in a row choosing what the beam is, but I haven’t chosen.

About cross-browser compatibility: you can use CSS 3 for creating rounded corners, which is convenient, but it is not supported by some browsers. For all browsers, you need to use image , which slows down the layout process.

I would like to know who both imposes and why ...

    4 answers 4

    1. Why php is specified in tags?
    2. interest from the programmer or coder?

    If you are a programmer, then start from the very beginning of the layout. There is no universal way, although I have not come across this. All pages are done according to templates, 1-2-3-4-5 columns, then just know to sign your styles and only them.

    • 1. I want to attract programmers because they are also part of layout designers 2. interest from the layout designer - good_web_master
    • 6
      I hate the layout, for the last 2 years I have been sitting behind it with difficulty, and already a lot has changed in the layout world that there is no particular desire to catch up. Make up the way it is convenient for you, make up for a good result, listen to those you trust, in general, to speak here - you don’t really need to practice and practice and practice many, many, many times. - Artem
    • Shrek, there is not only php superfluous, but also python. good, I advise you to read articles and books about the layout, as well as often look at the source code of sites you like. I guarantee you will discover many new things. - Iwww

    Read a few articles on the layout of sites , look at some ways to implement various layouts . Then, when you get your hand, you can create your own ways.

      In addition to the above: maybe it makes sense to look at the Twitter bootstrap . Not that I really loved this thing, but you can use something or use ready-made pieces.

      Regarding checkboxes, I think that any decision, whether it is a jQuery plugin or a perversion with overlapping, will be based on the checked attribute. If not, correct. I will be glad :). Understand with the way that you like the most and save to yourself in the template-blank, so that it is clear if necessary which picture to replace.

      I recommend to save such ready-made solutions in the workpiece, gradually inflating it. You can start collecting such a template with the so-called boilerplate . Pay attention to the SASS preprocessor. Firstly, it's convenient and cool :), secondly, it will allow you to break the CSS code of your template into files and connect as needed. In addition to the main files responsible for the layout and blocks, it is possible to split up to "restructured form elements", "footer pressed to the bottom," for example.

        Try to exclude pictures during layout, read articles and think how it can be written with code. Css code squeeze, comment, check for validation ... Personally, I look at the code of works of top web studios, with experience you will understand everything correctly and better;) Move forward, you used to make a gradient with a picture, now you can make the code cross-browser from version 5 . And constantly improve!