본문 바로가기

전체 글

 (42)
05 - 21 검은사막 메인 페이지 마크업 (2) - 헤더 + 메인 * 메인 페이지 디테일 수정 ( 레이아웃, 폰트 ) / 메뉴 버튼 슬라이드 애니메이션 작업 * 메뉴의 작은 li들을 제이쿼리로할지 아니면 css로 할지 고민. * 메인 페이지에 h2가 클릭이 안되는 문제 해결 필요. * 메인 메뉴 버튼들이 좌우로는 넓게 클릭이 되지만 버튼의 높이만큼 클릭이 안되는 문제 해결 필요. * 추후 반응형으로 바꿀시 어떻게 짜는게 더 효율적인지 생각 필요. * 해당 체크표시 모양의 아이콘이 중복적으로 많이 사용됨. 따로 클래스는 만들어서 클래스 추가하는 식으로 핸들링하는게 더 편할 것 같음. 메뉴는 제이쿼리로 ( 모바일,반응형에선 css로 하면 한계가 있음 ) 메뉴 구성은 nav ul li ul li 이런 식으로 ( ul li 중첩 가능 ) 메인 메뉴 - 메뉴 ul li 구조 H..
05 - 20 검은사막 메인 페이지 마크업 (1) - 헤더 초반 마크업 시작 문제점 발생 : 이미지 svg를 불러오면 이미지가 하얗게 되고 이미지가 로드가 안됨. ( 펄어비스, 검은사막 로고 ) svg가 기본 하얀색이라 color:black을 줘도 로고가 안나오는 현상. color:black은 안먹히고 일단 헤더탑에 백그라운드를 주니 로고는 정상적으로 나옴 ( 아직 아래 검은사막 로고는 안나옴 ) logo_bod logo_bdo 이름 오류였음. ( 멍청 ) svg는 color로 색상 줘도 안먹히는 것 같음 ( 구글링해봄 ) svg 쓰는 이유 -> 얘는 크기를 확대해도 이미지가 깨지질 않음. 근데 또 파일 크기는 작음 ( 최적화 효과 ) 아이콘이나 UI디자인용으로 많이 쓰이는 이유이기도함. 대신 이제 호버줄 때 이미지가 2개가 필요하고 웹 컬러톤 바꾸려면 이미지를..
05 - 18 ui 개발 기본기 준비 9 * 테이블 태그의 scope는 무엇인가 -> 태그의 scope 속성은 해당 헤더 셀이 관련되는 셀의 종류를 명시한다. 일반 웹 브라우저에서는 요소에 scope 속성을 명시해도 아무런 시각적 효과도 나타나지 않지만, 스크린 리더기와 같은 장치에서는 유용하게 사용이 될 수 있다. ( 웹 접근성 향상 ) 속성 값 col ( 해당 셀이 열을 위한 헤더 셀임을 명시함 ) row ( 해당 셀이 행을 위한 헤더 셀임을 명시함 ) colgroup 해당 셀이 열의 그룹을 위한 헤더 셀임을 명시함 rowgroup 해당 셀이 행의 그룹을 위한 헤더 셀임을 명시함 * 테이블 태그에 scope를 쓰는 이유를 서술하라 -> 시각 장애인들은 눈으로 브라우저를 볼 수 없으므로, 스크린 리더기라는 프로그램을 통해서 표에 대한 정보를 ..

티스토리툴바