Git Product home page Git Product logo

Comments (8)

phil-opp avatar phil-opp commented on June 2, 2024 1

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:

image

With current design

Without the sticky headers, you see much more content:

image

from blog_os.

SUJALWEB avatar SUJALWEB commented on June 2, 2024

hey, I want to controbute in this issue

from blog_os.

tsatke avatar tsatke commented on June 2, 2024

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.

VaibhavSharma24 avatar VaibhavSharma24 commented on June 2, 2024

Sure i am on it

from blog_os.

phil-opp avatar phil-opp commented on June 2, 2024

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.

VaibhavSharma24 avatar VaibhavSharma24 commented on June 2, 2024

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.

VaibhavSharma24 avatar VaibhavSharma24 commented on June 2, 2024

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.

VaibhavSharma24 avatar VaibhavSharma24 commented on June 2, 2024
Recording.2023-10-28.163158.mp4

Something Like This ?

from blog_os.

Related Issues (20)

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.