#css
Read more stories on Hashnode
Articles with this tag
인터랙티브 효과의 극대화를 위한 커스텀 마우스 포인터 제작기 · 1. 글의 목적 롯데백화점 메인 페이지를 클론하며 커스텀 마우스 포인터를 구현하게 되었다. 처음에는 단순히 포인터를 커스터마이징하는 작업이라고 생각했지만, 특정 UI에 따라 반응하는 커스텀 포인터를 구현하면서...
접근성을 위한 IR기법과 최적화를 위한 IS 기법에 대하여 · 1. 글의 목적 이 글의 목적은 웹 접근성과 성능 최적화를 위한 두 가지 주요 기법인 IR(Image Replacement) 기법과 IS(Image Sprite) 기법에 대해 알아보는 것이다. 이러한 기법들은...
구글링 그만하고 이제는 외워보자 · 1. 글의 목적 CSS로 작업하다 보면 텍스트를 말줄임 처리하거나 문장 수를 제어해야 할 때가 자주 있다. 그동안은 구글링을 통해 찾은 코드 조합을 그대로 사용하는 데 그쳤지만, 이번 기회를 통해 그 원리를 제대로 이해하고 직접 활용할...
요소를 중앙 정렬하는 방법들과 상황에 맞는 적절한 속성을 사용할 수 있도록 정리하는 글 · 1. 글의 목적 요소를 중앙 정렬할 때, display: flex; justify-content: center; align-items: center; 조합을 자주 사용하고 있는...
(딸-깍) · 1. 글의 목적 최근 타임어택 과제를 진행하면서, 요소들의 속성을 파악하는 것뿐만 아니라 작업 시 사용하는 단축 속성의 숙련도가 작업 속도에 큰 영향을 미친다는 것을 깨닫고 상당한 충격을 받았다. 이번 기회를 통해 Emmet 속성들에 대해 자세히 학습하고,...
웹, 모바일 반응형 대응 연습 프로젝트 · 해당 작업은 타이어픽 공식사이트의 페이지 구조를 참고해 만들었습니다. 모바일, 태블릿, 웹 반응형 100% 대응 🛞 Tire Pick 사이트명: 타이어픽 제작기간: 2024.03 ~ 2024.04 주요 기술 스택:...
