前端书签整理和分类【推荐】

2016-12-26 620 标签:前端

QQ图片20161226214232.png

世界顶级社区

Hacker News : https://news.ycombinator.com/news
Links - Today : https://dzone.com/links
Six Revisions : http://sixrevisions.com/
Speckyboy Design Magazine : https://speckyboy.com/
Home - Web Resources Depot : http://webresourcesdepot.com/
DailyJS : http://dailyjs.com/
Smashing Magazine : https://www.smashingmagazine.com/
David Walsh Blog : https://davidwalsh.name/
Stoyan's web dev blog: phpied.com : http://www.phpied.com/
Onextrapixel : http://www.onextrapixel.com/
Coding Horror : https://blog.codinghorror.com/
Alex Sexton : https://alexsexton.com/
Paul Irish : http://www.paulirish.com/
Scotch | Developers bringing fire to the people. : https://scotch.io/

国内前沿技术

程序员杂志 : http://programmer.csdn.net/
51CTO.COM : http://www.51cto.com/
外刊IT评论 : http://www.vaikan.com/
WEB开发者 : http://www.admin10000.com/
技术 | SDNLAB : http://www.sdnlab.com/tech/
安卓开发论坛 : http://www.eoeandroid.com/
InfoQ : http://www.infoq.com/cn/
ITeye : http://www.iteye.com/
人人都是产品经理 : http://www.woshipm.com/
前端网(W3Cfuns) : http://www.w3cfuns.com/forum.php
开发者头条 : http://toutiao.io/
开源中国社区 : http://www.oschina.net/project/tags
Mozilla 开发者网络 : https://developer.mozilla.org/zh-CN/
极客头条 : http://geek.csdn.net/
慕课网 : http://www.imooc.com/
FEX : http://fex.baidu.com/
W3CPlus : http://www.w3cplus.com/
前端乱炖 : http://www.html-js.com/
腾讯AlloyTeam Blog : http://www.alloyteam.com/
Div.IO : http://div.io/digg
Awesomes : http://www.awesomes.cn/
Explore : https://github.com/explore

个人杂七杂八的使用的js和css

javascript

JavaScript全栈教程 : http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
全屏滑动库 : https://github.com/nieweidong/fetool
Vue.js : http://cn.vuejs.org/
PhotoSwipe : http://photoswipe.com/
能够将emoji关键词转换为emoji图片的JS插件 : https://github.com/Ranks/emojify.js
图片剪裁 : http://fengyuanchen.github.io/cropper/
让打印console.log时有更好的展示样式 : https://www.npmjs.com/package/colors
parallax.js 视觉差工具 : http://matthew.wagerfield.com/parallax/
Font Awesome,一套绝佳的图标字体库和CSS框架 : http://fontawesome.dashgame.com/
Bootstrap 工具提示(Tooltip)插件 : http://outofmemory.cn/bootstrap/tutorial/bootstrap-tooltip-plugin.html
Backbone.js js前端MVC框架 : http://backbonejs.org/
Javascript之事件(二) - SegmentFault : http://segmentfault.com/a/1190000004004845
组织架构 h5+c3的例子 : http://m.oschina.net/p/orgchart
Dragable demo with freewall : http://vnjs.net/www/project/freewall/example/draggable.html
jquery异步加载图片BiaoLoveDan新浪博客 : http://blog.sina.com.cn/s/blog_78106bb10101cjw1.html
创建酷炫动画效果的10个JavaScript库-控件新闻 : http://www.evget.com/article/2015/11/27/23089.html
Demo 演示 [zTree -- jQuery 树插件] : http://www.ztree.me/v3/demo.php#_115
编写jquery插件的分享互联网百度经验 : http://jingyan.baidu.com/album/e75aca85550216142edac63b.html?picindex=7

CSS

Flat UI : http://designmodo.github.io/Flat-UI/
Getting started · Bootstrap : http://getbootstrap.com/getting-started/#download
你应该知道的9个优秀的CSS框架 : http://www.codeceo.com/article/9-css-framework.html
aozora/bootmetro · GitHub : https://github.com/aozora/bootmetro
Pure : 来自雅虎的纯 CSS 框架 : http://www.codeceo.com/article/yahoo-pure-css.html
EZ-CSS: 网站框架布局 : http://www.ez-css.org/
Bootswatch基于 Bootstrap 的免费主题包 : http://news.bootswatch.com/
CSS完整学习 : http://thenewcode.com/919/A-Complete-Reading-List-For-CSS
weui/weui · GitHub : https://github.com/weui/weui
小巧提示框效果 : https://github.com/chinchang/hint.css
鼠标Hover态的效果 : http://ianlunn.github.io/Hover/
Loaders.css : https://connoratherton.com/loaders
用于检查css代码冗余 : https://github.com/zmoazeni/csscss
漂亮变换的图标 : http://netsmell.com/apps/transformable-icons/
利用css样式画各种图形--初步、进阶、高级 : http://www.cnblogs.com/pigtail/archive/2013/02/17/2914119.html
css3动画简介以及动画库animate.css的使用 : http://www.cnblogs.com/2050/p/3409129.html

