跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • MDN 突然改版
未分類
9 3 月 2022

MDN 突然改版

MDN 突然改版

資深大佬 :houzhenhong0

MDN 突然大改,还以为打开错网站。

https://developer.mozilla.org/zh-CN/docs/Web/API/Background_Tasks_API

MDN 突然改版

github pr

https://github.com/mdn/yari/pull/5337

大佬有話說 (58)
  • 資深大佬 :yanghanlin
    有原生的暗色模式了,之前用 Dark Reader 总是有点问题
  • 資深大佬 :express
    以前还帮忙翻译过文档,现在改了后没找到登录地方ಠ_ಠ
  • 主資深大佬 :houzhenhong
    @express 现在应该是用 github 来管理了
  • 資深大佬 :mywaiting
    感觉比之前“清凉”很多~~
    翻了一下驱动 MDN 的后端实现 yari ~ 好吧,我也不知道这该不该拗口地说是动态生成静态网站的后端~
  • 資深大佬 :Zenyet
    刚刚还对比了一下域名(和之前的缓存界面)。。。以为进错网站了。
  • 資深大佬 :Inf1nity
    之前 MDN 有发起过新图标投票,那时候就有说要大改版了。
  • 資深大佬 :Biwood
    官方博客里的说法,应该是要开始引入商业服务了,叫做 MDN Plus 。看来 Mozilla 继上次大裁员之后确实是有些财务紧张,希望他们能挺住。
    https://hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/
  • 資深大佬 :qq316107934
    不喜欢这个字重,太轻了,看这累
  • 資深大佬 :sickoo
    mdn 要挺住啊。。。
    @Biwood
  • 資深大佬 :Biwood
    @sickoo 欢迎给他们捐钱,用 VISA 、万事达、PayPal 都行,捐款地址: https://donate.mozilla.org/zh-CN/
  • 資深大佬 :WhateverYouLike
    没有原来粗旷大气了,现在像是一个普普通通的教程网站
  • 資深大佬 :vivipure
    去年推上投票选新 logo, 可以我投的那个没选上
  • 資深大佬 :eason1874
    喜欢原版
    现在的对散光不友好,看着眼睛好累,不好聚焦了
  • 資深大佬 :enchilada2020
    啊 还是喜欢原版…
  • 資深大佬 :GeruzoniAnsasu
    上午看还没改来着
    新版对比度太低了,大脑负载+10%
  • 資深大佬 :Zien
    这样现代多了,不过原来其实也蛮好的,虽然看起来有点陈旧。
  • 資深大佬 :zhoufenfens
    浏览器兼容性都不写兼容的版本号了。。
  • 資深大佬 :Cbdy
    Logo 有点丑
  • 資深大佬 :aikilan
    可能是用习惯了的原因,还是喜欢之前的版本,直观,字体也大,看着不累。
  • 資深大佬 :xujiahui
    @zhoufenfens #17 点击那个对勾会显示从哪个版本开始全支持
  • 資深大佬 :gaolingyi
    没有突然, 早些时候有顶部有图标投票入口, 已经说明要改版了, 我投了几个
  • 資深大佬 :wangtian2020
    天天上 MDN 查资料的前端表示,感觉改版之后好多了,字体小了就不感觉是老年人字体了,更像是一个现代化的 UI 现代化的文档
  • 資深大佬 :dr2009china
    ui 更好了.有个蛋疼的就是浏览器兼容性不能全部看到..一个个点没有以前方便.
  • 資深大佬 :DOLLOR
    感觉上次 MDN 改版还没过多久呢
  • 資深大佬 :janus77
    这个 dark mode 好刺眼啊 能不能改柔和一点
  • 資深大佬 :alphanow
    这个对比度太难受了,哪里可以 feedback 啊
  • 資深大佬 :anjianshi
    感觉界面没有以前高大上了啊。以前像“权威文档”,现在像“类库说明”或者技术教程了。
  • 資深大佬 :hussar
    更改语言终于不用绕一圈页面了
  • 資深大佬 :1sm23
    原来简洁大方
  • 資深大佬 :ALVC666
    喜欢原版+1
  • 資深大佬 :qq316107934
    有没有啥原版的 CSS 插件,感觉没有可以搞一个
  • 資深大佬 :kidonng
    之前 logo 投票的帖 /t/822995
    选出来只能说……还行
  • 資深大佬 :billly
    看起来没之前那么权威了,不过确实好看了
  • 資深大佬 :baobao1270
    变好看了,但是感觉看着没有以前舒服……
  • 資深大佬 :zhoufenfens
    @xujiahui soga
  • 資深大佬 :Xusually
    唉 原来看上去很“官方”,现在看上去很“业余”
  • 資深大佬 :wolfie
    @wangtian2020 #22
    也就是前端因为地狱回调,字体调整的特别小。
  • 資深大佬 :YenvY
    开了 dark mode 之后跟 ms 的文档站基本一样了
  • 資深大佬 :poorcai
    这改的我甚至以为是内容农场呢。。。MDN 突然改版
  • 資深大佬 :registerrr
    刚去搜了个东西,还以为进错网站了
  • 資深大佬 :sechi
    感觉以前那种厚重的风格还挺耐看的,现在的 ui 有点轻浮了
  • 資深大佬 :lindenYou
    我感觉还挺好的,原来的字体比较重,现在应该是用了 react 框架重写,页面也更像一个文档网站。
  • 資深大佬 :supuwoerc
    我上周刚部署一套旧版到自己的离线机器上,没想到竟是绝版! O(∩_∩)O~
  • 資深大佬 :cooLepus
    印象中原来的输入框是一直显示的,现在每搜一次进入具体条目的页面,想再搜都要再点一下那个搜索图标 = =(不会是我记忆错乱了吧
  • 資深大佬 :yin1999
    @supuwoerc 不至于仓库在 GitHub 开源的,只要保持 yari 的版本不升级就是原版的界面
  • 資深大佬 :Showfom
    @supuwoerc #43 旧的 commit 记录又没删除,怎么会是绝版
  • 資深大佬 :karott7
    个人比较喜欢现在的排版和设计
  • 資深大佬 :josephxrays
    我觉得现在的 UI 设计看起来比较清爽,很舒服
  • 資深大佬 :dany813
    新版的看着不舒服
  • 資深大佬 :shunia
    变丑了,但是变快了
    (变秃了,但是也变强了)
  • 資深大佬 :wangyzj
    喜欢原版,更具有 mdm 的严谨专业的风格
    现在的风格千篇一律,显得不专业
  • 資深大佬 :xzh654321
    总结:不如原来
  • 資深大佬 :qeqv
    哈哈,我还给新的这个 LOGO 投过票
  • 資深大佬 :initd
    https://mdn2.moz.one/en-us/docs/web/
  • 資深大佬 :nashaofu
    搜东西,进去了,看了一眼,关掉,以为山寨网站,google 看准地址再进去,还是一样,才发现改版了
  • 資深大佬 :tfflowers
    终于消肿了,看着舒服多了
  • 資深大佬 :freefcw
    感觉有点轻浮……
    另外浏览器兼容性那个上面的浏览器名称,是哪个脑残设计的
    https://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
  • 資深大佬 :m319
    按自己喜好微调了下样式
    // ==UserScript==
    // @name 新版 mdn 样式微调
    // @namespace http://tampermonkey.net/
    // @version 0.1
    // @description 新版 mdn 样式微调
    // @match https://developer.mozilla.org/*
    // @grant 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;
    }
    `)
    })();

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具