Apple 使用什么语言开发其网站?
What language does Apple use to develop its website?
Apple 的 iPhoneX 页面令人惊叹,我想知道如何复制网站上的某些功能。请参阅 link (https://www.apple.com/iphone-xr/)
我对网络开发知之甚少。我知道 html 和 css 是用于 Web 开发的最常用语言。苹果网站也是这样吗?
我对如何在滚动时创建动画特别感兴趣,这是我在许多网站上看到的一个功能。当用户滚动时,新图像和移动文本会显示在屏幕上。
问题中使用的link以及Apple Inc.的其他区域网站都是基于典型的HTML-CSS平台(主要)。
请注意,动画基于 js(也 css)。
动画看起来非常好,因为它们将页面划分为专用的 DIV,并使用了大量效果,例如 onHover、mouseUP、visibilityChange、scrolling-related 等等。
您可以使用 Ctrl+Shift+I 检查任何网站上的元素,这会让您了解网站的真实内容....!!
What 'Inspect element' looks like
这个效果可以通过以下方式实现:
从最难排序:
- 使用 vanilla 自行编码 Javascript(参见:https://css-tricks.com/lets-make-one-of-those-fancy-scrolling-animations-used-on-apple-product-pages/)
- 使用 Javascript 库自己编写代码
- GSAP(参见:https://youtu.be/wLUJ9VNzZXo)
- ScrollMagic(参见:https://scrollmagic.io/examples/expert/image_sequence.html)
或不编码:
- 滚动序列 WordPress 插件
(参见:https://wordpress.org/plugins/scrollsequence/)
Apple 的 iPhoneX 页面令人惊叹,我想知道如何复制网站上的某些功能。请参阅 link (https://www.apple.com/iphone-xr/)
我对网络开发知之甚少。我知道 html 和 css 是用于 Web 开发的最常用语言。苹果网站也是这样吗?
我对如何在滚动时创建动画特别感兴趣,这是我在许多网站上看到的一个功能。当用户滚动时,新图像和移动文本会显示在屏幕上。
问题中使用的link以及Apple Inc.的其他区域网站都是基于典型的HTML-CSS平台(主要)。 请注意,动画基于 js(也 css)。 动画看起来非常好,因为它们将页面划分为专用的 DIV,并使用了大量效果,例如 onHover、mouseUP、visibilityChange、scrolling-related 等等。
您可以使用 Ctrl+Shift+I 检查任何网站上的元素,这会让您了解网站的真实内容....!!
What 'Inspect element' looks like
这个效果可以通过以下方式实现:
从最难排序:
- 使用 vanilla 自行编码 Javascript(参见:https://css-tricks.com/lets-make-one-of-those-fancy-scrolling-animations-used-on-apple-product-pages/)
- 使用 Javascript 库自己编写代码
- GSAP(参见:https://youtu.be/wLUJ9VNzZXo)
- ScrollMagic(参见:https://scrollmagic.io/examples/expert/image_sequence.html)
或不编码:
- 滚动序列 WordPress 插件 (参见:https://wordpress.org/plugins/scrollsequence/)