본문 바로가기

시간을 사진하다

반창꼬 (2012) 반창꼬 (2012) 까칠한 남자 ‘고수’, 들이대는 여자 ‘한효주’ 사람 구하기 좋은 날, 우린 만났다! 매일 목숨을 내놓고 사건 현장에 뛰어들지만 정작 자신의 아내를 구하지 못한 상처를 간직한 소방관 ‘강일’(고수). 매번 제 멋대로 말하고 거침없이 행동하며 상처도 사랑도 없는 척하지만 단 한번의 실수로 위기에 처한 의사 ‘미수’(한효주). 우연한 기회에 ‘미수’가 ‘119 구조대 의용대원’으로 일하게 되면서 같은 구조대에 있는 ‘강일’에게 처음으로 마음을 열고 적극적으로 다가간다. 모든 방법을 동원해 ‘강일’에게 애정공세를 펼치는 ‘미수’. 그리고 그런 그녀에게 까칠함으로 일관하던 강일 역시 조금씩 마음을 열기 시작한다. 가스 폭발 사고는 물론 차량 충돌 사고까지 쉴 틈 없이 이어지는 아찔한 사고 현..
[HTML5+CSS3]제리쿼리(jQuery)를 사용해 투명도 사진 갤러리 간단 소스 [HTML5+CSS3]제리쿼리(jQuery)를 사용해 투명도 사진 갤러리 간단 소스 CSS를 사용해 마크업을 하고, 모션은 제이쿼리(JQuery)를 사용해 간단하게 만들어보았습니다. 결과물 화면입니다. 소스 화면입니다. 다운로드 하셔서 분석해 보셔요
2012년 화이트크리스마스 기억해야지~! 굵은 함박눈이 펑펑~! 이 날 은표와 함게 처가댁을 방문하고 집으로 돌아오던 날이였다. 크리스마스이브라고 회사는 연휴를 주지 않았다 ㅋ 해서 회사에 출근하고, 업무를 보고, 급하게 퇴근하고, 부랴부랴 은표를 숙대입구에서 만나 같이 성수동에 계시는 장모님, 장인어른을 뵙고, 저녁 늦게 집으로 돌아가는 길이였다. 그리고, 귀가길에서 화이트크리스마스를 맞이했던 날이였다.^^ 뭔가 좀 아다리가 맞는...멋진 기분이였다 ㅎㅎ 굵은 함박눈이 화이트크리스마스라고 알려주는 듯한 이 상황~!! 바로 카메라를 꺼내, 셔터를 누르기 시작했다 ㅎㅎ 기분 좋았다~ ㅎㅎ 이 날 찍었던 사진이 지금은 핸드폰 배경화면이다 ㅎㅎ 내가 잘못 기억하고 있는지 모르겠지만, 2009년부터 크리스마스는 계속 화이트크리스마스였던 것 같은데.....
보기만해도 뿌듯한 캐논 렌즈들 ㅎㅎ 크리스마스날, 함박눈이 내리는 것을 찍고, 집으로 돌아왔습니다 카메라에 눈을 많이 맞았네요. ㅎㅎ 청소 좀 해야겠습니다. 덕분에, 카메라 가방을 좀 정리해봤는데요~ 캐논 EF 40mm F2.8 STM 캐논 EF 50mm F1.8 II 캐논 EF 85mm f/1.8 USM 캐논 EF 17-40mm F4 L USM 캐논 EF 24-70mm F2.8L USM 캐논 EF 70-200mm f/4L IS U 제가 이렇게 렌즈가 많은지 몰랐네요 ㅎㅎ 렌즈를 예쁘게(?) 놓고 난 후 핸드폰으로 찍은 사진입니다. 아주 약간(?) 뿌듯하네요.ㅎㅎ 하지만, 앞으로 더 구성해야할 부품이 있었습니다. 바로 망원렌즈와 외장플래시였습니다 ㅎㅎ 이 글을 포스팅하는 지금은??? 이미 구성이 끝난 상태입니다. ㅎㅎ 하지만, 또 나열해서..
중고물품 모두 처리했습니다 ㅎㅎ 중고나라 없었으면 어쩔뻔 했니 ㅋ 여기 안쓰는 물건 팔아용~ ㅎ 이번에 카메라를 업그레이드하면서 더이상 사용하지 않게 된 물건들이 생겼습니다. 뭐 전에도 그랬듯이, 중고나라를 이용해주면 간단히 해결 가능하지요 ㅎㅎ 이번에 내놓은 물건들은 토키나 광각렌즈, 외장플래시, 세로그립 2개, 카메라가방 요정도 입니다. 다행스럽게도 쿨하게 완판되었습니다. 이자리를 빌어 구매해주신 분들에게 잘~~유용하게~~ 사용하시길 바래봅니다 ㅎㅎ 2013.1.23. 사무실에서...
[HTML5&CSS3] 오늘 구현하는 내일의 웹 표준 - 책 소스 표지멋있네요 26가지 팁으로 구성된 이 책은, ‘오늘 구현하는 내일의 웹 표준‘이라는 부제에 걸맞게 각 팁을 기존 브라우저에 적용할 수 있는 방법들도 설명합니다. 또, 각 기술이 향후 어떤 식으로 발전해가며 여기에 대해서는 어떻게 대처해야 할지도 간략히 짚어줍니다. 번역은, 클리어보스에서 HTML5 명세의 한글판과 UX MYTHS의 번역본을 작성하신 걸로 유명한 한선용(검은태양) 님이 맡아주셨습니다. 예제 코드를 한글화하고 스크린샷을 새로 찍는 와중에, 웹브라우저들이 업데이트되면서 현재 상황에 맞게 본문을 수정하느라 고생이 많으셨답니다. 마크업 개발자들이 새 표준을 배워서 쓸 때 가장 어려운 점은 배우고 익히는 과정 자체가 아닙니다. 바로, ‘기존 브라우저들이 지원하지 않는데 어떻게 하지? 좋은 건 알겠..
[HTML5+CSS#]를 공부한다면, 한번쯤 독파해야 할 사이트 주옥같네요 ㅎㅎ CSS에 대한 전반적인 개념을 잡기 위해 꼭 읽어보셔야 합니다...ㅎㅎ 바로가기
HTML5 localStorage (name/value item pairs) DEMO http://people.w3.org/mike/localstorage.html localStorage 를 쉽게 확인 가능한 사이트 바로가기
[스타일로 말해요] CSS를 아는 웹디자이너 되기 CSS 할 줄 아세요? CSS는 웹이 시각적으로 보여주는 부분을 담당한다. CSS는 아이디어를 온라인상에 펼칠 수 있게 하기 위해서 꼭 알아둘 필요가 있는 언어이다. CSS 코드를 설명하고 있는 책들은 무수히 많지만, 그런 추상적인 코드에서는 생각을 자유롭게 펼치기 힘들다. 눈에 보이는 색상, 형태, 배치를 가지고 생각해야 한다. 코드로 말하는 것이 아니라 스타일로 말해야 한다. 스타일로 말해요!』는 여러분의 디자인이 웹을 위한 결과물로 어떻게 적용될 수 있는지를 간단한 예제를 이용하여 설명함으로써, 코드와 스타일 사이의 벽을 허물어 줄 것이다. 스타일로 말해요 저자 제이슨 그랜포드 티그 지음 출판사 위키북스 | 2010-07-28 출간 카테고리 컴퓨터/IT 책소개 『스타일로 말해요!』는 디자인이 웹을 ..
누구나 모바일 슬라이드 포토갤러리 구현할 수 있다 텍 기존의 클릭 방식이 아닌, 손가락으로 쓸어 넘기면 마치 앱 처럼 부드럽게 다음 슬라이드로 넘어가는 것이 이 소스가 가지는 가장 큰 특징입니다. 관련 사이트 및 링크 공식웹 사이트 : http://www.photoswipe.com/ 미리보기 : http://www.photoswipe.com/latest/examples/04-jquery-mobile.html 다운로드 : http://github.com/downloads/codecomputerlove/PhotoSwipe/code.photoswipe-2.1.6.zip 출처 - http://mjuzhj23.blog.me/140141533634
JavaScript/CSS 용량 줄여주는 웹 사이트 Online JavaScript/CSS Compression Using YUI Compressor JavaScript/CSS 용량 줄여주는 웹 도구 Online YUI Compressor는 온라인에서 JavaScript와 CSS를 압축하는 도구다. 야후의 YUI Compressor를 사용하는 이 도구는 입력 파일에서 변수의 이름을 단축시키고 공백을 삭제하는 등 웹 브라우저만 이해할 정도로 내용을 압축하고, JavaScript와 CSS에 문법적 오류가 있으면 그것까지 지적해준다. 이거까진 공개 안하려했는데, 내 홈페이지의 JS를 이 도구에 사용해보니 용량이 60% 줄어들더라.. 한국의 개발자가 더 좋은 툴을 개발하여 정리할 겸 글 판올림을 한다. http://iblogbox.com/devtools/js/에..
[jsbeautifier.org]JS, CSS 파일 압축한 파일 풀어서 보기 jsbeautifier.org jsbeautifier(http://jsbeautifier.org/)는 난독화/패킹된 자바스크립트 디코딩할때 아주 유용한 툴입니다. 가끔 안되는 경우도 있는데 보통은 디코딩이 깔끔하게 잘 되고 들여쓰기와 줄바꿈을 해주기 때문에 수동으로 디코딩한 결과를 보기쉽게 정리시킬때도 좋습니다. 바로가기
보호글 부모님 모시고, 화정[빕스 VIPS]에서 외식하다 보호되어 있는 글입니다.
보호글 [BSF, 최지혜] 건국대 산업디자인 졸업작품전시회를 다녀왔습니다 보호되어 있는 글입니다.
잠을 잘 수가 없네... 이런 사진이나 찍으러 나가고 싶구나... 잠도 안오고... 자기도 싫고... 분명 난 낼 아플꺼다... 왜냐면...지금도 아프니까... 아...바보같다... 짜증나...18...
[HTML5+CSS3]에 대한 전체적인 개념 정리파일 [HTML5+CSS3]에 대해 전체적인 정리파일 다운로드 하셔서, 압축 푸시고 보시면 됩니다.
[jQuery]이미지 로딩 - Lazy Load Plugin for jQuery(특정영역) Lazy Load Plugin for jQuery 이미지 파일들을 페이지 호출시 무작정 보여주는 것이 아니라 브라우져의 가시영역을 이동(스크롤)할 경우에만 해당 영역의 이미지를 보여주는 기능 사용법 1. 헤더부분에 아래코드를 넣음 2. 이미지 태그를 지정함 (기본코드) $("img").lazyload(); 3. 실제 적용예제(img/grey.gif 파일을 이미지 로드전에 보여줌) $(function() { $("img").lazyload({placeholder : "img/grey.gif"}); }); 4. 특정영역에만 코드적용 게시판이나 본문내용외에 다른 이미지의 로드가 오작동하는..
폐소 공포증 Claustrofobia (2011) 폐소 공포증 Claustrofobia (2011) 어릴 적 동급생(혹은 상급생) 여자아이의 장난으로 폐쇄된 병원의 시체보관용 냉동고에 며칠간 갇혔다가 나오는 바람에 심각한 폐소공포증과 정신분열증을 앓게 된 한 남자의 복수극이다. 모든 내용이 시간순으로 전개되고 논리적인 퍼즐도 매우 친절하고 즉각적으로 맞춰지기 때문에 이런 류의 영화치고는 아주 가볍다. 여자주인공이 수차례 방을 빠져나왔다 들어가는 등 범인의 어설픔에 비추어보아 수년간 들키지 않고 범죄를 이어오고 있다는 게 이해가 안될 지경. 솔직히 이 영화를 보고 남는 생각은 그저 정신병자는 잠재적 범죄자이니 격리시켜 두는 게 맞다는 것 뿐이다. 그다지 바람직한 생각을 이끌어내는 것도 아니고, 영화 구성의 짜임새가 좋다든지 이 영화만의 특색이 있다든지 한..
보호글 [라즐다즐] 2012년을 보내는 송년회를 가지다 보호되어 있는 글입니다.
적응형 웹(AWD, Adaptive Web Desing)과 반응형 웹(RWD, Responsive Web Design)의 차이점 적응형 웹(AWD, Adaptive Web Desing)의 정의 적응형은 몇개의 해상도를 정의하여 CSS코딩시 브라우저가 범위 사이즈에 속하면 그에 따라 정의된 스타일로 표현한다. 적응형웹은 PX단위를 사용하여 각 디비이스마다라기 보다는 정해진 해상도에 적응된 형태로 화면에 그려지기 때문이다. 반응형웹과 적응형웹모두 공통적으로 미디어쿼리를 사용한다. 반응형 웹(RWD, Responsive Web Design)의 정의 사용자의 사용환경과 행동패턴에 유기적이고 적절하게 반응하는 웹요소들에 대한 총체적 디자인을 말하는 것이다. 협의적 관점에서 본다면 Screen Size, Resolution, Orientation 등 사용 단말환경에 반응하여 웹페이지를 제공하는 것이라고 정의 할 수 있다. 즉, 화면 너비에 ..
크롬, 파폭 등에서 location.href 가 동작하지 않을때 location.href 가 동작하지 않을때? IE에서는 문제 없이 동작하는 location.href(" ")가 크롬이나 파폭 등 여타 브라우저에서는 정상 동작하지 않는다. 해결 방법은 의외로 간단하다. before - location.href("where"); after - location.href = "where"; 출처 - http://blog.naver.com/bubi19/110128045100
RWD, Responsive Web Design 반응형 웹에 대해서 반응형 웹(Responsive Web)의 등장배경 최근 다양한 모바일 기기가 보급되면서 하나의 사이트를 만들더라도 데스크탑 / 모바일 폰 / 타블렛 PC 등 서로 다른 해상도를 가진 디바이스들을 고려하지 않을 수 없게 되었다. 데스크탑 하나만 보더라도 와이드의 고해상도 디스플레이가 확산됨에 따라 많은 사이트들이 기존의 1024*768 크기를 넘어 점차 사이즈를 키워가고 있는 추세이지만 그렇다고 하나의 해상도에만 맞춰 사이트를 제작하기도 어렵다. 이렇듯 N-Screen의 시대로 불리는 다양한 디바이스의 해상도에 맞춰 사이트의 레이아웃을 변환하는 이슈에 맞춰 등장한 것이 반응형 웹(Responsive Web)이다. 반응형 웹(Responsive Web)이란? 사용자의 사용환경과 행동패턴에 유기적이고 적절하게..
미디어 쿼리(media queries) 사용법과 속성 미디어쿼리(@media)를 사용하기전 체크사항 1. HTML5인지 확인합니다 ==> HTML 4.0 버전에서는 개발하기 힘듭니다. 2. 이 하나라도 있는지 확인합니다 ==> TABLE가 존재할 경우 레이아웃이 깨집니다. 3. 개발 브라우저가 IE만 있을 경우 IE9 이상인지 확인합니다 ==> 물론 IE8이하에서도 JS로 해결이 가능합니다만, 그래도 불안정하기 때문이죠. 4. 되도록 스크립트 코드는 부분보다는 끝에 작성합니다 ==> 로딩 속도는 비슷하나, 체감 속도에서 많은 차이가 납니다. 미디어쿼리(@media)를 사용법 구조는 이렇습니다. (3가지 방법 중 하나를 선택해서 사용하시면 됩니다.) @media를 미디어쿼리라고 합니다. 모두 스타일 시트 내부에 작성됩니다. 1) @media only all ..
[CSS3 천기누설]이해하기 쉬운 CSS3에 관한 짧은 프레젠테이션 CSS3 천기누설텍 출처 - http://slidesha.re/eDDt2F
제이쿼리(JQuery)를 이용한 썸네일 이미지 갤러리 제이쿼리(JQuery)를 이용한 썸네일 이미지 갤러리 CSS를 사용해 마크업을 하고, 모션은 제이쿼리(JQuery)를 사용해 간단하게 만들어보았습니다. 결과물 화면이구요. 소스 화면입니다. 다운로드 하셔서 분석해 보셔요
보호글 워크샵 준비로 찍었던 개발부 사무실 풍경과 단체사진입니다. 보호되어 있는 글입니다.
들고양이? 도둑고양이? 길고양이? 어떤 고양이든 간에 이쁘네요 점심 시간이든, 쉬는 시간이든 사무실 밖으로 나가면 항상 눈앞에서 돌아다니는 고양이입니다. 함께한 시간(?)도 꽤나 오래 되었죠. 회사 동료같기도 합니다 ㅎㅎ 아주 어린 새끼때부터 봐왔는데, 이제는 어느덧 다 컸네요. 늠름해졌어요 ㅎㅎ 그리고, 겨울이라 그런지 특히나 해가 한창 높이 떠 있는 점심시간에는 이렇게 창가에 앉아 일광욕을 하는 모습이 참 귀엽더군요 그런데, 이 넘들 볼 날도 그리 많이 남지 않았네요...ㅎㅎ... 2012.12.10.
[MEDIAQUERI.ES]미디어쿼리(Media queries)를 사용한 반응형 웹 사이트 갤러리 반응형 웹 모음 마크업은 모두 같고, CSS로만 제어하여, 반응형 웹으로 만든 사이트들을 한눈에 볼 수 있는 갤러리 사이트입니다. 바로가기
위로
아래로

티스토리툴바