前端学习

nodejs

NodeJS框架express的途径映射(路由)功能及控制 : http://www.open-open.com/lib/view/open1409929982338.html
从零开始nodejs系列文章 : http://blog.fens.me/series-nodejs/
七天学会NodeJS : http://nqdeng.github.io/7-days-nodejs/
alsotang/node-lessons · GitHub : https://github.com/alsotang/node-lessons
youyudehexie/node123 · GitHub : https://github.com/youyudehexie/node123

webpack

Webpack傻瓜式指南(一) : http://mp.weixin.qq.com/s?__biz=MzAwNTAzMjcxNg==&mid=400700470&idx=1&sn=d6293775118c4297cb2efd0cfdf44da2&scene=19#wechat_redirect
Webpack傻瓜指南(二)开发和部署技巧 : http://mp.weixin.qq.com/s?__biz=MzAwNTAzMjcxNg==&mid=400838163&idx=1&sn=44284f1a21cd797fa973591b73dbd518&scene=19
Webpack傻瓜指南(三)和React配合开发 : http://mp.weixin.qq.com/s?__biz=MzAwNTAzMjcxNg==&mid=402041619&idx=1&sn=f304125c05cd7a7f261acbd9c48a950d&scene=19#wechat_redirect
配置nodejs的环境变量 : http://www.jianshu.com/p/397df5dfd09c
window下nodejs环境配置互联网百度经验 : http://jingyan.baidu.com/album/1876c8529c79e2890b1376dd.html?picindex=1
Webpack 入门指迷 - 题叶, JiyinYiyong - SegmentFault : https://segmentfault.com/a/1190000002551952

bootstrap框架

Bootstrap前端开发框架-Bootstrap中文手册 : http://caibaojian.com/bootstrap/

CSS布局设计

Flex 布局教程:语法篇 - 阮一峰的网络日志 : http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

gulp打包工具

gulp.js - 基于流的自动化构建工具。 | gulp.js 中文网 : ttp://www.gulpjs.com.cn/

UI框架

Mint UI : http://mint-ui.github.io/

所有前端技术

Web Developer技能树 : http://skill.phodal.com/
JavaScript Function.call() 函数详解 - CodePlayer : http://www.365mini.com/page/javascript-function-call.htm

可视化数据

Highcharts中文网 : http://www.hcharts.cn/index.php
ECharts · Home : http://echarts.baidu.com/index.html

Angular

11个很棒的 AngularJS 工具 | Coder资源网 : http://info.9iphp.com/2015-best-angularjs-tools-for-web-developers/

Ajax技术

[转]JQuery.Ajax之错误调试帮助信息 - 峰雪 - 博客园 : http://www.cnblogs.com/mybest/archive/2011/12/13/2285730.html

大牛博客

如何跟上前端开发的最新前沿 前端开发 - The Recipe : https://uptodate.frontendrescue.org/zh/
JavaScript 标准参考教程(alpha) : http://javascript.ruanyifeng.com/
粉丝日志 | 跨界的IT博客|Hadoop家族, R, RHadoop, Nodejs, AngularJS, NoSQL, IT金融 : http://blog.fens.me/#
花满楼,花谢花飞花满楼,前端学习和分享 : http://www.famanoder.com/bokes?page=2

微信开发文档

【微信支付】公众号支付开发者文档 : https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7
【微信支付】APP支付开发者文档 : https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_1
微信公众平台开发者文档 : http://mp.weixin.qq.com/wiki/home/index.html
【微信支付】公众号支付开发者文档 : https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1
微信公众平台 : https://mp.weixin.qq.com/cgi-bin/loginpage?t=wxm2-login&lang=zh_CN

前端框架选择使用

React大热?再来泼冷水! : http://mp.weixin.qq.com/s?__biz=MzAxNjQwNDY0MQ==&mid=2651953740&idx=1&sn=d01216e342a7ec27d628002bb25076e7&scene=0#wechat_redirect

Zepto

Zepto.js (1.1.6) API 中文文档 - 轻量级、兼容 jQuery 的 JavaScript 工具库 : http://www.bootcss.com/p/zeptojs/

原声js

原生的强大DOM选择器querySelector -- 简明现代魔法 : http://www.nowamagic.net/librarys/veda/detail/388

