본문 바로가기

css : css선택자 점수 환산 표 css점수환산표가 있었다니!! (환산점수가 높은 스타일을 따라간다.) 더보기
html : css핵 사용하지않고 분기화처리(조건부 주석) - 2014.02.27 기존에는 프로젝트 진행시 크로스브라우징을 위해 어쩔 수 없이 css핵을 사용하곤 했다. (css핵의 사용량은 프로젝트의 규모에 따라 달랐지만..) 이번에 키즈현대 구축 프로젝트를 진행하면서 새로운 방법을 사용했는데, 바로 '조건부 주석' 사용이었다. 말그대로 어떠한 조건이 충족되지 않으면 주석처리되고, 조건이 충족되면 주석안의 내용이 브라우저에 렌더링 되는 것이다. //조건부 주석처리 위 소스를 ''사이에 써주면 브라우저 버전이 IE7 이하면 '/inc/css/ie.css' 파일을 불러오게 하고, IE7초과(IE8 이상)일 경우는 주석처리(무시) 될 것이다. 위 예제 소스에 사용된 [if lte IE 7]에 대해 더 정확히 알아보면, 조건의 내용 예제 조건에 대한 설명 ! [If !IE] IE가 아닐 경.. 더보기
jQuery : 요소 선택 - 2014.01.16 잘쓰이지 않는 선택자는 자꾸 까먹어서 적어놔야겠다. 셀렉터가 복잡하면 복잡할수로 jQuery가 문자열을 처리하는 데 더 많은 시간이 걸린다! 1. 직속 자식 요소 찾기 직속 자손 결합자 '>' 를 사용. jQuery('#nav li > a') 는 id가 nav 안에 'li' 태그안에 'a' 인 태그를 선택하게 될것이다. 이외에도 child() 및 find() 등을 써서 찾을 수 있을 것이다. 그중 가장 빠른건 child() 메서드가 가장 빨리 찾는다 2. 특정 형제들 선택하기 jQuery('h1 + h2') 는 h1 다음 바로 h2 인 것만 선택하게 된다. jQuery('li.selected ~ li') li.selected 뒤에 나오는 모든 li 태그를 항목으로 선택 next() , nextAll() .. 더보기
신규 챔피언 - 용서받지 못한 자 야스오 공개 신규 챔피언 - 용서받지 못한 자 야스오 공개LOL 일본섭 오픈 기념으로 신챔프가 추가된다고 하길래 검색해봤더니.. 뜨아.. 내가 완전 좋아하는..무사, 검객 스타일이다.. 빨리 나왔으면 좋겠구나. 아래는 공식홈페이지의 실린 게임플레이 사진과 유튜브에 올라온 실제 게임플레이 영상이다.(플레이 사진) (신챔프 야스오 소개영상) 출처 : LOL공식홈페이지(http://leagueoflegends.co.kr) 더보기
블랙박스 : 블랙박스로 본 세상 @모닝와이드 131104 - 블랙박스로 본 세상 @모닝와이드 131104 모두 안전 운전 합시다!! 더보기