MyBookmarks

个人书签整理和分类公网地址：http://gerryiswarrior.github.io/MyBookmarks/

世界顶级社区

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

移动端开发

移动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#

PS

书签太多，先暂时整体这些把，点颗星把，眼睛都整理花了

支持信息

本人，未婚，性别男，爱好女。
职业目标：全栈架构师
博客园博客：http://www.cnblogs.com/GerryOfZhong/

zhangmeiliang5200/MyBookmarks