给大家介绍一个清爽的导航网站cooltools.top，这是我们打算长期认真去做的一件事情。
目前网站这里面包含5个分页面，分行业导航：
全部都会持续维护更新，敬请关注。
如果大家有什么好用的也可以提交进来：网址提交
然后可以反馈意见
1 个赞
有些简陋，我个人认为可以让设计师美化一下布局，加上网站图标。
1 个赞
左边小类太多了，有点分不清主次
左侧栏大类，右边主窗口再分小项比较好
也别上下排列，太多了还得下拉查看，不符合浏览习惯
横向排列，鼠标滑过切换感觉更好
1 个赞
简洁 ！= 简陋……
说实话我觉得这个导航默认配色毫无美感 并不简洁。
1 个赞
感谢提出建议
感谢提出建议
刚刚换了一个颜色
还是那个默认蓝啊……
……
2 个赞
这个界面真的是…有很大的优化空间呀
1 个赞
怎么优化呢？
我给你写个css ， 用stylus ，到时候写好了发你。
1 个赞
@kasusa 你真是古道热肠，你我萍水相逢，却如此关心，另在下如此敢当。不管如何，先行感谢了！
有人说没有logo，没有描述信息，很难看。目前主要都是静态内容，然后如果上动态的东西，如果加上logo，加上描述信息，性能可能大幅度下降，加载没有那么快了，一次性就不可能展示加载几百个网站了，一次加载十几个二十几个是可以的。
cooltools.top - kasusa 版本 — UserStyles.world 试试看/
难看不是因为信息少，是排版和颜色搭配的问题，
我还在 css 里面写了备注，可以参考！
XP
1 个赞
这是windows上的样子
不太一样。因为windows 对于滚动条的处理，以及win上没有 monospace 这个字体。
字体可以弄一个fallback，滚动条可以给左边栏设置一个自动隐藏的样式，css可以设置很简单的。
但是要和暗色模式联动要难一点。
windows如果要弄好要花些时间的，win就是丑……
附上一个滚动条css代码。
::-webkit-scrollbar {
width: 8px ;
height: 10px;
}
::-webkit-scrollbar-track {
background: #09090900;
}
::-webkit-scrollbar-thumb {
background: #000000d4 ;
border-radius: 5px;
border: 1px solid #ececec;
}
::-webkit-scrollbar-thumb:hover {
background: #21b698 ;
/* background-image: linear-gradient(0deg, #00caff 0%, #c763ff 100%); */
}
/* html{
background-color: #020202b8;
} */
@kasusa 你的建议大部分都采用了，在样式上做了微调，已经上线。太感谢了！
好（虽然上去看了一下还是和我的css版本有很多区别，觉得还是我的版本更好看！）
1 个赞