https://github.com/olgaprikhodko/social-editor

Slick graphic design editor for social media posts with CSS, Flexbox, keyframes and transition
https://github.com/olgaprikhodko/social-editor

bem-methodology css flexbox html keyframe-animation transition-animation

Last synced: 1 day ago
JSON representation

Slick graphic design editor for social media posts with CSS, Flexbox, keyframes and transition

• Host: GitHub
• URL: https://github.com/olgaprikhodko/social-editor
• Owner: OlgaPrikhodko
• Created: 2024-02-02T13:34:26.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-02-04T05:50:13.000Z (10 months ago)
• Last Synced: 2024-02-04T06:30:53.423Z (10 months ago)
• Topics: bem-methodology, css, flexbox, html, keyframe-animation, transition-animation
• Language: CSS
• Homepage: https://olgaprikhodko.github.io/social-editor/
• Size: 4.01 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# Social Editor UI Prototype

A stylish graphic design editor tailored for creating social media posts. This project, conceived and taught by ByteGrad.com, demonstrates the best practices in CSS.

## Deployment

Visit the live prototype: [olgaprikhodko.github.io/social-editor/](https://olgaprikhodko.github.io/social-editor/)

## Structure and Features

- **BEM Concept**: The user interface is broken down into separate, manageable components for better organization.

- **Flexbox Layout**: Uses Flexbox for a flexible and efficient layout.

- **Animations**: Includes keyframe animations and transitions for interactive hover and focus states.

- **Responsive Web Design**: Adapts to different screen sizes using media queries.

- **CSS Reset**: A custom CSS reset is applied to remove default browser styling, ensuring a consistent look across all platforms.