香港居民 361

자바스크립트로 stylesheet 파일 로드하기

var lightBoxStyle = document.createElement('link'); lightBoxStyle.rel='stylesheet'; lightBoxStyle.href='/_COMMON/css/jquery.lightbox-0.5.css'; document.getElementsByTagName('head')[0].appendChild(lightBoxStyle); IE7에서 크래쉬난다는 소리가 있더라. 뭐 그딴걸 무시하는 나로썬 냅둬라.. 혹은 var headerHTML = document.getElementsByTagName('head')[0].innerHTML; headerHTML +=""; document.getElementsByTagName('head')[0].innerHTML = h..

코드/JS 2013.01.15

플렉스 코딩 폰트 변경

이런 사소한 걸 국내 사이트에서 찾기가 오히려 빡시다. Quicktip: Changing the font in Flex 3 editor Have you ever wanted to turn enlarge that font size in the code editor in Flex builder 2/3, but have thrown in the towel after several hours poking around to find this setting? Since Flex is build on Eclipse, this part of the editor is actually identical to the Eclipse interface. To change the font, choose Window -> Pref..

진보와 빈곤

부의 평등한 분배가 이루어진 사회에서는, 그리하여 전반적으로 애국심, 덕, 지성이 존재하는 사회에서는,정부가 민주화될수록 사회도 개선된다. 그러나 부의 분배가 매우 불평등한 사회에서는 정부가 민주화 될수록 사회는 오히려 악화된다. 부패한 민주 정부에서는 언제나 최악의 인물에게 권력이 돌아간다. 정직성이나 애국심은 압박받고 비양심이 성공을 거둔다. 최선의 인물은 바닥에 가라앉고 최악의 인물이 정상에 떠오른다. 악한 자가 나가면 더 악한 자가 들어선다. 국민성은 권력을 장악하는 자, 그리하여 결국 존경도 받게 되는 자의 특성을 점차 닮게 마련이여서 국민의 도덕성이 타락한다. 이러한 과정은 기나긴 역사의 파노라마 속에서 수없이 되풀이되면서, 자유롭던 민족이 노예 상태로 전락한다. 가장 미천한 지위의 인간이 부..

Clips/글 2012.12.22

float 된 요소의 중앙 정렬

펑펑 떠버리면 좌우로 들러붙어 버리니 중앙정렬 어렵다.좌우 float 으로 띄운 div 객체를 중앙 정렬할 경우고정 넓이를 잡아주면 쉽게 부모 div 에서 text-align: center; 주면 끝이지만.고정 넓이를 쓰지 않는 경우 좀 귀찮아진다.찾다보니 이런게 나오네. position 특성을 이용한 방법같은데.. ul { float: right; left: -50%; position: relative; } li { float: left; left: 50%; position: relative; } 쓸만은 하다. 배경이 있거나 li 에 가로 100% 배경을 깔아 쓰기엔 무리가 있다. 박스모델을 만들기 위해 overflow : hidden 을 주는 경우 짤려 버리짐. 모든곳에 통할 건아니니 적당히 알아서 ..

코드/Html & CSS 2012.10.30

div 세로 정렬

div 의 세로 정렬은 이렇게도 할수있다. #parent_div{display: table;}#child_div{display: table-cell;vertical-align: middle;} ie7이하는 안 먹는다... 아 귀찮어.. 그럼 ie 무시.몰라 ie..때되면 ie 가 따라오겠지.어차피 모바일에서 ie 7쓸일은 없다. 단점은 부모 div 의 넓이는 자식 div 넓이의 총합 이상 잡히지 않는다. 예를 들어 #root_div{width: 480px;} #parent_div{display: table;background: 100%;}#child_div{display: table-cell;vertical-align: middle;width:200px;} 요런식일때 부모 div 는 꼭 200px 만 잡..

코드/Html & CSS 2012.10.30

블럭요소 안에서의 이미지 세로정렬

마크업 스타일 div{width: 100px; height: 100px; line-height: 100px;}img{vertical-align: middle;} 요 두가지 스타일 필요 내 경우는 div 가 각 리스트(li)요소안에 있어서샵리스트를 쭉 나열하는 상황이었다.샵로고의 크기가 각각 다르기 때문에 div 안에서의 이미지가 가로 세로 정렬이 필요한 상황.백그라운드 이미지를 깔고, width, height를 백그라운드 넓이,높이만큼 고정.그다음 line-height 를 div 높이와 동일하게 부여.img 에 vertical-align : middle ; 일단 문제 해결. ie9 이하버전에는 지원하지 않는다는 말이 있음.무시함.파폭, 크롬, 오페라, ie9 이상 버전 테스트에 문제없음.어차피 모바일코딩..

코드/Html & CSS 2012.10.25

-webkit-text-size-adjust

페이지가 렌더링 될때 모바일 브라우져는 텍스트 Block의 width에 맞춰 텍스트의 크기를 자동으로 조절한다. -webkit-text-size-adjust를 이용해 텍스트의 크기를 고정하거나 원하는 대로 조절할 수 있다. -webkit-text-size-adjust는 3가지 속성을 가지고 있다. 1. auto body{-webkit-text-size-adjust:auto} 아무것도 지정하지 않았을때 기본값이 된다. 화면의 폭에 맞추어서 텍스트의 크기를 자동으로 조절한다. 2. none body{-webkit-text-size-adjust:none} 폰트의 자동크기변환을 막는다. 일반적으로 none으로 설정한다. 3. n% body{-webkit-text-size-adjust:120%} 폰트크기를 지정된..

코드/Html & CSS 2012.08.21