https://github.com/ncounter/resizable-web-page

Web page structure with resizable and saved section dimensions
https://github.com/ncounter/resizable-web-page

Last synced: 5 months ago
JSON representation

Web page structure with resizable and saved section dimensions

• Host: GitHub
• URL: https://github.com/ncounter/resizable-web-page
• Owner: ncounter
• License: bsd-2-clause
• Created: 2017-02-24T20:04:42.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-11-28T09:03:39.000Z (over 7 years ago)
• Last Synced: 2025-05-30T16:17:16.158Z (about 1 year ago)
• Language: HTML
• Homepage: http://darioleidi.com/resizable-web-page/
• Size: 16.6 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Resizable-web-page

Build a simple HTML-CSS-Javascript structure with resizable aside and section.

The page is made of:

- **header**

- **aside**

- **section**

- **footer**

The border of the `aside` block is draggable horizontally and it resizes the `aside` and `section` `width`.

The proportion percentage of `aside` is saved into a cookie, so the page reload will not lose the settings.

`aside` and `section` has a fixed `height` and they scroll vertically indipendently each other.