All Projects → bituplink → OneHtmlNav

bituplink / OneHtmlNav

Licence: MIT license
单文件html的网络导航页面,简约并不简单

Programming Languages

HTML
75241 projects

Projects that are alternatives of or similar to OneHtmlNav

aerial.nvim
Neovim plugin for a code outline window
Stars: ✭ 485 (+521.79%)
Mutual labels:  navigation
priority-plus
A modern implementation of the priority plus navigation pattern.
Stars: ✭ 30 (-61.54%)
Mutual labels:  navigation
qlevar router
Manage you project Routes. Create nested routes. Simply navigation without context to your pages. Change only one sub widget in your page when navigating to new route.
Stars: ✭ 51 (-34.62%)
Mutual labels:  navigation
navigation.ros.org
https://navigation.ros.org/
Stars: ✭ 37 (-52.56%)
Mutual labels:  navigation
HyperNav
HyperNav is an advanced and interactive CSS navigation menu framework. No JavaScript.
Stars: ✭ 23 (-70.51%)
Mutual labels:  navigation
auv gnc
Guidance, Navigation, and Control library for AUVs
Stars: ✭ 34 (-56.41%)
Mutual labels:  navigation
wpr simulation
No description or website provided.
Stars: ✭ 24 (-69.23%)
Mutual labels:  navigation
aw navigation
Helferklasse zur Umsetzung komplexer Navigationen
Stars: ✭ 23 (-70.51%)
Mutual labels:  navigation
tca-swiftui-navigation-demo
Demo project that shows how to implement navigation in SwiftUI iOS application using Swift Composable Architecture
Stars: ✭ 75 (-3.85%)
Mutual labels:  navigation
Nav3D
3D Pathfinding and cover system plugin for UE4, using Sparse Voxel Octrees.
Stars: ✭ 58 (-25.64%)
Mutual labels:  navigation
navigation-bar-with-feliz
Modern navigation bar built with Feliz
Stars: ✭ 20 (-74.36%)
Mutual labels:  navigation
sailer
Sailer is an Android Sample That shows the use of Coordinator pattern for navigation through Multi Module, Dagger, Navigation Component and much more.
Stars: ✭ 35 (-55.13%)
Mutual labels:  navigation
Brick
🧱 Brick - Multiplatform navigation library for Compose.
Stars: ✭ 33 (-57.69%)
Mutual labels:  navigation
SPTM
[ICLR 2018] Tensorflow/Keras code for Semi-parametric Topological Memory for Navigation
Stars: ✭ 94 (+20.51%)
Mutual labels:  navigation
Parrot
Web router specially designed for building SPAs using Meteor
Stars: ✭ 75 (-3.85%)
Mutual labels:  navigation
a11y-dropdown
An experiment to improve accessible drop-down menus for WordPress themes.
Stars: ✭ 18 (-76.92%)
Mutual labels:  navigation
Navigation-ListView
This post is improvements to the previous posts discussed on customization of navigation drawer and highlighting specific row of expandable listview. Since there are few comments regarding the highlight of expandable list view post, thought to show with new post using custom navigation drawer. But how can we see the highlight of the expandable l…
Stars: ✭ 14 (-82.05%)
Mutual labels:  navigation
Deep Visual Inertial Odometry
Deep Learning for Visual-Inertial Odometry
Stars: ✭ 31 (-60.26%)
Mutual labels:  navigation
uesvon
3D navmesh generation and pathfinding plugin for UnrealEngine
Stars: ✭ 165 (+111.54%)
Mutual labels:  navigation
react-native-mapbox-navigation
A navigation UI ready to drop into your React Native application
Stars: ✭ 86 (+10.26%)
Mutual labels:  navigation

OneHtmlNav

这是基于小呆导航的超级精简版本,之所以投入了不少精力折腾这个导航,是之前自己网站的导航有点功能不足,看到了小呆导航有我需要的功能,但是确是基于CMS的,有点复杂我又不想再搭建一个平台,所以就打算去除掉一些不需要的功能,只实现网址导航这个功能,所以就拿过来精简了,由于定的是这个目标所以界面美化什么的就不要追求了,我前端代码能勉强看懂就不错了,所以各位如果有精力可以自己琢磨或者参考官网美化一下

访问小呆导航源项目: github

这是导航界面 snapshot

主要修改点

  1. 去掉了源代码关于CMS的部分,只保留了前端的部分代码
  2. 去除了大部分和导航无关或者定制化的代码,只保留了导航的主要功能,也就是搜索和网址推荐
  3. 精简了HTML中的各种文件依赖,改为标准库引用网络,非标准的精简去冗余后合并到HTML文件中
  4. 去掉了网址和搜索引擎的图片,全部改为文字展示,搜索引擎由img的hover改为button的hover,同时选择后修改button中的文字,显示为对应的引擎名字
  5. 更改了引擎列表的数据结构,去掉了图片的链接部分
  6. 背景原先是白色的,还可以,不过由于我去掉了所有icon图片,就有点不美观了,就重新通过repeat方式生成了一个带颜色的背景,采用的是base64处理后的图片,就是为了不引入图片文件,但是字符比较多,建议打开文件的时候使用notepad++之类的支持代码折叠和换行的软件进行查看
  7. 去除了自带的百度搜索联想功能,有啥各位直接打字就好了,猜词什么的感觉没很么必要去掉了
  8. 去掉了搜索词后的删除图标,因此就没有了原先的一键清除输入内容的功能,也是为了不引入图标,以及感觉不是很必要
代码优点:
  • 单文件,简单无文件依赖,就一个html,除了公共的一个css和jquery库,js和css都内嵌在html中了
  • 代码1K行,自注释,想要按需修改的自己看中文注释,写的比较清晰
  • 代码整洁,已经通过工具美化过了,换行什么的都OK,没有做压缩处理,主要是为了给人看,有啥都好改
  • 环境无依赖,电脑直接当网页打开也可,放在服务器目录下直接作为HTML或者添加为php都可以
  • 支持搜索引擎的修改,可以自己添加合适的搜索引擎,这点才是我想要的,大多数导航不是下拉就是点击勾选的有点不给力,这个代码悬浮弹出点击选择的形式很不错
  • 代码基本无冗余,无效的js和css都被我手动一行行清理掉了,废了老大劲了
  • PC端和手机端都支持,大部分效果和样式我都测试了,没啥问题
程序缺点:
  • 界面略朴素,各位有前端能力的自己修改吧
  • 功能部分是按照我自己的想法来的,如果裁剪过度,建议参考原先项目和网页界面进行修改添加

建议和改进

  1. github提issue
  2. 发送邮件到 [email protected]

捐助

为了修改这份代码我也是花费了近一个星期才搞定,很是用心,如果你觉得代码对你有用就拿去用吧,愿意赞助一点的我表示开心,或者分享出去让更多的人使用也是好的

方式一: 支付宝捐助

  • alipay

方式二: 微信捐助

  • wxpay

license

这是基于小呆导航MIT协议的代码进行开发的,为了遵守协议规定,license文件和界面声明我都保留了,使用的时候建议大家也遵守协议规定

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].