标签归档:front-end

Chrome 滚动条美化:在 Overlay Scrollbars 被取消之后

自从取消了 overlay ,滚动条实在有碍观感。

参考 reddit 网友做法,用 stylus 对任意网站美化 Chrome 滚动条:

  1. 在 Chrome 中安装 stylus 插件以自定义状态栏样式
  2. 在 stylus 中新建下列样式并“应用于所有页面”
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: #dddddd00;
}

::-webkit-scrollbar-button {
    width: 5px;
    height: 5px;
    background: #dddddd00;
}

::-webkit-scrollbar-button:hover {
    background: #d1d1d188;
}

::-webkit-scrollbar-thumb {
    background: #cccccc88;
}

::-webkit-scrollbar-thumb:hover {
    background: #88888888;
}

::-webkit-scrollbar-track {
    background: #dddddd00;
}

这样就可以了 ?

词频分析脚本 word_frequency

Word Frequency

A script to analyse the frequencies of words in web pages.
Greasyfork
Github
Blog

Main Features

  • Double-click word to indicate its frequency.
  • Auto analysing words in selected articles.

Compatibility

Known issues

  • No pages/elements judgements.
  • No judgement of English at this moment.
  • Might be slow if long passage was selected.

TODO

  • English judgement
  • Performance
  • Pages/Elements judgements.

Demo Gif

demogif

Color Indicator

color


词频脚本

分析网页文章英语词频的油猴脚本
由于油猴脚本的字符数量限制,建议手动替换
var words = ["the",...];
一行 为 文件 COCA_47000 的五万词频库。

在线安装
开源地址
博客

主要功能

  • 双击单词自动显示词频范围
  • 选中文章自动分析每一个词语

兼容性

已知问题

  • 没有判断网页类型和元素
  • 暂时没有对英文进行判断
  • 受限于JS运行效率,长篇段落比 较慢

TODO

  • 判断英文
  • 性能优化
  • 元素判断

功能演示

demogif

颜色的含义

color

法大绩点

为移动端设计的URP成绩查询和统计工具。能够查询科目成绩、方案成绩、学期成绩和自动计算平均分、必修课平均分、绩点、成绩趋势等。为移动设备进行了特别的交互设计,使用了PHP和前端技术。

继续阅读

TODAY HITS新闻网站

TODAY HITS新闻网站

简洁的新闻网站设计。具备搜索、栏目导航、热点排行、大图展示、广告等功能,运用jQuery框架特别设计了一些焦点相关渐变动画。

 

 

65周年校庆活动

65周年校庆活动

社会化的线上线下趣味活动。通过JavaScript 利用浏览器Canvas API技术绘制不同的留言图片。

独立完成。

地址:https://65.icupl.cn



 

核心代码:

[ccMODE_html]





法大,我想对你说

:







生成我的故事





保存图片并分享故事为法大贺寿

Hosted by Coding Pages


[/ccMODE_html]