Comments (8)
I'm not a fan of sticky headers or footers since they reduce the space available for content, especially on mobile.
To try this out, I added position: sticky; top/bottom:0; background-color: white;
to the header/footer elements as a test.
With sticky header and footer
This is how the page would look like on a landscape mobile screen with a sticky header and footer:
With current design
Without the sticky headers, you see much more content:
from blog_os.
hey, I want to controbute in this issue
from blog_os.
I think the best way to continue here is to just provide a PR with the changes, preferably with screenshots if there are changes to the ui.
from blog_os.
Sure i am on it
from blog_os.
Could you clarify what kind of navbar/footer you imagine? Are there any usability issues that you like to fix or is this only about changing the design?
from blog_os.
I am thinking of a minimalist sticky header on top with these heading -> Writing an OS in Rust Philipp Oppermann's blog and a Footer with © 2022. All rights reserved. [License][Contact]
The main advantage is while loading your code the web browser knows the header and footer portion. It helps in prioritizing on the things to be loaded first and make the content on webpage easy to read for the audience.
Please feel free to tell me what you think of this @phil-opp
from blog_os.
I understand @phil-opp so to keep the content more spaced we can do one more thing we can add a simple header and footer which doesn't stick as you scroll down what do you think ?
from blog_os.
Recording.2023-10-28.163158.mp4
Something Like This ?
from blog_os.
Related Issues (20)
- post-02 broken on bootloader 0.11.3 and Rust nightly 2023-05-06 HOT 3
- %1 is not a valid Win32 application. (os error 193) HOT 4
- Build-std in cargo.toml is ignored when building HOT 2
- post-04 - Conditional compilation does not seem to work HOT 2
- [Translation] How to help translate to Spanish? HOT 2
- Very very huge Error when using [cargo bootimage] HOT 2
- Is there any way to interact with the filesystem through the bootloader or other crates? HOT 3
- UI Design HOT 2
- Project with bootloader v0.11; Error while compiling `kernel`, says `std` is required by `serde` HOT 8
- cargo bootimage failing HOT 3
- Tests seem to run for both lib and main HOT 2
- Table of Content HOT 4
- Has this project been discontinued? don't do this plz because it does do me great favor HOT 1
- Allow a sidebar access to other articles in the website HOT 2
- QEMU Bug in macOS 14: No "Hello, World" in `post-02` - just a black screen. HOT 19
- Add Scheduler tutorial HOT 3
- Unable to run the project as the project crashes after post 3 and i have not even used volatile yet. HOT 4
- Running `cargo test` gives error after following instructions of `post-04` HOT 2
- Boooting post-03 (vga text mode) on real hardware does not work HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from blog_os.