醉牛前端更新日志

佳文选摘
关于reset那些事儿 http://alsiso.github.io/archives/ 你为什么不分享http://www.cnblogs.com/coffeedeveloper/p/4825177.html 深入理解JavaScript系列 http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html

教程
css3教程 https://www.gitbook.com/book/waylau/css3-tutorial/details codeschool https://www.codeschool.com/ css-101 http://www.css-101.org/ css http://www.atozcss.com/ MDN JS教程 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript JavaScript 标准参考教程（alpha） http://javascript.ruanyifeng.com/ flexbox http://www.w3cplus.com/blog/tags/157.html sass guideline中文网 http://sass-guidelin.es/zh/

资料
angular学习资源合集 http://blog.aijc.net/AngularLearning/ 响应式大全 https://bradfrost.github.io/this-is-responsive/resources.html awesomes http://www.awesomes.cn/ wwwhere http://wwwhere.io/ awesome-css https://github.com/sotayamashita/awesome-css javascript-path https://github.com/javascript-society/javascript-path

规范/实践 Css review https://css-tricks.com/what-a-css-code-review-might-look-like/ frontend-guidelines https://github.com/bendc/frontend-guidelines/

常见问题
如何跟上前端开发的最新前沿 https://uptodate.frontendrescue.org/zh/

Demo ShapesOfCSS https://css-tricks.com/examples/ShapesOfCSS/ loading demo http://projects.lukehaas.me/css-loaders/

兼容、性能、数据查询数据中心 http://brow.data.cnzz.com/

多终端检查/测试浏览器同步测试工具 http://www.browsersync.cn/

资源库
bootcdn http://www.bootcdn.cn/

工具 css-triangle http://apps.eky.hk/css-triangle-generator/zh-hant fetool https://github.com/nieweidong/fetool

勘误：常用meta http://segmentfault.com/a/1190000002407912

150919

手册工具 IE’s css3 http://www.useragentman.com/IETransformsTranslator/ markdown 语法说明：http://www.appinn.com/markdown/ css 参考文档 http://tympanus.net/codrops/css_reference/ Markdown 公式指导手册 https://www.zybuluo.com/codeep/note/163962 Markdown 简明语法手册 https://www.zybuluo.com/codeep/note/174062 Cmd Markdown 编辑阅读器 https://www.zybuluo.com/mdeditor

富文本粘贴为纯文本puretext http://stevemiller.net/puretext/ ps图片转css http://css3ps.com/ 自动刷新浏览器工具 https://github.com/Linrstudio/LinrF5/ 动图视频互转 http://www.webhek.com/convert-video-gif 截屏直接测量UI距离工具 http://www.ricciadams.com/projects/pixel-winch Web开发的各种性能工具 http://web.jobbole.com/82548/ css 转化markdown http://mrcoles.com/demo/markdown-css/ 设计和前端工具集合 http://wwwhere.io/ html转pdf https://github.com/ChineseDron/pdf.js css3test：http://css3test.com/ css格式化 https://github.com/morishitter/cssfmt 综合工具 http://tool.css-js.com/

数据查询：腾讯大数据 http://data.qq.com/
友盟指数 http://www.umindex.com/

规范实践如何阅读W3c规范 http://www.chinaw3c.org/how-to-read-spec-wxx.html http://www.chinaw3c.org/how-to-read-spec-gb.html

MDN css guide https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS

CSS命名 http://cssbuttons.tumblr.com/ BEM http://www.w3cplus.com/blog/tags/325.html 源于BEM suitcss https://suitcss.github.io/ NEC http://nec.netease.com/ BEM https://en.bem.info/ Airbnb JavaScript Style Guide https://github.com/jigsawye/javascript

常见问题大型网站CSS编写与维护http://segmentfault.com/q/1010000003723038?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly CSS核心技术关键字 http://segmentfault.com/q/1010000003059724

组件/库 jslite http://jslite.io/

框架/库 YUI: http://yuilibrary.com/ css3lib http://css3lib.alloyteam.com/ 字体图标 Google Material Design https://www.google.com/design/icons/

