TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

CSSDeck Codecasts: Learn HTML5, CSS3, Javascript in a new way

45 点作者 luzon19超过 12 年前

8 条评论

xarien超过 12 年前
I think it's a great way for get a non-programmer interested very quickly, but I personally was quite turned off when I clicked on the "realistic physics" based bouncing ball module and found that the ball doesn't actually stop bouncing, EVER.<p>The problem occurs in the following code:<p>if(ball.y + ball.radius &#62; H) { // First, reposition the ball on top of the floor and then bounce it! ball.y = H - ball.radius; ball.vy *= -bounceFactor; // The bounceFactor variable that we created decides the elasticity or how elastic the collision will be. If it's 1, then the collision will be perfectly elastic. If 0, then it will be inelastic. }<p>Basically, when the ball hits the ground (the collision check), it should no longer be receiving a gravity modifier as it's "on the ground". Additionally, because there's a user set velocity variable, there needs to be a check against the crest of bounce to slowly reduce that variable down to 0 so the ball will stay stationary.<p>Call me a stickler, but seeing a "physics" demo no matter how loosely it's based get stuck in an infinite bounce just rubs me the wrong way.
评论 #4713393 未加载
wturner超过 12 年前
I would love to see a modularize Javascript app recorded in this manner that uses the DOM. Maybe a mini 4x4 minecraft game. As someone trying to teach himself , watching the order in which the developer writes would be really enlightening. Regardless, this is a great site.
acoyfellow超过 12 年前
I think this is a great new feature to an already impressive site. I find myself coming back to CSSDeck for bits and pieces of code very routinely.
Aaronneyer超过 12 年前
Looks cool, but is it really any different from CodePlayer? <a href="http://thecodeplayer.com/" rel="nofollow">http://thecodeplayer.com/</a>
评论 #4714022 未加载
评论 #4713912 未加载
shrikrishna超过 12 年前
After watching one of the videos, I mentally started clapping! Really amazing! And both the site and the editor are uncluttered.
United857超过 12 年前
A bit OT but what tool did they use to do the deck? Looks gorgeous with the 3D CSS transitions.
rohanpai超过 12 年前
I like the site. However I do wish there were more CSS Design/layout techniques.
drivebyacct2超过 12 年前
In case anyone else is missing this, when one of the demos first loads -&#62; ctrl+f -&#62; "play", click it.