TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Web front-end tech breakdown

3 pointsby mdn0420almost 6 years ago
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

lukaszkupsalmost 6 years ago
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.