教程：综合 hackr http://hackr.io/ markdown markdown入门大全 http://www.jianshu.com/collection/BDu5F8 教程 markdown http://jingxuan.io/markdown/

布局： HTML+CSS基础课程 http://www.imooc.com/view/9 网页布局基础 http://www.imooc.com/view/95 固定层效果 http://www.imooc.com/view/55 回到顶部效果 http://www.imooc.com/view/65 CSS Sprite雪碧图应用 http://www.imooc.com/view/93 CSS深入理解之line-height http://www.imooc.com/view/403 CSS深入理解之overflow http://www.imooc.com/view/256 CSS深入理解之float浮动 http://www.imooc.com/view/121 CSS深入理解之absolute http://www.imooc.com/view/192

动画： CSS动画实用技巧 http://www.imooc.com/view/357 数学知识在CSS动画中的应用 http://www.imooc.com/view/362 全屏切换效果 http://www.imooc.com/view/374 css动画教程 https://cssanimation.rocks/

Sass： Sass入门篇 http://www.imooc.com/view/311 sass进阶篇 http://www.imooc.com/view/436

SVG： SVG （w3clus） http://www.w3cplus.com/blog/tags/411.html 走进SVG http://www.imooc.com/view/143

国内个人小胡子哥 http://www.barretlee.com/
情封 http://blog.f2er.net/
basecss http://www.basecss.net/

国外个人 useragentman http://www.useragentman.com/

英文综合： getawesomeness http://getawesomeness.com/

周刊//电子读物 javascriptweekly http://javascriptweekly.com/ 懒懒小报http://ued.taobao.org/blog/tag/%E6%87%92%E6%87%92%E5%B0%8F%E6%8A%A5/ http://html5weekly.com/ html5weekly

加模块：佳文选摘

1、编程人生灵感之源 http://www.cnblogs.com/unruledboy/p/DevCareer.html 大漠 http://www.w3cplus.com/front-end-trip-on-road.html 鬼哥 http://blog.cssforest.org/2015/03/24/%E5%9C%A8%E8%85%BE%E8%AE%AF%E7%9A%84%E7%AC%AC%E5%9B%9B%E4%B8%AA%E4%B8%A4%E5%B9%B4.html 张鑫旭 http://www.zhangxinxu.com/life/2013/03/%E6%88%91%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E9%97%AD%E5%85%B3%E5%AD%A6%E4%B9%A0/ 随机程序员所具备的素质[转] http://www.cnblogs.com/Random/articles/390264.html 丁小倪重构职业生涯思考 http://www.smallni.com/rebuild-thinking/

技术：张克军一览CSS布局标准 http://hikejun.com/blog/2013/05/03/%E4%B8%80%E8%A7%88css%E5%B8%83%E5%B1%80%E6%A0%87%E5%87%86/ doyoe 视觉格式化模型中的各种框 http://blog.doyoe.com/2015/03/09/css/%E8%A7%86%E8%A7%89%E6%A0%BC%E5%BC%8F%E5%8C%96%E6%A8%A1%E5%9E%8B%E4%B8%AD%E7%9A%84%E5%90%84%E7%A7%8D%E6%A1%86/ Css魔法重拾 CSS 的乐趣（上） https://github.com/cssmagic/blog/issues/52 重拾 CSS 的乐趣（下） https://github.com/cssmagic/blog/issues/54 党建 Web前端开发最佳实践系列 http://www.dang-jian.com/html5/2015/01/16/web-frontend-best-practice-1.html doyoe Margin系列http://blog.doyoe.com/2013/11/30/css/margin%E7%B3%BB%E5%88%97%E4%B9%8B%E7%99%BE%E5%88%86%E6%AF%94/ 张鑫旭说说CSS学习中的瓶颈 http://www.zhangxinxu.com/wordpress/2012/07/bottleneck-css-study/