工具介绍

最佳的75个安全工具-学院-黑基网 : http://www.hackbase.com/tech/2014-12-20/70158.html
程序员/设计师能用上的 75 份速查表 : http://www.admin10000.com/document/4177.html
java 2万多个类速查表 : http://www.javased.com/?action=example-index
HTML5 游戏引擎 : http://html5gameengine.com/
常见问题 · alibaba/druid Wiki : https://github.com/alibaba/druid/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98
10款Web程序员必备的CSS工具 – WEB骇客 : http://www.webhek.com/10-css-tools
查看浏览器对各种新特性的兼容情况 : http://caniuse.com/
百度脑图-便捷的思维工具 : http://naotu.baidu.com/file/8ff27f4e78c53e5631da226015116428
Smallpdf.com - 针对PDF问题的免费解决方案 : http://smallpdf.com/cn
Cmd Markdown 编辑阅读器 - 作业部落出品 : https://www.zybuluo.com/mdeditor
墨刀 - 免费的移动应用原型与线框图工具 : https://modao.cc/
所有资料大全 : https://github.com/jsfront/src/blob/master/qq.md
60款顶级大数据开源工具!总有一款适合你~ : http://mp.weixin.qq.com/s?__biz=MzA4OTg5NzY3NA==&mid=208882661&idx=3&sn=e186036b2666fa3f1cdc1d680227c384&scene=23&srcid=1012QmqC2jb0wO4aLqwpBe0P#rd
API: resize (YUI Library) : http://shouce.w3cfuns.com/api/jsLib/yui/v2.7.0b/module_resize.html
各种分辨率测试网站 : http://responsivator.queenslandwebplan.com/
HTML特殊符号对照表 | 前端开拓者 : http://www.frontopen.com/webtools_htmlchar
filter - CSS3参考手册 : http://www.css88.com/book/css/properties/only-ie/filter.htm
服务器性能测试工具 : http://gatling.io/#/
Cucumber : https://cucumber.io/
web单元测试工具—Jasmine入门教程 : http://blog.csdn.net/luqin1988/article/details/8701611

移动端开发

android开发

10个很棒的学习Android 开发的网站 : http://www.jianshu.com/p/85cb02292acc
迈步进入跨平台开发时代-CSDN.NET : http://www.csdn.net/article/2015-05-25/2824762
Android资讯 : http://www.csdn.net/tag/android/news
Java Code Examples : http://www.javased.com/
Android网络编程(一) : http://blog.csdn.net/kieven2008/article/details/8210737
专栏:Android动效实验室 : http://blog.csdn.net/column/details/androidmoving.html?page=1
十款最实用的Android UI设计工具 : http://www.csdn.net/article/2013-10-25/2817296-mobile-weekly-android-ui-design-tools
Android Design Support Library 的 代码实验——几行代码,让你的 APP 变得花俏 : http://www.jianshu.com/p/1078568e859f
每位Android开发人员不容错过的十大实用工具 : http://mobile.51cto.com/aengine-483588.htm
一个优秀的Android应用从建项目开始 : http://www.jianshu.com/p/d9e4ddd1c530
Android数据保存之文件保存 : http://blog.csdn.net/cwuhao/article/details/47100391
Android工作两年之后的第一个App : http://blog.csdn.net/jiangwei0910410003/article/details/47188679
android Log开发监控 : https://github.com/tianzhijiexian/Android-Best-Practices/blob/master/2015.8/log/log.md
android填坑手册 : https://github.com/tangqi92/Android-Tips
《移动端自适应方案》 : http://f2e.souche.com/blog/yi-dong-duan-zi-gua-ying-fang-an/
谷歌地图安卓详细使用 : http://code.tutsplus.com/tutorials/getting-started-with-google-maps-for-android-basics--cms-24635
真正的Android - 简书 : http://www.jianshu.com/p/ed55b04c8798
Andorid中.9.png图片的使用及制作 : http://blog.csdn.net/iispring/article/details/50446148
Android开发者指南(1) —— Android Debug Bridge(adb) : http://www.cnblogs.com/over140/archive/2011/02/21/1959427.html

ios开发

10个很棒的学习iOS开发的网站 : http://www.jianshu.com/p/ff96a8e5abdb
leecade/ios-dev-flow · GitHub : https://github.com/leecade/ios-dev-flow
The Swift Programming Language中文版 : http://wiki.jikexueyuan.com/project/swift/
ios客户端证书SSL验证问题 : http://stackoverflow.com/questions/30174052/swift-ios-client-certificate-authentication
极分享:高质分享+专业互助=没有难做的软件+没有不得已的加班 : http://www.finalshares.com/read-6524?fr=gn&n=11
超全!整理常用的iOS第三方资源 : http://www.cocoachina.com/ios/20160121/14988.html

