前端学习网站汇总

JSRun

和Codepen差不多
29381f30e924b8998f1aa02264061d950a7bf682.jpg

Codeplayer

如果你能找到你喜欢的效果,那你在这个网站同样能看到作者怎样写出代码
timg?image&quality=80&size=b9999_10000&sec=1493913206912&di=d002b98f36ecf8d126324124ff76916a&imgtype=0&src=http%3A%2F%2Fwww.uedsc.com%2Fwp-content%2Fuploads%2F2014%2F09%2Fcodeplayer2.jpg

Codepen

可以存储自己Test在线编辑器,也有很多很酷的特效,而且你可以下载这些代码
timg?image&quality=80&size=b9999_10000&sec=1493913328748&di=b66373cb283c88d96bd556c13270fd9a&imgtype=0&src=http%3A%2F%2Fwww.oschina.net%2Fuploads%2Fimg%2F201307%2F24072356_jswQ.jpg

CSSdeck

和Codepen同一类型的站点
timg?image&quality=80&size=b9999_10000&sec=1494508252&di=9f809522f4b23bea847b69b57e04ea49&imgtype=jpg&er=1&src=http%3A%2F%2Fstatic.open-open.com%2Fnews%2FuploadImg%2F20141103%2Fcssdeck.jpg

RunJS

和前两个站点差不多,国内出品
timg?image&quality=80&size=b9999_10000&sec=1493913671304&di=ba27e2577a85d421d4063e4e9cc2d26e&imgtype=0&src=http%3A%2F%2Fimage.lxway.com%2Fupload%2F7%2F8a%2F78a8d7192bd2937e6aa55e97d6ea6fbb.jpg

CodeDrops

非常棒的教程网站,个人很喜欢这个站点
timg?image&quality=80&size=b9999_10000&sec=1494508446&di=1abd8c44747d372de7c9e32200403991&imgtype=jpg&er=1&src=http%3A%2F%2Ftc.sinaimg.cn%2Fmaxwidth.2048%2Ftc.service.weibo.com%2Fp%2Fimage_uisdc_com%2F606449cdc7ec435673696cfcd1f03d87.png

NetTut+

很多很棒的教程和资讯,强烈推荐
timg?image&quality=80&size=b9999_10000&sec=1494508584&di=9dc2592e43baed3d6dd2d33fc5dc8617&imgtype=jpg&er=1&src=http%3A%2F%2Fpic.uuhy.com%2Fuploads%2F2011%2F11%2F01%2Ftuts.jpg

W3CPlus

国内同样优秀的站点
u=1967464174,2544092890&fm=21&gp=0.jpg

Red Team Design

red-team-design.com.png

Hakim

更像是一个通过推荐去导航的网站
sqqx8kp4loufynysimup.png

Tutorialzine

教程非常好,很多精品,推荐!
timg?image&quality=80&size=b9999_10000&sec=1493914803646&di=f97f0da644f8751dad0a4bedaa49c22d&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F053c4c554a514a00000115a837697d.jpg

SitePoint

我打开有点慢,哈哈哈哈!
photo.jpg

CSS Wizardry

old.png

Script Tutorials

timg?image&quality=80&size=b9999_10000&sec=1494510068&di=65fa61e39be5c8848aa735fc68a5fe92&imgtype=jpg&er=1&src=http%3A%2F%2Fimg13.3lian.com%2F201410%2F22%2F16ed7aa72df54b886fe50c4dab6f2c10.jpg

Stack Overflow

最后的乱入,几乎所有的问题在这里都能找到答案
timg?image&quality=80&size=b9999_10000&sec=1493918209962&di=b9639aaebcd57367e871c016b9eef6b9&imgtype=0&src=http%3A%2F%2Fwww.zyh1690.org%2Fwp-content%2Fuploads%2F2014%2F04%2Fso-logo.png

转载于:https://www.cnblogs.com/caobiin/p/6810040.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值