都2021了,你还在用 jQuery UI?

1,421 阅读1分钟

是的,我一直在用。

不论审美如何变化,jQuery UI 中,CSS 里基于状态改变的交互设计都是永恒的经典:

  • 默认状态: ui-state-default
  • 悬浮状态: ui-state-hover
  • 激活状态: ui-state-active
  • 高亮状态: ui-state-highlight
  • 错误状态: ui-state-error
  • 禁用状态: ui-state-disabled

这些样式会随主题皮肤的切换而自动变化: 

在原状态样式名以及相关继承和覆盖关系不变的基础上,只需要稍微调整颜色,背景,边线,就能变成任何一款当前流行的主题样式:

【透明主题】 image.png

【玻璃效果】 image.png

image.png

【深夜】 image.png

【透明主题 二】 image.png

【Tiktok Design】 tiktok.png

【Facebook Design】 facebook.png

样式获取请访问:forum.wuyuan.io/plate/qa/to…

思考:前端工程师具备的CSS样式实现的技能本质是什么?是否有所谓流行和过时一说?