代码检查工具

使用Android lint发现并解决高版本API问题 : http://droidyue.com/blog/2015/07/25/use-android-lint-to-find-higher-api-usage/

移动web开发

移动端开发:使用jQuery Mobile还是Zepto : http://www.tuicool.com/articles/EBf6za
平板_手机开发_13 个处理触摸事件和多点触摸的JS 库 : http://www.cnblogs.com/zhwl/p/3525235.html

apk反编译

Android APK逆向工程/反编译总结 : http://blog.csdn.net/ostrichmyself/article/details/6652001
一个APK反编译利器Apktool_coffeebeer : http://blog.sina.com.cn/s/blog_5752764e0100kv34.html
Apktool : https://ibotpeaches.github.io/Apktool/

UI设计

Android UI设计

Material Design for Bootstrap : http://fezvrasta.github.io/bootstrap-material-design/
Angular Material 是google使用Material Design 为angularJs设计的UI框架 : http://www.tuicool.com/articles/VriqeeF
Material UI首页、文档和下载 : http://www.oschina.net/p/material+ui
Material UI : http://material-ui.com/#/
Materialize 响应式 Material Design : http://www.cnblogs.com/lhb25/p/responsive-frontend-framework-material-design.html
性能、UX、跨平台:移动Web应用UI框架大比拼 : http://www.csdn.net/article/2014-12-22/2823241-hybrid-app-ui-frameworks/1
向产品宣战——开发者眼中的Android UI Design : http://blog.csdn.net/eclipsexys/article/details/46238889
MUI-最接近原生APP体验的高性能前端框架 : http://dev.dcloud.net.cn/mui/

响应式布局

Media Queries详解 : http://www.cnblogs.com/asqq/archive/2012/04/13/2445912.html
响应式布局这件小事 : http://www.educity.cn/jianzhan/403677.html
html5开发之viewport使用 : http://www.php100.com/html/webkaifa/HTML5/2012/0831/10979.html
全局 CSS 样式 · Bootstrap v3 中文文档 : http://v3.bootcss.com/css/?#tables-responsive
25款最佳响应式前端开发框架-CSDN.NET : http://code.csdn.net/news/2819417
响应式图片的3种解决方案-前端开发博客 : http://caibaojian.com/3-solutions-for-responsive-image.html
HTML和CSS高级指南之四——响应式设计 :http://www.w3cplus.com/css/advanced-html-css-lesson4-responsive-web-design.html
响应式图片srcset全新释义sizes属性w描述符 : http://www.zhangxinxu.com/wordpress/2014/10/responsive-images-srcset-size-w-descriptor/

UI素材

Barn Images | Free non-stock photography : http://barnimages.com/
UI中国-专业界面交互设计平台 : http://www.ui.cn/
Bootstrap中文网 : http://www.bootcss.com/
famo.us : http://famo.us/docs/api/
为可视化数据寻找适合的配色 - 可乐橙 : http://www.colachan.com/post/3472
幽灵按钮-极简主义的网站设计趋势 : http://www.gbtags.com/gb/share/9446.htm

UI工具

Web界面设计工具 : http://www.evget.com/article/2015/11/17/23005.html

扁平化设计

帮你立刻上手!扁平化设计的8个实用小技巧 : http://www.uisdc.com/8-useful-flat-design-skill

设计思想

日本设计的七个原则 | 设计癖 : http://www.shejipi.com/7804.html
设计癖 | 发现好设计 : http://www.shejipi.com/
UI设计师:用户界面你真的会了吗?_文章_DevStore : http://www.devstore.cn/essay/essayInfo/7323.html

Web UI框架

jQWidgets - jQuery HTML5 UI Widgets framework : http://www.jqwidgets.com/

国外top10设计网站

Best Design Websites: Top 10 Sites for Designer : http://www.howdesign.com/design-creativity/top-10-sites-for-designers/

密码安全学

对抗拖库 —— Web 前端慢加密 : http://www.cnblogs.com/index-html/p/4999897.html
双向认证SSL原理 : http://blog.chinaunix.net/uid-540802-id-3170984.html
SSL的单向认证和双向认证 : http://www.tuicool.com/articles/aEFZR3
【使用wireshark观察SSL/TLS握手过程--双向认证/单向认证】 : http://www.zgxue.com/165/1652669.html
cer证书签名验证 : http://blog.csdn.net/zj510/article/details/40116411
全站 HTTPS 来了 : http://www.cnblogs.com/bugly/p/5075909.html#

转载自:https://gerryiswarrior.github.io/MyBookmarks/

热门项目排行榜