带你读《2022技术人的百宝黑皮书》——下一代响应式Web设计: 组件驱动式Web设计(31)

简介: 带你读《2022技术人的百宝黑皮书》——下一代响应式Web设计: 组件驱动式Web设计(31)

带你读《2022技术人的百宝黑皮书》——下一代响应式Web设计: 组件驱动式Web设计(30)https://developer.aliyun.com/article/1340863?groupCode=taobaotech


如果你对多屏或折叠屏这方面技术感兴趣的话,还可以阅读:

  1. 聊聊安卓折叠屏给交互设计和开发带来的变化

(地址:https://www.w3cplus.com/mobile/mobile-folding.html)

  1. 可折叠Web可能会给我们带来的变化

(地址:https://www.w3cplus.com/mobile/css-foldable-display.html)

  1. 可用于双屏幕和折叠屏的Web API

(地址:https://www.w3cplus.com/mobile/introducing-dual-screen-foldable-web-apis.html)

  1. 折叠屏相关的Web API

(地址:https://www.w3cplus.com/mobile/introducing-dual-screen-foldable-web-apis.html)

  1. Foldable CSS and JavaScript update for web developers

(地址:https://devblogs.microsoft.com/surface-duo/foldable-css-javascript-edge-96/

  1. Building Web Layouts For Dual-Screen And Foldable Devices

(地址:ht t ps://www.smashingmagaz ine.c om/2 02 2 /03/building-web-lay - outs-dual-screen-foldable-devices/)

 

技术的变革是永无止境的,我们将来要面对的用户终端也绝不会仅现于目前能看到的终端设备和媒介,就好比现在运用于游戏行业的 VR(虚拟现实)AR(增强现实)设备。虽然现在 VR AR 用于其他行业的场景还很少见, 但我们可以预见,在 VR AR 设备越来越成熟和更多的设备发布之后,我们就能看到 VR AR 就像我们已经看到几十年前的触摸屏设备一样。或许有一天,你设计(或开发)的Web页面或应用就需要能在 VR AR 设备上有一个较好的呈现。

 

 

 

image.png

上图来自于《UX Case Study: Metaverse Banking VR / AR Design Concept of the Future》(地址: https://www.theuxda.com/blog/how-online-banking-design-should-work-ux-case-study)一文。 UXDA的专业金融用户体验架构师和设计师团队向您介绍第一个混合现实银行概念,包括VR和AR银行设计、平板   电脑、可穿戴设备、桌面和移动银行UI / UX。

 

在这里,我想表达的是,未来的响应式 Web 设计要响应的外形需求可能会更丰富,更复杂。

 

带你读《2022技术人的百宝黑皮书》——下一代响应式Web设计: 组件驱动式Web设计(32)https://developer.aliyun.com/article/1340860?groupCode=taobaotech

相关文章
|
1天前
|
前端开发 Java Go
从前端到后端:构建现代化Web应用的技术实践
本文将介绍如何通过前端和后端技术相结合,构建现代化Web应用的技术实践。我们将探讨前端开发、后端架构以及多种编程语言(如Java、Python、C、PHP、Go)在构建高效、可扩展的Web应用中的应用。
|
2天前
|
JavaScript 前端开发 API
Vue中的组件:构建现代Web应用的基石
Vue中的组件:构建现代Web应用的基石
|
2天前
|
存储 JSON JavaScript
Web存储与传输:技术的背后
Web存储与传输:技术的背后
|
3天前
|
存储 安全 数据安全/隐私保护
Web应用程序的会话管理是一种跟踪和识别特定用户与Web服务器之间交互的技术
【5月更文挑战第12天】Python Web开发中,会话管理用于跟踪用户与服务器交互,如Flask框架提供的内置功能。以下是一个简单示例:安装Flask后,设置应用密钥,通过session读写用户状态。例如,创建一个显示和设置用户名称的Web应用,用户提交的名字将保存在会话中。在生产环境中,应安全存储密钥,如使用环境变量。扩展会话管理可借助第三方库实现更多功能,但可能需更多配置。
214 2
|
3天前
|
前端开发 搜索推荐 安全
AJAX和CSR(客户端渲染)是Web开发中常用的两种技术
【5月更文挑战第8天】AJAX提升用户体验,减轻服务器压力,但对搜索引擎不友好且增加开发复杂度,易引发安全问题。CSR提供快速响应和交互性,改善用户体验,但首屏加载慢,搜索引擎支持不足,同样面临安全挑战。两者各有适用场景,需按项目需求选择。
15 0
|
3天前
|
SQL 分布式计算 资源调度
常用大数据组件的Web端口号总结
这是关于常用大数据组件Web端口号的总结。通过虚拟机名+端口号可访问各组件服务:Hadoop HDFS的9870,YARN的ResourceManager的8088和JobHistoryServer的19888,Zeppelin的8000,HBase的10610,Hive的10002。ZooKeeper的端口包括客户端连接的2181,服务器间通信的2888以及选举通信的3888。
21 2
常用大数据组件的Web端口号总结
|
3天前
|
存储 前端开发 安全
13:会话跟踪技术Session的深度应用与实践-Java Web
13:会话跟踪技术Session的深度应用与实践-Java Web
34 3
|
3天前
|
存储 前端开发 搜索推荐
12:会话跟踪技术Cookie的深度应用与实践-Java Web
12:会话跟踪技术Cookie的深度应用与实践-Java Web
31 4
|
3天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。
|
3天前
|
前端开发 JavaScript UED
【专栏:HTML 与 CSS 前端技术趋势篇】Web 性能优化:CSS 与 HTML 的未来趋势
【4月更文挑战第30天】本文探讨了CSS和HTML在Web性能优化中的关键作用,包括样式表压缩、选择器优化、DOM操作减少等策略。随着未来趋势发展,CSS模块系统、自定义属性和响应式设计将得到强化,HTML新特性也将支持复杂组件构建。同时,应对浏览器兼容性、代码复杂度和性能功能平衡的挑战是优化过程中的重要任务。通过案例分析和持续创新,我们可以提升Web应用性能,创造更好的用户体验。