NEC:更好的CSS方案。nec框架是非常优秀的css框架,包含了规范、框架、代码库等内容。
NEC官网:http://nec.netease.com/
规范
你是否常常碰到以下问题:你总是看不懂他写的代码,或者读起来很吃力;你需要改他的代码却无从下手,或总是要去问他这里是什么改了会不会影响其他代码;你和他一起开发一个产品,你总是怕代码和他有冲突或互相影响;你的代码在多次维护任务之后变得越来越臃肿,越来越难以维护。
解决以上问题只需一种方法——读我们的规范!
- CSS规范:一系列规则和方法,帮助你架构并管理好样式。
- HTML规范:一系列建议和方法,帮助你搭建简洁严谨的结构
- 工程师规范:前端页面开发工程师的工作流程和团队协作规范
框架
NEC提供了很多CSS、HTML模板,再也不用为user agent stylesheetbody而头疼啦
- css reset:重置样式,清除浏览器默认样式,并配置适合设计的基础样式。
- css function:功能样式,从常用样式方法中抽离,按需使用
- css media:媒体查询,为不同的设备和大小配置不同的样式
- css animation:常见动画效果的集合,主要用于效果演示和参考,基于css3
- html template:包含完整头部信息和主体结构的HTML模板
- html email:用于制作邮件内容的HTML模板
代码库
NEC提供了常见布局、模块、技巧等代码,在这里找到她,或给你启发,或她就是你的。为满足产品对不同的平台和设备的要求,NEC代码库中的代码开发使用了三种版本:兼容、优雅、高级。
(兼容[1]:支持包括IE6在内的所有主流浏览器和设备,UI效果可能有所退化。
优雅[2]:在高级浏览器中有“高级”效果,在低级浏览器中有“兼容”效果,是高级版的“优雅退化”,也是兼容版的“渐进增强”。
高级[3]:支持IE9+、Chrome、Safari、Firefox等主流浏览器,支持移动设备和所有智能系统,具有优越的UI效果。)
- 布局:提供各种常见的页面布局方法,比如定宽布局、自适应布局等
- 模块:提供各种常见的网页内容模块,比如导航、菜单、幻灯、图文列表等
- 元件:提供各种常见的网页内容元件,比如按钮、标题、输入框等
- BUG:展示了浏览器的BUG及其解决方案,比如IE双倍边距、3像素问题等
- 技巧:提供各种较难或特殊设计的解决技巧,比如垂直居中、自适应等
- 动画:使用CSS3实现的各种常见动画效果,比如淡入淡出、弹出等
总结:NEC提供了很多基础性的东西,对于刚入行的web前端工程师们,可以更好更方便的学习一些web前端系统性的东西,规范,BUG,技巧等等,而且每个demo中还自带代码运行效果,可以随时修改方便自己调试、学习,NEC必须得给个赞!
本站欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明: 文章转载自:爱思资源网 http://www.aseoe.com/show-11-731-1.html
转载请注明: 文章转载自:爱思资源网 http://www.aseoe.com/show-11-731-1.html