web前端来说,许多技术都是细节,这些技术细节的积累就是前端工作能力的提升,而这些技术细节,大多数前端工程师是在网上收集,整理为自己所有因此,在在本文下面分享一些对于前端技术提升,比较好的网址,如下:,接下来我们就来聊聊关于web前端网站教学?以下内容大家不妨参考一二希望能帮到您!

web前端网站教学(web前端技术提升)

web前端网站教学

web前端来说,许多技术都是细节,这些技术细节的积累就是前端工作能力的提升,而这些技术细节,大多数前端工程师是在网上收集,整理为自己所有。因此,在在本文下面分享一些对于前端技术提升,比较好的网址,如下:

【在线小工具】 http://www.xueui.cn/design/online-tools

【代码的规范】 http://www.css88.com/doc/codeguide/

【Viewport Sizes尺寸查询】 http://viewportsizes.com/?filter=

前端组件库 http://top.css88.com/archives/660

【px,em,rem单位转换工具】 http://pxtoem.com/

【Emmet快捷方式查询】 http://emmet.evget.com/

【CSS优化】 http://www.css88.com/tool/csstidy/

【CSS 速查表】 http://code.ciaoca.com/style/css-cheat-sheet/

【jQuery 查询 】 http://oscarotero.com/jquery/

【json格式化】http://jsonlint.com/ 【json格式化】 http://www.jsoneditoronline.org/

【在线工具】 - aTool http://www.atool.org/

【WebStorm】 http://my.oschina.net/maomi/blog/137807

【jQuery源代码查看工具】 http://www.css88.com/tool/jQuerySourceViewer/#v=1.7.2&fn=jQuery.find

【IcoMoon App - 字体图标】 https://icomoon.io/app/#/select

【Iconfont - 阿里巴巴矢量图标库】 http://www.iconfont.cn/

【字体图标】Font Awesome Icons http://fontawesome.io/icons/

【正则表达式】 http://www.w3cfuns.com/tools.php?mod=regex

【大前端·神器格】 http://www.w3cfuns.com/tools.php

Testing【检测css错误】 http://meyerweb.com/eric/tools/css/diagnostics/demo-not.html

【二维码生成器】 http://cli.im/

【CSS - 中文字体—> 编码表】 http://code.ciaoca.com/style/cssfont2unicode/

【PNG压缩】 http://www.atool.org/pngcompression.php

【SEO检测】 http://nibbler.silktide.com/

Lodash →_→ https://lodash.com/docs

UEditor API →_→ http://ueditor.baidu.com/doc/#toolbar

RunJs →_→ http://runjs.cn/code/vvd7bpzb

Less →_→ http://www.bootcss.com/p/lesscss/

JsTree →_→ https://www.jstree.com/docs/json/

HighCharts →_→ http://api.highcharts.com/highcharts

RequireJs →_→ http://requirejs.org/

NodeJs中文站 →_→ https://cnodejs.org/getstart

node.js中文资料导航 →_→ http://top.css88.com/archives/680

V8专题 →_→ http://newhtml.net/category/v8专题/

颠覆式前端UI开发框架:React →_→ http://www.infoq.com/cn/articles/subversion-front-end-ui-development-framework-react

ISCROLL 5 →_→ http://cubiq.org/iscroll-5

Jquery EasyUI →_→ http://www.jeasyui.net/

资源

免费的计算机编程类中文书籍 https://github.com/justjavac/free-programming-books-zh_CN

免费编程书籍 →_→ https://github.com/vhf/free-programming-books/blob/master/free-programming-books-zh.md

计算机科学论文 https://github.com/papers-we-love/papers-we-love

codeparkshare Python初学者书籍、视频、资料、社区推荐 https://github.com/Yixiaohan/codeparkshare

Python资料汇总 https://github.com/iamjoel/python-learn#学习资源

app应用推荐 https://github.com/hzlzh/Best-App

码农周刊整理 https://github.com/nemoTyrant/manong

500 Lines or Less 一些不错的代码 https://github.com/nemoTyrant/manong

前端

node.js中文资料导航 https://github.com/youyudehexie/node123

了不起的Nodejs Nodejs的各种资源 https://github.com/youyudehexie/node123

AngularJS-Learning-zh_CN 一些关于 AngularJS 的博客,文章,视频,书籍等 →_→ https://github.com/justjavac/AngularJS-Learning-zh_CN

了不起的React React的各种资源 https://github.com/enaqx/awesome-react

腾讯移动Web前端知识库 https://github.com/AlloyTeam/Mars

iconpark iconfont汇总 https://github.com/lvwzhen/iconpark

前端工具推荐 https://github.com/codylindley/frontend-tools

前端资源 https://github.com/iamjoel/be-grace-front-end-developer

HTTP API 设计指南 https://github.com/ZhangBohan/http-api-design-ZH_CN

前端该掌握的技能 https://github.com/JacksonTian/fks

一家伙(s5s5)学习css3动画的心得 https://github.com/ZhangBohan/http-api-design-ZH_CN

css效果

superscrollorama 很酷的动画效果 https://github.com/johnpolacek/superscrollorama

impress.js各种炫的效果,用来做幻灯片不错 https://github.com/impress/impress.js

fullPage全屏翻页的js组件,用来做幻灯片不错 https://github.com/impress/impress.js

文/丁向明

做一个有博客的web前端自媒体人,专注web前端开发,关注用户体验,加我qq/微信交流:6135833

http://dingxiangming.com

,