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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Web front-end tech breakdown

3 点作者 mdn0420将近 6 年前
I&#x27;ve been in the mobile application space as an engineer for awhile and wanted to get a little more up to speed on the tools and techniques used today on web front-ends. Specifically, the more rich and interactive web applications.<p>What designers and developers are pulling off with what I assume is HTML&#x2F;CSS&#x2F;JS is blowing my mind compared to when I last played with this stuff. My goal here is a high level discussion so I&#x27;d have a head start on where to begin were I to implement some of these effects and animations myself. Some of this might be just getting familiar with the nomenclature used today.<p>Let&#x27;s take this site for example: https:&#x2F;&#x2F;www.everest.agency&#x2F;<p>- What are some of the concepts they&#x27;re using to pull off many of the effects here? There are some 3D effects and transitions - is this done through CSS animations primarily? - What tools&#x2F;frameworks are commonly used today to facilitate development of a front-end such as this?

1 comment

lukaszkups将近 6 年前
If you use developer tools to inspect this website you&#x27;ll find that it&#x27;s basically rendered on &lt;canvas&gt;&lt;&#x2F;canvas&gt; - that&#x27;s how many HTML5&#x2F;js games are made - you can&#x27;t really inspect any elements that are drawn inside this, but basically what you see on this webpage, can be a &#x27;video game that looks like a website&#x27; - so the authors were not limited to what&#x27;s DOM offers and its quirks.