Home-made Web front-end framework recommended –nec (NetEase)

Nec

NEC: A better CSS solution. The NEC framework is a very good CSS framework that includes specifications, frameworks, code libraries, and more.
NEC Official website: http://nec.netease.com/

Specification

Do you often encounter the following questions: You always can't read the code he wrote, or it's hard to read; you need to change his code but don't know how to do it, or always ask him what changes here will affect other code; You develop a product with him, you are always afraid of the code and he has conflict or mutual influence Your code becomes more and more bloated and difficult to maintain after multiple maintenance tasks.
Solve the above problems only one way-read our specifications!

• CSS specification: A series of rules and methods that help you structure and manage your style.
• HTML specification: A series of suggestions and methods to help you build a concise and rigorous structure
• Engineer Specification: Front-End page Development Engineer's workflow and team collaboration specification

Framework

NEC provides a lot of CSS, HTML templates, and no longer has to worry about user agent Stylesheetbody

• CSS Reset: Resets the style, clears the browser default style, and configures the underlying style for the design.
• CSS function: Functional style, drawn from common style methods, on demand
• CSS Media: Medium query, configuring different styles for different devices and sizes
• CSS Animation: A collection of common animation effects, mainly for demonstration and reference, based on CSS3
• HTML Template: HTML template containing complete header information and body structure
• HTML Email: HTML template for making mail content

Code base

NEC provides code for common layouts, modules, tips, and so on to find her here, or to enlighten you, or she is yours. To meet the requirements of the product for different platforms and devices, code development in the NEC code base uses three versions: compatible, elegant, and advanced.
(compatible [1]: Support for all major browsers and devices including IE6, UI effects may be degraded.)
Elegance [2]: In the Advanced browser has "advanced" effect, in the low-level browser has a "compatible" effect, is the advanced version of "Elegant Degradation", but also a compatible version of "Progressive enhancement."
Advanced [3]: Support ie9+, Chrome, Safari, Firefox and other mainstream browsers, support mobile devices and all intelligent systems, with excellent UI effect. ）

• Layout: Provides a variety of common page layout methods, such as fixed-width layout, adaptive layout, etc.
• Modules: Provide a variety of common web content modules, such as navigation, menus, slides, graphics and text list, etc.
• Components: Provide a variety of common web content components, such as buttons, headings, input boxes, etc.
• Bugs: Displays browser bugs and solutions such as IE double margins, 3 pixel issues, etc.
• Tips: Provide a variety of difficult or special design solutions, such as vertical center, adaptive, etc.
• Animation: The use of CSS3 to achieve a variety of common animation effects, such as fading, pop-up, etc.

Summary: NEC provides a lot of basic things, for the new Web front-end engineers, can be better and more convenient to learn some of the Web front-end system things, specifications, bugs, tips, and so on, and each demo also comes with code running effect, can be modified at any time to facilitate their own debugging, learning, NEC has to give a compliment!