web前端资源+插件

前端网站资源HTML/CSSW3SchoolsW3School中文版HTML和CSS编码规范编写灵活、稳定、高质量的HTML和CSS代码的规范AtoZCSSAtoZCSS是一本CSS周刊，涵盖了各种CSS相关话题。每则片段通常在4到7分钟之间，短但实用jQueryTryjQueryjQuery官方联合CodeSchool推出的一个学习资源，其中包括14个视频、71个交互式挑战、6个学习勋章中文字幕(不完全)视频下载社区博客前端分享分享前端开发资源包括HTML/CSS,Javascript等Codecademy以交互的方式学习HTML/CSS,Javascript,jQuery等--------------------------------和谐的分割线----------------------------SublimeText前端开发常用扩展插件SublimeText各个版本下载PackageControl安装方法首先通过快捷键ctrl+`或者ViewShowConsole打开控制台，然后粘贴相应的Python安装代码。SublimeText2安装代码：1importurllib2,os;pf=’PackageControl.sublime-package’;ipp=sublime.installed_packages_path();os.makedirs(ipp)ifnotos.path.exists(ipp)elseNone;urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler()));open(os.path.join(ipp,pf),‘wb’).write(urllib2.urlopen(‘’+pf.replace(‘‘,’%20′)).read());print(‘PleaserestartSublimeTexttofinishinstallation’)SublimeText3安装代码：1importurllib.request,os;pf='PackageControl.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('('','%20')).read())用PackageControl安装插件的方法：1.按下Ctrl+Shift+P调出命令面板2.输入install调出InstallPackage选项并回车，然后在列表中选中要安装的插件。前端常用扩展推荐Emmet——Emmet官方提供的SublimeText扩展；SublimeLinter——代码校验插件，支持HTML、CSS、JS、PHP、Java、C++等16种语言；HTML5——HTML5bundleforSublimeText2；Alignment——代码对齐插件；--Ctrl+Alt+ABracketHighlighter——括号高亮匹配；Git——整合Git功能的插件；jQuery——代码智能提示插件；LESS——LESS代码高亮插件；JsFormat——JavaScript代码格式化插件；Tag——HTML/XML标签缩进、补全和校验；LiveReload——让页面即时刷新；PrettyJSON——JSON美化扩展；CanIUse——查询CSS属性兼容情况；CoffeeScript——CoffeeScript代码高亮，校验和编译ColorPicker——跨平台取色器插件；minifier——css,js压缩livestyle——css样式表双向同步