Considerations for Page Refactoring

• Considerations for Page Refactoring
  • 1. What kind of code is good code when refactoring a page?
  • 2. How does refactoring tell the designer that he is designing something that is too ugly?

1. What kind of code is good code when refactoring a page?

I feel that I have to do a three-way answer, the basis of the not to say, those semantic, structural, compatibility and so on. Talk about the intermediate part:

• The robustness of the page: This How to say, according to my understanding, the UI out of the PSD diagram is a page ideal state of the form, and real on-line, there will be three extreme states, one, the data is very much, two, the data is very small, three, the data is just (in fact, the PSD set description of a state) So in the page layout, consider the design of the two different states, so that the data too much time, bursting layout, page aliasing. To avoid too little data, the page height becomes smaller, the layout is not aligned, will break the entire page balance. UI design for efficiency or experience problems out of the picture, just is the ideal state, not much, but experienced, will be in the late project to fill out a no data when the decoration page.

• Page extensibility: It can be said that this is also the first extension, extensibility means, in the page of the module is very few, to consider the future of the addition of sub-modules or the state of the sibling module, for the future to stay good css,html extension of the entrance. In the future when adding modules, as little as possible to move the original HTML structure, so that the HTML is easy to expand, as little as possible to modify the CSS, so that the CSS can inherit reusable. The general process is multiple sets of Div, or other solutions.

• Page reusability: Because there are a lot of similar styles in the page, or the page is similar to the simulation of a lot of, but some highs have low points, it is recommended to put the style of expression in a class, physical properties in a class. There is a decorative image is never inserted into the page in the form of a clear label, content-style content is absolutely inserted in the way to avoid future multi-theme, multi-language version of the implementation.
  Probably so much, alas, the last interview did not remember so much, depressed.

2. How does refactoring tell the designer that he is designing something that is too ugly?

• Personal professionalism, if you are from a design to turn the front end, and although in the front-end, but has been focusing on the front end, so that in the assurance of their own level or cognitive ability, to mention the proposal, that can guarantee that there is quality, not casually said. For example: why people in Europe and the United States like the saturation of the page style, it is because they are near the equator, accept ultraviolet light is stronger, so like heavy color. For example, can distinguish between warm and cold color, can distinguish the expression of each color, the general color with the following is to highlight the page Content section and stressed must be orderly, rather than disorderly.

• When communicating the tone or words when speaking the organization, must pay attention to. This not only embodies a person's emotional quotient, but also embodies a person's IQ. There are three words to say, skillfully for the wonderful. It makes sense for him to get along with people precisely, and I am passive everywhere.
  Personal advice: Pay attention to suggestions, such as the following scenes, you this thing on my monitor on the side of the yellow, and the main color of our product logo conflict too big, is not intentional for it, or I monitor the problem, can come to me to see. Be sure to note that you deliberately do it, or I take a look at it. That is to raise the other side, and the scene of the initiative in their own hands.

• The right to speak, if you have a voice of the people, or have this brand awareness, let everyone have this consensus, this person, said things generally reliable. Can go to say, otherwise, reviews other people's Jiangshan, still better tube own three acres of land.

Front-end development QQ Group: 389875212 , prohibit small talk, non-happy don't enter ~!

Considerations for Page Refactoring