👑Feel free to fork this project to your own repository and replace the content with your own materials. Of course, you’re encouraged to optimize parts of the code as needed. If you find it useful, don’t forget to give it a star and make sure to follow the open-source license.👀
本作品集网站,其创意源自苹果电脑的经典桌面风格。整体设计遵循简约直接的原则,旨在让用户能够以最直观、高效的方式浏览作品。整个网站将完全采用纯 HTML、CSS 和 JavaScript 进行编写,在保证代码简洁、纯净的同时,确保作品展示的流畅性与专业性。通过这种技术实现方式,既能精准还原苹果电脑桌面那种简洁而不失优雅的视觉效果,又能为用户带来流畅、舒适的浏览体验,让作品成为网站的核心焦点,展现出独特的魅力。
This portfolio website draws its inspiration from the classic desktop style of Apple computers. The overall design follows a minimalist and straightforward approach, aiming to provide users with the most intuitive and efficient way to browse the works. The entire site is built using pure HTML, CSS, and JavaScript, ensuring clean and concise code while maintaining smooth and professional presentation. This technical implementation faithfully recreates the elegance and simplicity of the Apple desktop aesthetic, delivering a seamless and pleasant browsing experience. It places the spotlight firmly on the work itself, highlighting its unique charm.
All image resources on this website are sourced from the internet. If any infringement is found, please contact us for removal.☎️
此主页面是网站的核心枢纽,集各类信息展示与子级页面导航功能于一体。用户在此既能便捷查看所需信息,又能依据指引轻松跳转至各子级页面📝 This main page serves as the central hub of the website, integrating both information display and navigation to subpages. Users can conveniently access the information they need here and easily follow the guidance to navigate to various subpages.
网站Logo Website Logo
点击logo即可刷新页面📝 Click the logo to refresh the page.
网站菜单栏 Website Menu Bar
跳转二级页面,访问工作室项目/工作室介绍/合作联系📝 Navigate to secondary pages, including Studio Projects / Studio Introduction / Contact & Collaboration.
网站桌面 Website Desktop
放置各种文件夹,用来存放零散且较新的设计作品📝 Displays various folders used to store scattered and recent design works.
网站底部Dock Website Bottom Dock
放置常规流行平台图标,用来跳转设计师其他平台的主页📝 Contains icons of popular platforms, linking to the designer’s other social profiles.
- Dock图标支持用户拖拽排序📝Dock icons can be dragged and reordered by the user.
- 桌面图标打开时,会出现在Dock,关闭时会从Dock移除📝When a desktop icon is opened, it appears in the Dock; when closed, it is removed.
- 点击桌面图标,以文件管理器方式打开内容📝Clicking a desktop icon opens its contents in a file-manager-like window.
- 用户在0.5秒内改变浏览器窗口位置/大小,就会触发桌面图标掉落,点击菜单栏Logo恢复📝If the user changes the browser window’s position or size within 0.5 seconds, the desktop icons will “fall”; clicking the menu bar logo restores them.
使用懒加载方式加载作品图片,图片以瀑布流呈现📝
Images are loaded using lazy loading and presented in a masonry (waterfall) layout.