新增Demo css demo http://demo.doyoe.com/ one-div http://one-div.com/ w3cplus-demo-list http://www.w3cplus.com/demos/list.html

一些有意思的小demo http://web.jobbole.com/83258/

团队博客微信企业号团队博客 http://qywx.gitcafe.io/

资料 AngularJS最好信息资源大全 https://angularjs.zeef.com/gianluca.arbezzano

新增更新日志入口

150913

工具：在线代码： dabblet http://dabblet.com/

编辑器： aptana http://www.aptana.com/ IDE/编辑器：https://coding.net/

移动端调试/检查 responsinator http://www.responsinator.com/ resizemybrowser http://resizemybrowser.com/ responsive http://mattkersley.com/responsive/ responsivepx http://responsivepx.com/ juicer http://juicecreative.co.uk/juicer/ mihtool http://www.mihtool.com/

Css处理： css3pie http://css3pie.com/ csslint http://csslint.net/

浏览器 Chrome http://www.google.cn/chrome/browser Firefox http://www.firefox.com.cn/ IE http://windows.microsoft.com/zh-cn/internet-explorer/download-ie safari http://safari.en.softonic.com/ opera http://www.opera.com/zh-cn

教程：浏览器 Chrome基础功能篇 http://web.jobbole.com/82558/ Chrome进阶篇 http://web.jobbole.com/82562/ Chrome 性能篇 http://web.jobbole.com/82576/ Chrome 性能进阶篇 http://web.jobbole.com/82590/ Chrome 移动篇 http://web.jobbole.com/82612/ Chrome 插件篇 http://web.jobbole.com/82701/

编辑器快乐的sublime http://www.imooc.com/view/333 Sublime Text 3使用心得 http://www.imooc.com/article/1356 Sublime Text3使用总结 http://www.imooc.com/article/1466 Sublime Text 3实用功能和常用快捷键收集 http://www.imooc.com/article/1338 Sublime Text 全程指南 http://zh.lucida.me/blog/sublime-text-complete-guide/

教程： Git：http://git-scm.com/book/zh/v2 Git教程（廖雪峰）http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/ 版本管理工具介绍—Git篇 http://www.imooc.com/view/208 Git 使用规范流程 http://www.imooc.com/article/1345 够用一年的Git 技巧 http://www.imooc.com/article/1426 Git速查表大全 http://pan.baidu.com/s/1ntIGTQh

Canvas： Canvas教程（MDN） https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial Canvas API方法和属性汇总 http://www.w3cfuns.com/article-5600233-1-1.html 倒计时效果Canvas绘图与动画基础 http://www.imooc.com/view/133 Canvas绘图详解 http://www.imooc.com/view/185 Canvas玩转图像处理 http://www.imooc.com/view/476

方案荟萃移动web解决方案 http://ecomfe.github.io/saber/

国外个人：精通CSS：高级Web标准解决方案作者 Cameron moll http://www.cameronmoll.com/ Andy Budd http://andybudd.com/ Css secret作者 Lea Verou http://lea.verou.me/ Jquery作者 JohnResig http://ejohn.org/ Javascript高级程序设计作者 Nicholas C. Zakas http://www.nczonline.net/

国内个人：水墨寒 http://blog.sina.com.cn/koopking 党建 http://www.dang-jian.com zibin http://zibin.me/ 寸志 http://island205.com/ MaterLiu http://materliu.github.io/ 小僧怀静 http://qrsir0.duapp.com/ 笨笨剥壳 http://www.benben.cc/ hzlzh http://hzlzh.io/ 姬小光 http://diao.it/ 萝卜 http://leeluolee.github.io/ 元彦 http://madscript.com/ 鬼道 http://luics.com/ 白树 http://peunzhang.cnblogs.com/

方案：布局：页面高度100% http://www.webhek.com/css-100-percent-height 网页中的底部foot定位 http://www.zhihu.com/question/35290742#answer-20340542 移动端position:fixed问题 http://www.bubuko.com/infodetail-5096.html

