V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  wsWmsw  ›  全部回复第 1 页 / 共 4 页
回复总数  64
1  2  3  4  
7 天前
回复了 pureGirl 创建的主题 Web Dev 什么样的网站算设计精良的
@shui14 Headless UI 确实推了一把,他们都把 a11y 做亮点宣传的,质量都很高。
8 天前
回复了 pureGirl 创建的主题 Web Dev 什么样的网站算设计精良的
@wsWmsw 苹果别的细节还很多,有个场景非常普遍,苹果所有的视频或动图,一定都有暂停按钮。
8 天前
回复了 pureGirl 创建的主题 Web Dev 什么样的网站算设计精良的
苹果算是设计精良的,举个例子:

https://i.imgur.com/9aEcp32.gif

上面苹果的 iPhone 广告栏有 3 个触发点,背景、“进一步了解”链接、“购买”链接,多数人可能会、也是错误的实现方法是:

```html
<a style="background: url(iphone.jpg)" href="/1">
<a href="/1">进一步了解</a>
<a href="/2">购买</a>
</a>
```

这样实现的结果是不符合 W3C 规范,因为可聚焦元素不允许嵌套:

https://i.imgur.com/3nq3q4I.png

苹果用了特殊的方法实现,同时满足了用户、营销和规范要求,大致下面这样:

```html
<div style="background: url(iphone.jpg);">
<a href="/1" style="position: absolute; width: 100%; height: 100%;"></a>
<div>
<a href="/1">进一步了解</a>
<a href="/2">购买</a>
</div>
</div>
```

上面的实现,没有嵌套链接,但是有同样的效果。从工程师的角度,这个设计够精良。

苹果首页还有个特点,点击区域几乎占满了屏幕,用户随便点点都能跳转到新页面。小米也继承了这个说不上好坏的设计,但是苹果的可点击区域不是 button 就是 a 标签,用户能预判接下来是按钮操作还是跳转新页面,小米的页面一律 div 加上点击事件实现链接跳转。

https://i.imgur.com/j36jpRb.gif

我在小米首页点击,除了导航栏几个链接,别的差不多都是 div ,无法被聚焦。
8 天前
回复了 pureGirl 创建的主题 Web Dev 什么样的网站算设计精良的
淘宝设计很多问题,举个例子:

https://i.imgur.com/v1X5F7F.gif

上面的图片是淘宝首页的工具栏,我的鼠标点击后,如果元素周围出现方框,代表元素能被聚焦,可以看作按钮或链接,但实际上第二个“消息”元素无法触发方框,而这个元素点击后和其它工具栏里的元素作用一样,跳转到新页面。

可以看出来,单这个工具栏的实现就比较混乱,在用户场景的问题是,用户用键盘 Tab 会从第一个工具 Tab 到第三个工具。

还有个问题国内很常见,淘宝首页无限滚动,永远看不到网站的脚步信息栏,参考 dribbble ,dribbble 会在滚动加载第三次展示“load more”按钮,让用户手动决定是否继续加载。

https://i.imgur.com/tgPpNfi.gif

https://i.imgur.com/IQfACol.gif
14 天前
回复了 gaomengyu42 创建的主题 职场话题 为什么现在很多人对前端很悲观?
@Track13 你导航的时候用命令行敲呀
14 天前
回复了 gaomengyu42 创建的主题 职场话题 为什么现在很多人对前端很悲观?
@julyclyde 前端是个大范围,你 IDE 编码的界面是前端,你操作系统窗口是前端,你用的 Figma 用到前端计算几何,你命令行报错的红线是前端,安卓、iOS 应用是前端,你能看到的不都是前端吗?怎么就和 3D 、音视频没关系了?
我之前有工具类项目做推广,是通过给其他项目做 pr ,其他项目会在文档里提到我,是有效果的。但是这个导航栏库想找到能提 pr 的开源项目很难,一般需要官网、展示类型的网站,非常少。
单休 or 单双休 or 双休?
@codehz 最近重新整理重构了动画的部分,应该修复了吧,欢迎再看看啊~

改名了,hanav ,体验链接: https://wswmsword.github.io/examples/hanav/
一起出趣
@cwliang 小梁别急,是不是自己很牛逼,没人叫你大佬生气了啊==
有几个交互问题,<kbd>Tab</kbd> 按键访问的时候会访问到隐藏的音量控件,左右按键调节音量控件的时候,
调节的步长特别小。有看到每个声音按钮都有 title ,长时间 hover 会展示出来,但是这里用 popover 会不会效果更明显更好。

声音网站的键盘交互应该做的要比一般网站要好,可能可以服务到残障人群。

https://i.imgur.com/6DiDhsU.gif
@xsd837880452 什么姿势的游泳?
请问“短的项目”说的是导航栏的触发器按钮的长度吗?
在组件主页的导航栏里有个叫 `Postcss-Mobile-Forever` 的触发器按钮,这个按钮文字的 `Postcss-` 被我用 `<span>` 包起来,用来在窄屏上隐藏节约空间,结果在我的组件源码里是用触发器本身来判断当前点击的序列,没有判断触发器的子元素 `<span>`,就导致点击失效了==这个我刚修好,但是还没发版,主页上的例子已经更新没这个问题了。
如果你碰到的不是这个问题,确实是结束位置错误的话,方便再详细点吗,或者 GitHub 上提个 issue 我看下截图~我没有复现出来,不过我知道另一个问题还没修复,是在切换动画快结束的时候立即点击关闭,收起的动画可能不会出现。
341 天前
回复了 freewind 创建的主题 职场话题 适当摸鱼,有益身心健康
@ponelyr 承认领导的身心不健康
363 天前
回复了 perbugwei 创建的主题 职场话题 久坐怎么护腰呀兄弟们
别等到椎间盘破裂,里面的液体流到全身,压倒腰椎后面的神经再后悔哦~
363 天前
回复了 perbugwei 创建的主题 职场话题 久坐怎么护腰呀兄弟们
不久坐,像正常人一样工作生活。不久坐的意思是至少 1 小时走动一圈。
我去专家门诊问过,根因是职业,我说是久坐,医生还是强调是职业的问题,其实反思一下可以理解,只有这种职业会强制让你久坐,否则身体发出不舒适信号的时候,人会本能活动放松。
我自己每天会锻炼核心和臀部,锻炼是为了核心肌肉减轻腰部压力,帮助维持腰椎稳定。
建议挂号咨询医生。
1  2  3  4  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4075 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 28ms · UTC 05:26 · PVG 13:26 · LAX 21:26 · JFK 00:26
Developed with CodeLauncher
♥ Do have faith in what you're doing.