https://github.com/filonenkodima/webdesign-rules
This project is a comprehensive guide to the essential rules and best practices of web design, covering topics such as typography, color theory, layout principles, and user experience.
https://github.com/filonenkodima/webdesign-rules
css frontend html webdesign
Last synced: 16 days ago
JSON representation
This project is a comprehensive guide to the essential rules and best practices of web design, covering topics such as typography, color theory, layout principles, and user experience.
- Host: GitHub
- URL: https://github.com/filonenkodima/webdesign-rules
- Owner: FilonenkoDima
- Created: 2024-07-01T13:59:12.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-28T14:18:29.000Z (over 1 year ago)
- Last Synced: 2025-04-07T17:22:17.499Z (about 1 year ago)
- Topics: css, frontend, html, webdesign
- Language: HTML
- Homepage: https://filonenkodima.github.io/webdesign-rules/
- Size: 9.87 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web Design Rules Project
## What is the project about?
This project is a comprehensive guide to the essential rules and best practices of web design, covering topics such as typography, color theory, layout principles, and user experience. You can preview this project [here](https://filonenkodima.github.io/webdesign-rules/).
## Why this project?
- Deepened understanding of web design principles.
- Explored best practices in creating user-friendly and aesthetically pleasing websites.
- Improved knowledge of accessibility standards.
- Gained insights into the psychology behind effective web design.
## Build and Launch Instructions
- Clone the Repository
`git clone https://github.com/FilonenkoDima/webdesign-rules.git`
`cd webdesign-rules`
- Install Dependencies
`npm install`
- Start the Project in Development Mode
`npm start`
- Build the Project for Production
`npm run build`
## Project Structure
- `index.html` — The main HTML file that serves as the entry point to the guide.
- `css/` — Stylesheets that define the visual presentation of the content.
- `js/` — JavaScript files for any interactive elements or enhancements.
- `img/` — Images and diagrams used to illustrate web design concepts.
## Key Sections
- Typography — Guidelines for selecting and using fonts effectively.
- Color Theory — Best practices for choosing color schemes and ensuring readability.
- Layouts — Principles of creating balanced and intuitive layouts.
- User Experience — Tips on improving the usability and accessibility of websites.
## Demo
