自学编程/代码：
- 小白自学各种编程（入门）：http://www.codecademy.com/
- 小白自学各种编程（进阶）：http://teamtreehouse.com/ 和http://code.tutsplus.com/
- 小白自学Html+CSS：http://www.codecademy.com/en/tracks/web
- 最适合初学者的两种web后台脚本语言：
- 最适合产品工匠们的PHP框架：http://laravel.com/ （也是2014年和2015年美国最受欢迎的php框架调查双料第一），最新的版本是5。如果你对PHP不是特别熟，可以下载4.2的版本，更容易学习
- 在Mac系统下安装任意版本的PHP（及其插件）的最简单办法：http://phpbrew.github.io/phpbrew/
- 如果Laravel太庞大，可以找一些Micro Framework，比如：
- PHP语言的常用库管理：http://getcomposer.org/
- 代码编辑器：
- 这款适合所有人：http://www.sublimetext.com/
- 这款是PHP工匠专用：https://www.jetbrains.com/phpstorm/
- 每天值得一读的Web开发优质信息：
- 遇到无法解决的技术问题，去这里提问：http://stackoverflow.com/
产品+设计：
- 必备硬件：http://store.apple.com/cn/mac
- 同事之间互传文件：Mac OS系统自带的Air Drop
- 矢量/图标/UI设计软件：http://bohemiancoding.com/sketch/
- 照片/位图处理软件：http://www.adobe.com/content/dotcom/cn/products/photoshop.html
- 各类设计灵感：http://designspiration.net/
- 设计大牛的聚集地（适合招人）：https://dribbble.com
- UI素材的购买下载：
- APP UI汇合：http://www.pttrns.com/
- 做产品的建议起床后翻一翻：http://www.smashingmagazine.com
- prototype设计必备的高清图片库：https://unsplash.com/
- 更新率较高的一些国外设计资源：
Web前端/CSS/JS：
- 使用最广泛的JS框架：http://jquery.com/
- jQuery功能齐全但是体积庞大，一些轻量级的替代方案：
- 使用最广泛的响应式CSS+JS框架： http://getbootstrap.com
- 在线测试响应式设计的结果：http://resizr.co/
- 更加轻量级的响应式CSS框架：
- https://www.qinco.net/humancss (注：这是我自己写的一个框架，也是我自己认为最实用的一个）
- http://getskeleton.com
- http://eiskis.net/layers/
- http://rwdgrid.com
https://www.qinco.net/humancss
- 如果你是Mac系统，又得测试IE，可以装这个虚拟机：http://dev.modern.ie/tools/vms/
- 测试其他浏览器的工具：
- Web设计全屏截图工具：https://derailer.org/paparazzi/
- 最佳WYSIWYG编辑器：http://imperavi.com/redactor/
- 最佳CSS博客：https://css-tricks.com
- 字体大小/em/rem/px：https://css-tricks.com/rems-ems/
- SVG格式的图片：https://css-tricks.com/using-svg/
- 把图标文字化（font icons）工具：https://icomoon.io/app/
- Retina屏幕下的图片自适应：
- 实用的前端代码片段：http://tympanus.net/codrops/
- 压缩CSS文件：http://cssminifier.com
- 压缩JS文件：http://skalman.github.io/UglifyJS-online/
- 文件上传框架：http://plupload.com/
- 压缩web图片体积：https://imageoptim.com/
- JS代码加密：https://jscrambler.com
- JS图表化插件：http://www.chartjs.org/
- 基于JS的2D物理引擎 ：http://brm.io/matter-js-demo/
- 一些常用的JS或CSS库：
- 常用的HTML特殊字符：http://www.typewolf.com/cheatsheet
- 顶部菜单自动隐藏：http://wicky.nillia.ms/headroom.js/
- 照片集浏览：http://brutaldesign.github.io/swipebox/
- 日期选择：http://amsul.ca/pickadate.js/
- Lightbox #1: http://osvaldas.info/image-lightbox-responsive-touch-friendly
- Lightbox #2: http://brutaldesign.github.io/swipebox/
- JS动态图表：http://www.highcharts.com
- Auto-Complete: http://leaverou.github.io/awesomplete/
- 全屏页面插件：http://alvarotrigo.com/pagePiling/
- 图片轮播1：http://kenwheeler.github.io/slick/
- 图片轮播2：http://meandmax.github.io/lory/
- 侧边菜单：https://mango.github.io/slideout/
基于Web的Hybrid App：
- 入门版框架：http://www.ionic.io/ 目前使用最广泛的框架之一，本质是用WebView嵌套一个手机版网站
- 进阶版框架：利用JS调用更加底层的硬件API，实现真正Native的体验：
- 一些跟App相关的工具：
- 内测版分发测试：
- 以色列公司：http://www.testfairy.com/
- 中国公司：http://fir.im/
- 截屏自动化：https://launchkit.io/screenshots
- App评论管理：https://launchkit.io/reviews
- 内测版分发测试：
Web后端/服务器：
- 最常用的服务器系统之一：http://www.centos.org/
- 这几年最受欢迎的服务器软件非Nginx莫属：http://wiki.nginx.org/
- 针对个人免费的SSL认证CA机构：https://www.startssl.com/
- 在Nginx下如何安装SSL证书：https://www.linode.com/docs/websites/nginx/startssl-wth-latest-nginx-debian-7
- 实时监控服务器CPU/内存/性能：推荐Linode提供的Longview服务
- PHP性能分析工具：https://blackfire.io/
- 图表化的服务器压力/负载测试服务：http://blitz.io
- 适合自己DIY的服务器压力/负载测试工具：https://www.joedog.org/siege-home/
- 实时监控网站是否宕机：
- 服务器端的图片处理：http://imagemagick.org/
- 基于PHP和Imagemagick的图片处理库：http://image.intervention.io/
- 服务器端的文件同步：http://linux.die.net/man/1/rsync
- 网站安全漏洞测试：http://ce.wooyun.org
域名/主机/CDN：
- 域名注册：http://www.godaddy.com
- 除了.com，.net等主流后缀外，还有上千种后缀可以选：https://www.godaddy.com/tlds/gtld.aspx
- 国外最具性价比的高性能VPS：http://www.linode.com
- 国内做的最好的VPS之一：http://www.ucloud.cn
- 国内网站的首选DNS托管：http://www.dnspod.cn
- 国外常用的CDN服务：
- 国内最好的CDN服务：
- 防御DDOS攻击/流量清洗服务：
邮件/短信/支付等第三方服务：
- 在线支付，首选支付宝的即时到账接口
- 在线支付API的一站式服务：https://pingplusplus.com/
- 邮件托管的最佳选择，没有之一：http://mail.google.com/a (设置需翻墙)
- 重要提醒：千万不要用腾讯企业邮，因为各种莫名其妙的限制会让你的email发不出去
- 简单好用的邮件发送服务： http://mailgun.com/
- API做得最好的国内短信服务：http://luosimao.com
- 网站整体评估：http://nibbler.silktide.com/
- 插一条广告：HTML5响应式网站定制+租用：http://www.qinco.net/
项目管理：
- 代码的版本管理工具，最好且唯一的选择：git
- 基于Git的代码托管服务商：http://github.com/
- 工作日志记录：http://teamcola.com/
- 团队项目协作工具：
- 给设计师用的协作平台：http://www.invisionapp.com/
- 看看其他网站在用什么技术方案：http://stackshare.io/stacks
扫一扫
1654
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
