시간을 사진하다 썸네일형 리스트형 놀이기구 @ 보웬축제 야자나무 @ 야자나무 여명 @ 여명 [HTML5] 익스플로러 IE(Internet explorer)에서 구글 크롬 프레임으로 HTML5 이용하기 익스플로러 IE(internet explorer)에서 구글 크롬 프레임으로 HTML5 이용하기 * HTML5를 개발하는데 있어서 가장 큰 걸림돌이라하면 바로 인터넷 익스플로러(IE)일 것이다. MS에서는 웹표준과는 동떨어진 독자노선을 걷다가 이제 웹표준이 정립되어가고 있는 HTML5의 적용을 브라우져에 이제서야 뒤늦게 시작하고 있다. IE10에서는 그래서 그나마 호환성을 갖추기는 했지만 여전히 부족한 느낌이 많을 것이다. 이러한 문제를 해결하기 위한 한가지 방법은 바로 구글의 크롬 프레임(Chrome Frame)이다. * 구글 크롬 프레임(Google Chrome Frame: GCF) : 구글 크롬 프레임은 IE에서 구글 크롬의 환경을 구현할 수 있도록 도와주는 오픈소스 플러그인이다. 구글의 V8 자바스.. 보웬에 도착 @ 새로운 곳에 도착 누사 @ 꼭 한번 다시 가고 싶다 비상 @ in laidlay [동양회] 2012년을 보내고, 2013년을 맞이하는 의미는 뒤로 미루고, 오랜만의 만남에만 집중하다 ㅎㅎ 보호되어 있는 글입니다. [홈쿠킹] 내가 좋아하는 베트남 쌀국수를 집에서 먹을 수 있게 되다니 ㅎ 나는 쌀국수를 좋아한다 그 좋아하는 쌀국수를 이제 와이프가 자주 해준다고 했다 ㅎㅎ 좋다 기분이 좋다 ㅎㅎㅎㅎ 정말 맛있다~ 이제 밖에서 쌀국수 사 먹을 일이 없어질 것 같다 ㅋㅋ 2012.12.9. [나이트뷰 - 서울야경, 광화문광장야경] 삼각대없이 광화문 광장 야경에 도전하다~! ㅎㅎ 추억 돋네 ㅎㅎ 뭐~ 거창한 것은 아니고 ㅎㅎ 서울등축제를 보고 집으로 가는 길에 한번 도전해보았습니다 ㅎㅎ 삼각대 없이 땅바닥에 놓고 찍어보았습니다 ㅎ 전에 400D 로도 찍었었는데 뭐가 다른지 잘 모르겠더군요 ㅎㅎ 보신각, 종로, 광화문 광장, 청계천의 야경~! 그래도, 뭔가 다른 것 같기도 한데...ㅎㅎ 아직 내공이 부족한가 봅니다 ㅎㅎ 2012.11.18. 광화문에서... [내맘대로 맛집 - 건대맛집, 건대입구맛집] 일본식 부대찌개 전문점, 아마센 일본전골? 일본 부대찌개? 여친이 미리 찾아놓은 건대입구 맛집입니다 ㅎㅎ 가게 입구는 보시는 것처럼 좀 정신이 없네요 ㅎㅎ 어디로 들어가야할지...처음 가보면 잠시 멈칫거릴 수 밖에 없을 듯 합니다 ㅋ 좌측 아마센이란 간판을 확인하고 들어가면, 많이 넓지 않은 실내가 나옵니다. 저도 일본식 부대찌개 전문점(?) 이 곳이 처음이라 어리둥절 안내하는 대로 앉고, 안내하는 대로 주문하고 했어요. ㅎㅎ 특이한게 있는데, 테이블에 찌개를 걸어놓는(?) 것이 있는데, 장식품이더군요 ㅎㅎ 왠지 멋져보이긴 합니다만, ㅎㅎ 상대방과 얼굴을 마주보는 것에 좀 거치적 거리긴 합니다 ㅎㅎ 그리고, 제일 중요한 맛과 가격은 만족합니다. 다만 직원들의 친절은 기대마시기 바랍니다 ㅎㅎ 위치는요? ㅎㅎ 여기랍니다 ㅎㅎ 2012.12.. 사무실 퇴근 풍경과 한잔하고 싶은 사람들끼리~한잔 두잔 혹은 세잔? ㅎㅎ 보호되어 있는 글입니다. [홈쿠킹][해피투게더 야간매점] 이보영의 광복절토스트를 먹어보다~! 정말 와이프의 취미가 요리인 것이 행복하오 ㅎㅎ 이거 대박이다 ㅎㅎ 재료는 간단한데, 기분과 맛은 완전 좋구만, 그야말로 별미 ㅎㅎ 입이 심심할때 딱일듯~! 노른자 반숙이 키포인트 ㅎㅎ * 컬러도 예쁘기까지 하다 ㅎㅎ 여보야 또 만들어주세욥~ㅎㅎ 2012.12.8. [213모임] 궁금한게 있는데, 이 날 우리 왜 모였던거지? ㅎㅎ 보호되어 있는 글입니다. 퇴근하고 버스타러 가는 길 이렇게 보니까 한적하네 쓸쓸하기도 하고... 매일 매일 출퇴근 하면서 보는 풍경... 아무의미 없는 사진?... 2012.11.27. 퇴근 길에... [HTML5+CSS3]제이쿼리(jquery)를 사용한 이미지 슬라이드 코드 제이쿼리(jquery)를 사용한 이미지 슬라이드 코드 IR기법, IS기법을 사용하여 레이아웃을 잡은 후 제이쿼리(jquery)의 animate를 사용해 모션을 먹인다. 여기서 요점은 html5에서는 태크 속성을 개발자가 정의하고, 값을 넣을 수 있다는 것(ex. data-left="-640px); 부모오브젝 position은 raltive로, 모션을 먹일 자식오브젝은 position을 absolute로 정의 이다. ㅎㅎㅎ [Html5+CSS3]CSS 세로정렬방법, Image Replacement(IR), Image sprite(IS) 세로정렬 방법 정렬한 오브젝의 스타일을 position:absolute; top:50%; left:50%; margin-left:정렬할 오브젝의 가로길이의 반; margin-top:정렬할 오브젝의 세로길이의 반; 부모의 position값을 relative로 하고, 정렬시킬 오브젝의 position값을 absolute로 먹인 후에, 1번 방법을 겸용한다. vertical-align:middle; -> display 값이 table-cell 일 경우에만 먹는다 [CSS]display 속성 이해하기 http://iyakiggun.blog.me/100162787755 [CSS]float 속성 이해하기 http://iyakiggun.blog.me/100165916259 [CSS]position 속성 이해하기 ht.. [Html5+CSS3]CSS에서 em 단위에 대해서 CSS에서 em 단위에 대해서 CSS에서는 글자 폰트 크기나 width, height 등의 크기를 지정할 때 다양한 단위를 사용할 수 있습니다. (pt, px, em, ex, %) 대부분의 브라우저는 단위를 사용하지 않으면 자동으로 px단위(모니터의 픽셀)로 인식하여 렌더링을 하게 되지만, 현재 표준은 단위를 항상 명시해주는 것입니다. (0 제외) ex. DIV.test { padding:5px 0 5px 10px; font:normal 9pt 돋움; } 대부분 HTML 개발 시에는 px 단위를 사용하고 폰트 크기에는 pt, px 단위를 혼용하여 사용하고는 하는데, em 이라는 단위를 사용하자는 움직임도 있는 것 같습니다. pt, px 가 절대적인 크기를 나타내는데 반해서, em, ex, % 는 상위 엘.. [Html5+CSS3]block과 inline의 차이점, 구별방법 block과 inline의 차이점 block element width , height , margin , padding (O) 자동 줄 바꿈 Block Element 와 Inline Element 를 감쌀 수 있다. 가로(width)폭은 부모 요소의 폭까지 늘어난다. 형제 요소만큼 늘어난다. 화면 높이까지만 높이가 주어진다. ,~,,,,,,,,,,,... inline element width , height , margin , padding (X) - 그래서 display 를 block 또는 inline-block 화 시켜서 임의로 속성값들을 조절할 수 있다. border (O) Block Element 를 감쌀 수 없다. 자기자신(컨텐츠)까지만 폭을 가진다. ,,,,,,,,,,,,... Block 은 .. [Html5+CSS3]CSS에서 기본형식과 각종 선택자(selector) 설명 기본형식 default [selector] { [property] : [value]; [property] : [value]; } 요소선택자, 클래스선택자, 아이디선택자, 속성선택자, 가상선택자, 구조적선택자 Type Selector - 요소 선택자 HTML 태그 이름으로 요소 선택. 요소를 선택하는 예 p { [property] : [value]; } Class Selector - 클래스 선택자 태그 속성의 class 를 조회하여 선택 .className { [property] : [value]; } Id Selector - 아이디 선택자 태그 속성의 id 를 조회하여 선택 #idName { [property] : [value]; } Attribute Selector - 속성 선택자 태그 속성을 조회하여.. [전라도여행] 우연찮게 전주한옥마을을 방문하게 되었습니다 보호되어 있는 글입니다. 전라도 여행을 계획하는 시간 보호되어 있는 글입니다. 오두막(5D Mark2) 사고 테스트 샷~! 내 책상~! 흠...변한게 없구만...ㅎㅎ 하루에 대부분을 보내는 곳~! 위 포스팅이 작년 4월달에 올렸던 거네요... 책상의 위치만 바뀌었고, 올라가 있는 것들은 똑같네요 ㅎㅎ 그나저나...이 책상...언제까지 앉아있을 수 있을라나... 깝깝하다... 다 때려치고 싶다... 갑자기 신파 돋네... 2012.11.27. [홈쿠킹] 수제 고르곤졸라 피자 & 파스타 음...또 먹고 싶다...ㅎㅎ 와이프 왈 "고른곤졸라 치즈 완전 비싸네? 다음부터는 못 만들겠다 " 안~돼~! 사서 먹는 것보다는 싸잖아~~ ㅎㅎ 계속 만들어 주길 바라오 ㅎㅎ 아~맞다~~ 파스타도 있었지~ ㅋ 2012.11.25. 레미제라블 Les Misérables Les Miserables (2012) 레미제라블 Les Misérables Les Miserables (2012) 올 겨울, 당신의 영혼을 울리는 감동 대작 사랑과 용서, 구원과 희망을 향한 노래가 시작된다! 빵 한 조각을 훔친 죄로 19년의 감옥살이를 한 장발장(휴 잭맨). 우연히 만난 신부의 손길 아래 구원을 받고 새로운 삶을 결심한다. 정체를 숨기고 마들렌이라는 새 이름으로 가난한 이들을 도우던 장발장은 운명의 여인, 판틴(앤 해서웨이)과 마주치고, 죽음을 눈앞에 둔 판틴은 자신의 유일한 희망인 딸 코제트(아만다 사이프리드)를 장발장에게 부탁한다. 그러나 코제트를 만나기도 전에 경감 자베르(러셀 크로우)는 장발장의 진짜 정체를 알아차리고, 오래된 누명으로 다시 체포된 장발장은 코제트를 찾아 탈옥을 감행하는데… 레미제라블 감독 : 톰 후.. 저지 드레드 Dredd (2012) 저지 드레드 Dredd (2012) 세상을 구원할 심판자가 온다! 먼 미래, 세상은 폐허가 되고 사람들은 거대한 도시 메가 시티에 모여 삶을 연명한다. 이곳은 정부도 통치자도 없는 곳으로 모든 범죄는 무방비로 노출 된다. 하지만 메가 시티에도 법을 집행하기 위한 자들이 있으니 그들을 저지 - 심판자라 부르며 그 중 가장 뛰어난 자가 바로 심판자 드레드이다. 드레드는 초능력을 소유한 신입 파트너 앤더슨과 함께 모든 불법의 근원지 피치트리스로 향한다. 200층의 위용을 자랑하는 제국은 그들을 맞이해 건물을 봉쇄하고 전쟁을 준비하는데... 저지 드레드 감독 : 피트 트레비스 출연 : 칼 어번, 올리비아 썰비 더보기 세상을 구원할 심판자가 온다! 먼 미래, 세상은 폐허가 되고 사람들은 거대한 도시 메가 시티에 .. 그 시간은 아주 짧다 보호되어 있는 글입니다. [마크업의 오해]XHTML, HTML4, HTML5 각종 마크업의 관계정리 "마크업의 오해"(Misunderstanding Markup: XHTML2/HTML 5 Comic Strip) 아래 코믹은 DOM Scripting의 저자인 Jeremy Keith가 작성하고 BradColbow가 그린 "마크업의 오해"(Misunderstanding Markup: XHTML2/HTML 5 Comic Strip)라는 만화로서 XHTML5에 대해 소개하고 있습니다. 필자에 의해 번역 되었으며 Creative Commons License하에서 사용하도록 허가 받았다. 출처 :http://www.smashingmagazine.com/2009/07/29/misunderstanding-markup-xhtml-2-comicstrip/ 실전 HTML5 가이드 에서 발췌하였습니다 이전 1 ··· 166 167 168 169 170 171 172 ··· 233 다음
