はてなブックマーク

A couple of months ago, I created a jQuery Vertical Parallax Demo that manipulated CSS to make multiple backgrounds move at different speeds relative to the users movement of the scroll bar. This type of effect is slowly appearing across various websites on the web, achieved using many different techniques. Nikebetterworld took the idea to a new level. In today's tutorial, we're going to take the

Front-end Development PortfolioSucceed online with a website that is fast, maintainable, user-friendly, and built with modern best practices. As a front-end developer for GameAnalytics, I worked in a continuos integration environment on key features such as Login/Sign Up flow, Billing Page, and Store Intelligence. The tool was written with React and TypeScript, using TanStack Query, React Router,

(Almost) Static Background This section has a background that moves slightly slower than the user scrolls. This is achieved by changing the top position of the background for every pixel the page is scrolled. Multiple Backgrounds The multiple backgrounds applied to this section are moved in a similar way to the first section -- every time the user scrolls down the page by a pixel, the positions of

(Almost) Static Background This section has a background that moves slightly slower than the user scrolls. This is achieved by changing the top position of the background for every pixel the page is scrolled. Multiple Backgrounds The multiple backgrounds applied to this section are moved in a similar way to the first section -- every time the user scrolls down the page by a pixel, the positions of