https://github.com/vanstrouble/design-patterns-html
Just a description and implementation of web design patterns.
https://github.com/vanstrouble/design-patterns-html
Last synced: 5 months ago
JSON representation
Just a description and implementation of web design patterns.
- Host: GitHub
- URL: https://github.com/vanstrouble/design-patterns-html
- Owner: vanstrouble
- Created: 2024-02-27T04:50:28.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-26T01:37:09.000Z (almost 2 years ago)
- Last Synced: 2025-02-02T14:14:00.066Z (over 1 year ago)
- Language: HTML
- Homepage:
- Size: 903 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Responsive Web Design Patterns
This repository stores examples that allow identifying how various CSS design patterns are constructed. Below is a brief description of the included patterns:
## CSS Grid
CSS Grid is a two-dimensional layout system that allows creating complex layouts easily. It uses a grid of rows and columns to organize content.
## Flexbox
Flexbox is a one-dimensional layout model that facilitates the alignment and distribution of elements within a container. It is ideal for creating flexible and responsive layouts.
## Sidebar
The Sidebar pattern refers to a side panel that contains navigation or other secondary content. It is common in web applications and content-heavy sites.
## Layout Shifter
Layout Shifter is a pattern that adapts the page layout according to the screen size. It allows content to reorganize to provide a better experience on both mobile and desktop devices.
## Tiny Tweaks
Tiny Tweaks are small adjustments made to the design to improve usability and appearance. These can include changes in spacing, colors, typography, among others.
## Mostly Fluid
Mostly Fluid is a design pattern that uses fluid units (like percentages) for most elements, allowing the layout to adapt to different screen sizes, while some elements may have fixed sizes.
---
This repository is a collection of practical examples that illustrate how these design patterns are constructed.