MDN 突然大改,还以为打开错网站。
developer.mozilla.org/zh-CN/docs/Web/API/Background_Tasks_API

github pr
github.com/mdn/yari/pull/5337

有原生的暗色模式了,之前用 Dark Reader 总是有点问题

以前还帮忙翻译过文档,现在改了后没找到登录地方ಠ_ಠ

现在应该是用 github 来管理了

感觉比之前“清凉”很多~~

翻了一下驱动 MDN 的后端实现 yari ~ 好吧,我也不知道这该不该拗口地说是动态生成静态网站的后端~

刚刚还对比了一下域名(和之前的缓存界面)。。。以为进错网站了。

之前 MDN 有发起过新图标投票,那时候就有说要大改版了。

官方博客里的说法,应该是要开始引入商业服务了,叫做 MDN Plus 。看来 Mozilla 继上次大裁员之后确实是有些财务紧张,希望他们能挺住。

hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/

不喜欢这个字重,太轻了,看这累

mdn 要挺住啊。。。

欢迎给他们捐钱,用 VISA 、万事达、PayPal 都行,捐款地址: donate.mozilla.org/zh-CN/

没有原来粗旷大气了,现在像是一个普普通通的教程网站

去年推上投票选新 logo, 可以我投的那个没选上

喜欢原版

现在的对散光不友好,看着眼睛好累,不好聚焦了

啊 还是喜欢原版…

上午看还没改来着
新版对比度太低了,大脑负载+10%

这样现代多了,不过原来其实也蛮好的,虽然看起来有点陈旧。

浏览器兼容性都不写兼容的版本号了。。

Logo 有点丑

可能是用习惯了的原因,还是喜欢之前的版本,直观,字体也大,看着不累。

#17 点击那个对勾会显示从哪个版本开始全支持

没有突然, 早些时候有顶部有图标投票入口, 已经说明要改版了, 我投了几个

天天上 MDN 查资料的前端表示,感觉改版之后好多了,字体小了就不感觉是老年人字体了,更像是一个现代化的 UI 现代化的文档

ui 更好了.有个蛋疼的就是浏览器兼容性不能全部看到..一个个点没有以前方便.

感觉上次 MDN 改版还没过多久呢

这个 dark mode 好刺眼啊 能不能改柔和一点

这个对比度太难受了,哪里可以 feedback 啊

感觉界面没有以前高大上了啊。以前像“权威文档”,现在像“类库说明”或者技术教程了。

更改语言终于不用绕一圈页面了

原来简洁大方

喜欢原版+1

有没有啥原版的 CSS 插件,感觉没有可以搞一个

之前 logo 投票的帖 /t/822995
选出来只能说……还行

看起来没之前那么权威了,不过确实好看了

变好看了,但是感觉看着没有以前舒服……

soga

唉 原来看上去很“官方”,现在看上去很“业余”

#22
也就是前端因为地狱回调,字体调整的特别小。

开了 dark mode 之后跟 ms 的文档站基本一样了

这改的我甚至以为是内容农场呢。。。

刚去搜了个东西,还以为进错网站了

感觉以前那种厚重的风格还挺耐看的,现在的 ui 有点轻浮了

我感觉还挺好的,原来的字体比较重,现在应该是用了 react 框架重写,页面也更像一个文档网站。

我上周刚部署一套旧版到自己的离线机器上,没想到竟是绝版! O(∩_∩)O~

印象中原来的输入框是一直显示的,现在每搜一次进入具体条目的页面,想再搜都要再点一下那个搜索图标 = =(不会是我记忆错乱了吧

不至于仓库在 GitHub 开源的,只要保持 yari 的版本不升级就是原版的界面

#43 旧的 commit 记录又没删除,怎么会是绝版

个人比较喜欢现在的排版和设计

我觉得现在的 UI 设计看起来比较清爽,很舒服

新版的看着不舒服

变丑了,但是变快了
(变秃了,但是也变强了)

喜欢原版,更具有 mdm 的严谨专业的风格
现在的风格千篇一律,显得不专业

总结:不如原来

哈哈,我还给新的这个 LOGO 投过票

mdn2.moz.one/en-us/docs/web/

搜东西,进去了,看了一眼,关掉,以为山寨网站,google 看准地址再进去,还是一样,才发现改版了

终于消肿了,看着舒服多了

感觉有点轻浮……

另外浏览器兼容性那个上面的浏览器名称,是哪个脑残设计的

developer.mozilla.org/zh-CN/docs/Web/API/Window#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7

按自己喜好微调了下样式

// ==UserScript==
// 新版 mdn 样式微调
// tampermonkey.net/
// 0.1
// 新版 mdn 样式微调
// developer.mozilla.org/*
// GM_addStyle
// ==/UserScript==

(function() {
'use strict';

GM_addStyle(`

/ 调整排版 /
h1,h2,h3,h4,h5 {
font-weight: 600;
}
#content p,dd,li {
line-height: 1.65em !important;
letter-spacing: 0.1px;
color:#000 !important;
}
#content p {
margin: 2em 0;
}

/ 滚动条去掉圆角变细 /
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-thumb {
border-radius: 0px;
}

/ 调整导航栏位置 /
#sidebar-quicklinks{
padding-top: 2rem !important;
}

/ 去掉左右导航栏上的装饰性字符 /
#root > div > div.article-wrapper > div > aside > section > header > h2,
#sidebar-quicklinks > div > h4{
display: none;
}

/ 去掉社区汉化提示(感谢社区,但这提示实在太占地方了) /
#root > div > div.container > div {
display: none;
}

`)
})();