채팅 UI 개발1 괜찮은 CSS 기반 채팅 인터페이스 디자인 (HTML & SCSS) See the Pen Daily UI #013 | Direct Messaging by Mubanga (@mubangadv) on CodePen. 괜찮은 채팅 인터페이스를 찾아 헤매다가 마음에 드는 채팅 인터페이스 디자인을 발견해 짧게 소개드립니다. 이 디자인은 마블 시네마틱 유니버스의 인기 있는 캐릭터들과의 가상 대화를 상상하며, 사용자 경험을 높이는 데 중점을 둔 CSS 기반 UI입니다. 구조적 및 기술적 설명 이 인터페이스는 HTML과 CSS로 구성되어 있으며, SCSS를 사용하여 가독성과 유지보수를 용이하게 합니다. 각 채팅 연락처와 메시지는 .contact 및 .message 클래스를 사용하여 스타일링됩니다. 연락처 사진은 .pic 클래스와 각 인물의 고유한 클래스 (예: .stark)로 정의된 .. 2024. 1. 2. 이전 1 다음 반응형