常见问题：移动前端开发和 Web 前端开发的区别是什么？http://www.zhihu.com/question/20269059#answer-19718763 性能/规范/实践 codeguide http://www.css88.com/doc/codeguide/ 雅虎web性能优化军规 https://developer.yahoo.com/performance/rules.html jquery 使用实践http://www.ruanyifeng.com/blog/2011/08/jquery_best_practices.html 高性能css http://www.html-js.com/article/Front-end-home-best-practice-in-front-of-the-web-high-performance-CSS

动画： rocket http://minimamente.com/example/rocket/ cssynth http://bennettfeely.com/cssynth/ stylie http://jeremyckahn.github.io/stylie/ animo-js http://labs.bigroomstudios.com/libraries/animo-js anima.js http://lvivski.com/anima/ magic_animations http://www.minimamente.com/example/magic_animations/

性能检测
httpwatch http://www.httpwatch.com/ fiddler http://www.telerik.com/download/fiddler gtmetrix https://gtmetrix.com/ webpagetest http://www.webpagetest.org/ pagespeed http://developers.google.com/speed/pagespeed/insights/

150906

国外综合： tutorialzine http://tutorialzine.com/ w3c：http://www.w3.org/

国内个人： Winter http://winter-cn.cnblogs.com/ 丸子http://i.wanz.im/ 一丝（新）https://github.com/yisibl/blog/issues 米粽粽 http://myst729.github.io/ Twinsen http://www.twinsenliang.net/ 阮一峰 http://www.ruanyifeng.com/ 大猫http://bigc.at/ 当耐特http://www.cnblogs.com/iamzhanglei/ 99css http://www.99css.com/ 崔凯：http://uicss.cn/ 彬Go http://blog.bingo929.com/ 潘魏增 http://panweizeng.com/ 任寒韬http://www.css3china.com/ Sofish：http://sofi.sh/ 桑尼真 http://blog.sina.com.cn/a287019674 franky http://www.cnblogs.com/_franky/ 前端农民工https://github.com/fouber/blog 民工精髓 http://blog.xufei.gitpress.org/ 尤小右 http://www.evanyou.me/ hacke2 http://www.hacke2.cn/ johnhax http://hax.iteye.com/ melonh http://melonh.com/ trigkit4 http://hawx1993.github.io/ dead-horse https://github.com/dead-horse 题叶 http://tiye.me/ 严清 https://github.com/zensh Justineo http://lync.in/ 一米https://yimity.com/ Vingo http://vingojw.github.io 叶小钗 http://www.cnblogs.com/yexiaochai justjavac http://justjavac.com/ 羡辙 http://zhangwenli.com/ 乐小希 http://www.cnblogs.com/web-lexi/ 楔子_菜菜 http://zhuxinyong.com/ 随机 http://random.cnblogs.com/ 西门的后花园 http://ons.me/

150905

新增：网页百度统计代码触屏滚动：fullpage

微博号分类：前端：前端开发博客、前端开发网站、前端大全、前端早读课、w3cplus、技术头条、前端网、前端交流、前端乱炖、前端快爆、前端网W3cfuns、div.io前端社区、F2E前端技术社区、移动WEB前端设计、专注web前端开发、网易杭州前端技术部、w3ctech、前端技术分享网、css小组、cssconf、JsConfChina、WebReBuild、慕课网前端学习小组、w3cmark、w3c中国、HTML5中国、SegmentFault、HTML5、HTML5kit、js小组设计：优秀网页设计、UI中国、UC优视RED设计中心综合：好东西传送门、稀土圈、技术头条

增加社区设计版块：站酷、优设、昵图网、懒人图库、千图网、独创意、视觉中国、idesign设计导航

书籍：精彩绝伦的css

国外综合社区：http://www.oreilly.com/

150904

修正了内测第一版部分问题新增板块：书籍、常见问题、教程社区：最虾米、异步社区调整了分类，优化了html代码，调整了样式

150903

问题汇总：纠正错误，内容微调新增：工具：雪碧图 http://www.spritecow.com/

ideazhao / f2er-club