본문 바로가기

전체목록

여러가지 글꼴 테스트 (Font test) Font Test in HTML HTML에서 여러가지 Font testing. Table of Contents Which font-size is the best among "px", "mm", "pt", "em", "%" 아래 div를 감싸고 있는 parent div의 font-size를 10px로 해놨음. (style="font:10px/1.6 '맑은 고딕'") 굳이 10px로 정한 이유는 child div들(+다른 child tag들)의 font-size를 em(혹은 %)로 표시할거라서 계산 상 편의를 위함임. 보통 em을 쓰는 것이 권장되는 방법이라고 함. 즉 font-size를 정할 때 (px, cm/mm, pt)보다 %나 em을 쓸 것을 더 권장함. Parent의 font-size 기준으로 일관.. 더보기
HTML 가로 Slide 구현하기 # HTML 가로 Slide 구현하기 다음이나 네이버 메인 페이지의 가로 slide 들이랑, 사진 가로 slide 들을 어떻게 구현할 수 있는지 궁금해서 알아보는 중. 똑똑하게 scroll 동작을 인식해서 가로 slide 를 바꿔주는게 필요한듯. CSS 를 어떻게 해줘야 하는지가 조금 헷갈리고... ## TOC ## 사진 가로 slide ## rolling, flexible, counter content 1 content 2 content 3 content 4 prev next current : 2, total : 4 ## limit, page:2, speed:300 content 1 content 2 content 3 content 4 prev next ## multiple, view:3, limit .. 더보기
HTML event handler # HTML event handler HTML event handler. Javascript/jQuery 로 HTML 에서 일어나는 여러가지 event 들을 처리해서 interactive 한 페이지를 만들 수 있음. 그런데 헷갈리는 것들이 많고, 어떤 event 들이 있는지도 다 기억하기 힘들어서 정리하는 중. ## PH 2016-02-01 : Smart phone touch event 관련 정리. 2015-12-10 : 조금 더 정리. 2014? : First posting. ## TOC ## Mouse and Touch event ### On click event (getting event position) ```[#mouse-event-result.scrollable] mouse-event-resu.. 더보기
Personal Bookmarks # Personal Bookmarks 개인적으로 모아놓은 북마크/링크들 공개. ## PH 2014-08-02: 조금 더 update. 2014-06-20: First posting. ## TOC ## Physics/Math ### News Medium - Physics-Arxiv-Blog // 물리관련 소식들. 쉽게 쓰여져 있음. 고든의 블로그 - 과학관련 파워 블로거 // 뉴스식으로 과학관련 뉴스들을 꾸준히 올려주심. 직업적으로 운영하시는거 같기도 하고, 따로 직장이 있으신듯도 하고... Astronomy Picture of the Day // 멋진 천문사진들. ### Blogs ghebook.blogspot.kr - 조금은 느리게 살자 by 전파거북이(EM turtle) 블로그 // 물리/수학 관련 .. 더보기
Javascript namespace or encapsulation Javascript namespace or encapsulation C, C#, C++, JAVA 등 에서의 "namespace, private variable, private method" 같은 효과들을 javascript에서 어떻게 비슷하게나마 구현할 수 있는지에 관한 이야기. (자세한 정리는 에서 보시길. 제대로 정리하기가 귀찮아서 -ㅇ-;;; 하더라도 천천히 나중에나 할듯.) (예전에 공부하면서 그냥 대충만 정리해 놓은것들이라;;; 여기선 정말 대충, 엉터리로 정리해놨으니 reference들 참고해서 공부하세요.) Closure란 특성을 이용하는 것인데... Garbage collection과도 관련이 있고... Closure란 단어가 너무 추상적인듯도... closure 특성이라고 많이들 이야기.. 더보기
방화벽 역설(Firewall paradox)로 인한 블랙홀 미스테리 A Black Hole Mystery Wrapped in a Firewall Paradox 뉴욕 타임즈에서 블랙홀에 관한 기사가 하나 실렸다. 블랙홀 미스테리(Black Hole mystery), 호킹 복사(Hawking radiation), 아인슈타인의 일반 상대론(Relativity), 양자 얽힘(Quantum entanglement), 방화벽 역설(Firewall paradox) by AMPS(Ahmed Almheiri, Donald Marolf, James Sully, and Dr. Polchinski) 등이 핵심 키워드. 현대 물리학의 핵심 이론들(theory), 원리들(principle), 신념들(tenet)들이 깨질 수 있다는 기사이다. 기사 내용 중 일부를 미리 몇개만 뽑아보자면, If t.. 더보기
문재인 2012 대통령 출마 선언: 불비불명(不飛不鳴) # 문재인 2012 대통령 출마 선언: 불비불명(不飛不鳴) 2015-12-23 : 본인이 부족해서 대선에서 져놓고도 요새 국정운영을 본인 맘대로 다 하려고 하시는 분. 대다나다. 졌으면 진만큼 power 를 내려놓으시길. 이긴 사람이 마음대로 하는 구석이 더 많아야지. 그 책임은 ㅂㄱㅎ 대통령과 그 사람을 뽑으신 분들이 어느정도 나눠 지는거고. ㅇㅈ? ㅇㅇㅈ. 역시 너무 착하기만 한 사람들은 너무 착해 빠져서 세상을 못바꾸고 자살 ㄱ 싱~ 이 주된 시나리오여. ㅇㅈ? ㅇㅇㅈ. ㅋㅋㅋ 좀 본인이 잘못을 저지르면서라도 세상을 바꿀 생각을 해야지. 어려운 사람을 돕는것보다도 지들 고귀함이 언제나 앞서 있는듯. ㅇㅈ? ㅇㅇㅈ. 수고해라. 지던 말던 이젠 신경 덜씀. 난 내식대로 바꿀란다. 원리 원칙 참들 좋아해.. 더보기
2014 소치 올림픽 - 피겨 스케이팅 (2014 Sochi Olympic - Figure skating) 2014 소치 올림픽 - 피겨 스케이팅 (2014 Sochi Olympic - Figure skating) 남성부도 있었던거 같지만, 김연아가 있는 여성부만. 금은동 모두 영상을 찾아놓고 싶은데 검색이 쉽지 않다. 은: 김연아 from 대한민국 (Yuna Kim from Korea), 금: 아델리나 소트니코바 from 러시아 (Adelina Sotnikova from Russia), 동: 캐롤리나 코스트너 from 이탈리아 (Carolina Kostner from Italy) . 은메달: 엄마 나 김연아 땄어! 은메달은 꿈에도 생각하지 못했다. 자기가 김연아를 딸 줄은. pic.twitter.com/9t5YtoML4w— 만화버전 조여사 (@comic_jo) February 21, 2014 다들 출처를 안.. 더보기

티스토리툴바