Giter VIP home page Giter VIP logo

pku-art's Introduction

conanai.png

志之所趋,无远弗届 

Chasing a light beyond reach.

CodeTime Badge

zhuozhiyongde


My Stack

Current

current

Used

used

Tools

tools

zhuozhiyongde

You can checkout my blogs

https://arthals.ink/

pku-art's People

Contributors

wybxc avatar zhuozhiyongde avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

pku-art's Issues

[bug] Grade - detailed items overflow

What happend 问题描述

图片

如图所示,成绩详细信息(class 为 itemStats)部分超出父元素范围

Possible fix 建议方案

  • 横向排列, 把更多信息罗列在成绩右侧, 作为级别不同于 pointsPossible clearfloats 的元素展示
  • 加个 info 的 icon svg, 更多信息修改为悬浮显示? (我觉得这个可行一点, 不知教学网怎么写的, 这个详细信息的数量应该是不定的吧, 这样处理应该可以让界面有一些一致性)

窗口比例变化将导致课程内页面左侧菜单栏消失

在浏览器窗口最大化模式下没有问题,但是一旦选择窗口化等方式将浏览器页面比例变窄,课程内部的左侧菜单栏将不可见,必须关闭浏览器并重新进入才可以显示出来。
Tampermonkey版本 Windows11 Edge浏览器

教学网过渡动画时长偏长,影响用户交互

这个项目非常有针对性和创意,学校的网站样式设计确实难以恭维。我有一个建议,希望能帮这个项目做得更好。

我在 course.pku.edu.cn 试用时,觉得元素进入的场景的时间过长(即 navigation bar 从左侧滑入,body 从下面滑入两个动画),这非常影响用户交互,特别是每次进入新的页面都要重播一次动画。可以考虑移除该动画。

相关的设计理论和设计参考:https://material.io/design/motion/speed.html#controlling-speed

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.