Redirecting

送给前端的你,推荐几篇前端汇总文章

304次 2019-01-10 zleader

第一篇:前端收藏夹 ,以及他们的github地址:GitHub - w3ctrain/w3ctrain.github.io: w3ctrian前端收藏夹

以下是目录,更多信息请拜访他们的主页:

前端东西

自动化: Gulp 、 Grunt 、百度Fis 、Ant、Yeoman、Codekit、Koala、Webpack

预编译: SlimHaml、Coffeescript、Sass、BabelJs、JadeLessStylusPleeease、PostCSS

查找东西:CssTriggers、screensiz.es、友盟指数、javascripting、builtwith、thetoolbox、stylesheets

版别操控:Github、GitCafe、GitLab、Bitbucket、Sourcetree、Cornerstone、版别操控之道、ProGit、廖雪峰的git教程、svn教程

编辑器:Sublime Text、Atom、HBuilder、WebStorm、MacDown、UltraEdit、ace、Brackets、LightTable、Visual Studio Code

在线编辑:Jsfiddle、Codepen、Jsbin、Runjs、sassmeister

调试/测试:Firebug、YSlow、IEDeveloperToolbar、Fiddler、ChromeDevTools、JSLint、JSHint、CSSLint、HTML Validators、UnitJS、Jasmine、BrowserStack、Testem、Dalekjs、NightWatch、Hardy

部署流程:YUI Compressor、UglifyJs、CleanCss、JSDoc

高效东西:Dash、奇妙清单、Omnigraffle

其它:CodeIf、H5Viewer、anvil、cssmixins、JSON Server、ngrok、Glyphter、CSSStats、spritegen、placehold.it、MWeb、browsersync.io、kjson.com、strut.io、Reveal.js、iconverticons.com、智图、longshadows、cubic-bezier、browserhacks、tool.oschina.net、Pagespeed、icomoon.io、circulus、Mock.js

博客/社区/资讯

国内归纳:w3ctech、w3cplus、w3cfuns、前端乱炖、前端察看、segmentfault、html5tricks、腾讯ISUX、百度EFE、奇舞团、淘宝UED、前端里、div.io、慕课网、Codecademy、极客标签、InfoQ我国、WEB前端开发、前端开发博客、爱奇舞——H5.vc、看云、汇智网、伯乐在线

国外归纳:tutsplus、CSSAnimation、TeamTreehouse、SmashingMagazine、CodyHouse、Echojs、Codeschool、codewars、Html5Rocks、SpeakerDeck、Alistapart、Lynda、DigitalTutors、Ponyfoo.com、tutorialzine

前端资讯:CSS-Tricks、WebDesignerNews、FrontEndFont、Sidebar.io、DesignerNews

问答社区:StackOverflow、Quora、知乎

每日鲜:稀土掘金、开发者头条、极客头条、开发头条

前端大牛:Hugo Giraudel、Philip Walton、David Walsh、Sara Soueidan、Paul Irish、玉伯、廖雪峰、阮一峰、勾三股四、张鑫旭、余果、Sofish、糖饼、Evan You、Darren_聂微东、司徒正美、CSS魔法

各类插件

滑动/视差:fullPage、swiper、Slick、sliderjs、hammer.js、unslider、Superscrollorama、ScrollMagic、WOW、skrollr、stellar.js、multiscroll.js、iscroll、dragula、waypoints

动画/作用:popmotion、velocity、GreenSock-JS、Snapsvg、sketch.js、impress、blast.js、sticky、Colorify.js、nprogress、Mojs、skrollr、typed.js、Effeckt.css、Hover.css、Animatable、Animate.css、CSS3 Animation Cheat Sheet、pagePiling.js、headroom.js、hint.css、SpinKit、CircularProgressButton、css-loaders、pace、two.js、Sequence、ElasticProgress、CSSgram

兼容:Modernizr、bowser、retinajs、picturefill、Normalize.css、Respond、html5shiv、box-sizing-polyfill、elementQuery、css-element-queries

Chrome:clear-cache、EditThisCookie、Full Page Screen Capture、HTML5 Outliner、JSONView、Postman、User-Agent Switcher for Chrome、Window Resizer、页面自动刷新、Chrome Sniffer Plus

模板东西:Handlebars、Mustache、artTemplate、nunjucks、transparency、doT

其他:zxcvbn、Validation、moment、primer、Please.js、qrcode、dynamics.js、smartcrop.js、lazyload、imagesloaded、unveil、fastclick、jQuery Form Plugin、jQuery-File-Upload、sweetalert、toolbar、tooltipster、video.js、Font-Awesome、minigrid、bricks.js

干流结构

归纳:React、Bootstrap、Foundation、SemanticUI、Purecss、UIKit、妹子 UI、Alice、materialize、material-design-lite、Html5Boilerplate、Material design、Lightning Design System、Vux

MVVM:AngularJS、Vue.js、Backbone、Avalon、knockout

模块化:Require.js、Sea.js

JavaScript:JQuery、Zepto、prototypejs、emberjs、MooTools、Dojo、meteor、Domcom

Hybrid:React-Native、Nativescript、Phonegap、Ionic、Crosswalk、Meteor、Electron

游戏:Construct 2、ImpactJS、CreateJS、Three.js、PlayCanvas、Pixi、Hilo

手册/书本

书本:《JavaScript高级程序规划(第3版)》、《单页Web使用:JavaScript从前端到后端》、《JavaScript言语精粹》、《JavaScript DOM编程艺术 (第2版)》<a c

推荐阅读

  • 基础科普!超全面的 UI 元素尺寸设置指南(上)

    基础科普!超全面的 UI 元素尺寸设置指南(上)

    开始着手设计手机界面时,困扰着新人的除了不知道应该在界面中放什么以外,最突出的就是不知道元素应该使用的长宽数值,也是学生问得最多的问题,所以着手整理2篇文章做扫盲,一次性搞明白,在手机的界面中如何设置元素的尺寸。

  • 我是如何将页面加载时间从6S降到2S的?

    我是如何将页面加载时间从6S降到2S的?

    网站设计的再优秀,功能再完美,但是响应的巨慢,用户的耐心很快会被耗光,这可能成为他最后一次访问,这绝对不是危言耸听,最近有幸参与到了公司海外站点项目,对于这点深有体会。

  • 百度网盘品牌升级背后的故事

    百度网盘品牌升级背后的故事

    百度网盘是百度提供的个人云存储服务,自2013年上线至今,通过强大的技术能力以及承担高额的带宽成本,为7亿用户提供文件存储、备份、分享、共享等服务,成为行业领先位置。 这5年里,我们从满足基础存储需求的一款工具,到现在越来越意识到高品质和情感化的体验对于用户的重要性。

竹鹿产品经理为您的项目进行一对一的策划及方案

懂设计,懂技术,更懂服务

立即沟通稍后再说

高端品牌网站 / 微信小程序 / 门户与平台开发 / OA协同办公 / 大数据 / VI与包装