유지아빠가 살아가는 세상

현재 웹의 대세는 HTML5와 CSS3입니다.하지만 아무리 대세이더라도 CSS3를 완벽하게 지원하는 브라우저는 없습니다.또한 CSS3 에서 추가된 많은 선택자를 사용하더라도, 개발자의 요구에 맞게 좀 더 정교한 선택자가 필요할 경우가 있습니다. Hitch는 이런 개발자를 위하여 자바스크립트를 이용하여 CSS의 기능을 엄청나게 향상 시켜줍니다. 아래의 그림을 누르시면 해당 사이트로 이동하는데, 사이트 첫 부분에 Hitch 에 대한 소개와 어떻게 사용하는지에 대한 내용이 나옵니다.또한 DEMO를 보시면 아~~~ 이런 기능이 있구나~ 라는 느낌이 오실 겁니다. hitch를 사용하기 위해서 hitch 자바스크립트가 반드시 웹 문서에 필요하며, CSS 내부에는 -hitch라는 prefix가 사용되어야 해당 기능이..

요즘 사이트에는 팝업 윈도우 보다는 모달 윈도우 라고, 브라우저 내부에서 뜨는 윈도우를 많이 선호합니다.여기에서 소개하는 POP EASY 도 모달 윈도우 인데, 크기가 2KB 밖에 되지 않는 아주 가볍고, 사용자자 커스터마이징이 가능한 아주 훌륭한 기능이 많이 들어 있는 모달 윈도우 입니다. 4가지의 주요 기능이 있는데, 다음과 같습니다.POP UPS(가장 흔하게 사용하는 팝업 윈도우 입니다.) Linking Modals( 로그인 폼 또는 회원 가입 폼을 모달 윈도우에서 처리하게 합니다.) Videos ( 동영상을 모달 윈도우 내부에서 보여주게 합니다.) iFrames ( iFrame 을 사용해야 하는 경우 사용할 수 있습니다.) 아래의 이미지 또는 URL를 클릭하면 해당 웹 사이트로 이동하며, 자세한 ..

DSLR 카메라를 사용하게 되면, 카메라는 렌즈 따로 바디 따로 사용합니다.렌즈인 경우 아주 고가 렌즈 부터 중 저가 렌즈까지 아주 다양한 렌즈가 있으며, 니콘이나 캐논, 올림푸스, 소니, 펜탁스 등 여러 메이커에서는 바디와 렌즈가 같이 나오기도 하지만, 시그마, 탐론, 토키나등 써드파티 렌즈도 존재하기 때문에 DSLR 유저 입장에서는 선택이 폭이 상당히 넓다고 할 수 있습니다. 하지만 이렇게 바디를 만드는 회사의 제품과 렌즈만 생산하는 써드파티 회사의 렌즈인 경우 종종 렌즈와 바디의 핀이 안 맞는 현상이 있습니다. 물론 바디와 렌즈가 같은 회사에서 만들어 진 경우에도 가끔 핀이 안 맞는 현상도 존재합니다. 렌즈의 핀 문제란, DSLR을 이용하여 사물에 촛점을 맞춰 사진을 찍었는데, 촛점이 맞은 곳이 선..

캐논에는 오이만두라고 불리는 50mm F1.2 렌즈가 있습니다.상당히 고가의 렌즈인데다, 최대개방 조리개가 1.2로 상당히 밝은 렌즈입니다. 니콘 사용자들도 니콘 렌즈에 오이 만두와 같은 1.2 렌즈가 있으면 좋겠다고 하는데, 니콘에는 아쉽게 AF 렌즈로는 1.2 렌즈가 없습니다. 하지만 니콘도 예전 필름 카메라 시절에는 1.2 렌즈가 여러 종류가 있었습니다. 가장 유명한 렌즈가 58.2 녹트 렌즈가 있는데, 이 렌즈는 전설의 렌즈로 아주 가끔 중고 장터에 나오는데, 가격이 400만원 정도 합니다. 헐~~~ 그리고 58.2와 광학적으로 가장 유사하다는 55.2 렌즈가 있습니다. 이 렌즈도 상당히 평가가 좋은데 이 렌즈는 약 30~40만원 정도에 구입가능합니다. 그리고 지금 제가 사용라는 50.2 렌즈가 ..

지금 보유 중인 시그마 렌즈 24-70mm F2.8 HSM 표준 줌렌즈와 50mm F1.4 렌즈는 펄 도장이 되어 있었습니다. 최근에 발매된 시그마 렌즈들은 정말 대단한 디자인을 뽐내는데, 예전 렌즈들은 그 특유의 펄 도장이 특징이었습니다. 하지만 이 펄 도장이 호불호를 떠나 세월이 지나면 벗겼진다는 단점이 있었습니다. 펄 도장이 된 신제품은 특유의 반짝임과 더불어 렌즈가 처음에는 고급스럽게 느껴지는데, 시간이 갈 수록 렌즈가 침울하게 보이기 시작합니다. 그렇다고 도색을 의뢰하는 것은 비용과 시간 그리고 도색자의 작업 시간에 맞춰서 기다릴 수 밖에 없는데, 우연히 인터넷에서 카본 시트지를 이용해서 렌즈들을 랩핑하는 것을 보고, 직접 도전해 보기로 했습니다. 우선 처음에는 카본 시트지의 특성을 몰라서 무작..

필자는 지금도 윈도우 7을 사용중입니다. 물론 현재 윈도우 8 정품도 가지고 있습니다만, 윈도우 8의 새로운 UI에 도저히 적응을 할 수 없어서 지금도 윈도우 7을 사용중입니다. 윈도우 95부터 시작된 UI가 너무 손에 익었는지, 완전히 변해버린 윈도우 8의 UI는 적응이 불가하였습니다. 하지만 요즘 들이는 소문에 의하면 윈도우 8.1 코드명이 윈도우즈 블루 는 기존 윈도우 UI를 사용할 수 있게 해 준다고 합니다.물론 윈도우 8에서도 기존 윈도우즈 UI를 사용할 수 있었지만, 시작 버튼이 없었죠!! 하지만 윈도우 8.1 에서는 다시 시작버튼이 생긴다고 합니다. 또 하나 윈도우 8인 경우 부팅을 하면 무조건 메트로 UI로 부터 시작합니다. 하지만 윈도우 8.1에서는 데스크탑으로 바로 갈 수 있는 옵션을 ..

아래의 동영상들은 어도비 에반젤리스트들의 소개하는 포토샵 CC의 놀라운 기능들입니다. 우선 어도비 월드와이드 디자인 에반젤리스트인 Terry White씨가 소개하는 포토샵 CC의 놀라운 기능 5가지입니다. 반드시 전체 화면으로 해서 보시기 바랍니다. 특히 인상 깊은 장면은 shake reduction 과 Camera Raw가 인상적입니다. 두번째 동영상은 어도비 크레에이티브 디렉터이자 포토샵계에서는 가장 유명한 Russell Brown씨가 소개하는 포토샵 CC의 놀라운 기능 5가지입니다.

어도비사의 차기 제품들은 CC 즉 Adobe Creative Cloud 로만 출시된다고 합니다.이것은 기존에 다운로드 후 제품을 인증 받는 형태가 아니라 월 단위로 결재하는 시스템을 말하는 것입니다. 어도비의 입장에서는 불법 소프트웨어를 근절 시킬 수 있는 방안이 될 수 있는 것이고, 사용자 입장에서는 초기에 큰 금액이 들어가지 않고 정품을 사용할 수 있는 장점이 있습니다. 특히 어도비의 포토샵은 가장 많은 불법 소프트웨어로 유통이 되고 있어, 어도비에서도 불법 소프트웨어를 근절하기 위해 많은 노력을 기울렸지만, 실효성을 거두진 못하고 있는 상태에서 내린 결단이라고 할 수 있겠습니다. 어도비 CC 제품군을 아마 올 6월 경에 대거 출시할 것으로 보이는데, 각 제품 군에서 아주 특별한 기능들이 많이 추가된..

요즘 개발자들 사이에서 가장 HOT한 에디터로 손 꼽히는 Sublime Text 2 를 구입하다.Sublime Text 2의 라이센스는 기기당 하나씩 받는 것이 아니라 유저당 하나를 받는 것이기 때문에, 유저가 기기를 10대를 사용하더라도, 하나의 라이센스로 사용가능하다. 금액도 70불로 그렇게 비싼 가격이 아니고, 가장 큰 장점은 Sublime Text 2는 크로스 플랫폼이라는 것이다.즉 윈도우용, 맥용, 리눅스용 각기 버전이 전부 있어, 유저가 윈도우를 사용하던, 맥을 사용하던, 리눅스를 사용하던 문제 없이 에디팅을 할 수 있다는 것이다. 지금 현재 사용하고 있는 플랫폼이 윈도우 7 와 맥 OSX 10.8 버전을 사용하기 때문에 70불에 두개의 기기에 각기 설치할 수 있다는 것은 아주 매력적인 것이다..

http://emmet.io/ 이전에 Zen Coding으로 아주 유명했던 Emmet 웹 개발자의 필수 도구라는 문구에 걸맞는 최고의 필수품. 웹 개발은 emmet 을 알고 나면, 정말 편해진다는 말이 실감이 나게 해 주는 도구!! 더 이상 더 좋은 수식어가 더 없을까? 웹 개발자들이여~~ 반드시 Emmet을 한번 느껴봐라~~ 세상을 얻는 기분일 것이다~ 더 자세한 설명은 다음 포스트에서...

Microsoft Mathematics 4.0 을 이용하면 어려운 수학 문제를 PC의 도움으로 쉽게 풀 수 있습니다. Microsoft Mathematics는 학생들이 학교 숙제를 쉽고 빠르게 마칠 수 있도록 해주는 일련의 수학 도구를 제공합니다. Microsoft Mathematics를 사용하여 학생들은 단계별로 방정식을 푸는 방법을 배우면서 기초 대수학, 대수학, 삼각법, 물리학, 화학 및 미적분학의 기본 개념을 효과적으로 이해할 수 있습니다. Microsoft Mathematics에는 휴대용 계산기처럼 작동하도록 설계된 완벽한 기능의 그래픽 계산기가 포함되어 있습니다. 추가 수학 도구를 사용하면 삼각형을 계산하고 한 단위 시스템에서 다른 단위 시스템으로 변환하고 방정식을 풀 수 있습니다. Micro..

제 블로그에 니콘 MF 55mm F3.5 렌즈에 대해서 간단하게 소개해 드렸습니다.조리개 조절이 안되어서 제가 약간의 수작업을 했는데요.이번엔 니콘 MF 55mm F3.5와 넥스 5N을 어뎁터를 이용해서 결합한 결과물을 보여드리겠습니다. 결과물이 40년이 된 렌즈라곤 믿기 힘들 정도의 해상도를 보여주네요.

니콘 매크로 렌즈 중 가장 유명한 렌즈 중 하나입니다. MF 55mm F3.5 해바라기 렌즈 이 렌즈는 1:1 접사가 가능한 매크로 렌즈 중 하나입니다. 이 렌즈 이후에 나오는 매크로 렌즈는 1:2 접사 밖에 지원되지 않는다고 합니다. MF 55mm F3.5 렌즈는 1974-1975 년에 생산된 렌즈라고 합니다. 그러니까. 40년이 넘은 렌즈네요. 와우~~~ 렌즈에 대한 자세한 설명은 http://www.mir.com.my/rb/photography/companies/nikon/nikkoresources/6070nikkor/micro/ 에서 참조하세요. 현재 이 렌즈는 시장 가격이 19만원에서 15만원 사이에 거래되고 있습니다. 이번에 행운이 따랐는지, SLR 클럽 장터에 올라 오자마자 구입을 하게되었는..

12일차 강의 목록은 다음과 같습니다. 백그라운드 이미지 처음부터 다시 배우는 HTML5 & CSS3 강의자료 13일차 from Michael Yang 내용은 책 내용을 압축한 것입니다. 보다 자세한 학습을 위해서는 책을 구입하시는 것이 좋습니다. 본 내용의 저작권은 양용석(ugpapa@gmail.com)과 로드북에 있습니다. 자료를 공유를 할 수는 있습니다만, 반드시 저에게 먼저 허락을 득하시고 공유해 주시기 바랍니다

WEB SAFE COLOR 이 색상표는 인터넷 초창기에 256색상밖에 표현 되지 않는 모니터 또는 비디오카드 때문에 W3C에서 256색상 중 216를 웹 표준으로 지정한 것입니다. 하지만 현재는 별 의미는 없지만, 지금도 몇몇 사이트는 이 색상표를 기반으로 작업을 하기도 합니다. 해당 색상을 웹에서 사용할 때는 앞에 #을 붙히고 사용해야 합니다. 000000000330000660000990000CC0000FF0033000033330033660033990033CC0033FF0066000066330066660066990066CC0066FF0099000099330099660099990099CC0099FF00CC0000CC3300CC6600CC9900CCCC00CCFF00FF0000FF3300FF6600FF99..

사진으로 제주의 봄을 소개합니다. 모든 사진은 http://500px.com/ugpapa 에서 다시 확인할 수 있습니다. 위의 사진은 탐론 70-300VC 가 담당했으며, 하단의 사진은 전부 니콘 105마 VR이 담당했습니다.

12일차 강의 목록은 다음과 같습니다. 1.border 이해하기 2.border의 속성 3.border-radius 이해하기(css3) 4.box-shadow를 이용한 박스에 그림자 효과 주기(css3) 처음부터 다시 배우는 HTML5 & CSS3 강의자료 12일차 from Michael Yang 내용은 책 내용을 압축한 것입니다. 보다 자세한 학습을 위해서는 책을 구입하시는 것이 좋습니다. 본 내용의 저작권은 양용석(ugpapa@gmail.com)과 로드북에 있습니다. 자료를 공유를 할 수는 있습니다만, 반드시 저에게 먼저 허락을 득하시고 공유해 주시기 바랍니다.

11일차 강의 목록은 다음과 같습니다. 1.박스모델 2.마진과 패딩 3.마진에 음수 값 적용 4.width 및 height 처음부터 다시 배우는 HTML5 & CSS3 강의자료 11일차 from Michael Yang

일본 제국주의의 상징 "욱일승천기"나치 제3제국의 상징 "하겐크로이츠" 2차세계 대전에서 유럽인들이 독일에 많은 피해를 입었고, 특히 유태인들이 독일에 의해 많은 희생을 당하다 보니 독일 제3제국의 상징인 "하겐크로이츠"는 유럽에서는 금기 중 금기인 깃발입니다.또한 동양 특히 일본에 많은 피해를 당한 동남아시아 쪽에서는 독일의 하겐크로이츠와 거의 동급으로 욱일승천기를 바라보고 있습니다. 하지만, 유럽인들은 일본에 피해를 덜 입어서 그런지 "욱일승천기"를 아무런 꺼리낌 없이 장식물로 사용하는데, 이것은 아시아인들에 대한 대단한 모욕감을 주는 행위입니다. 아시아에서 하겐크로이츠를 장식물로 사용한다면, 유럽인들은 입에 거품을 물고 해외 토픽으로 다룰겁니다. 또한 2차 대전에서 피해를 준 당사자인 일본과 독일의..

10일차 강의 목록은 다음과 같습니다. 1.그룹 선택자 2.전체선택자 3.자식 선택자 4.인접 선택자 5.CSS 주석 달기 6.수도 선택자 7.패밀리 트리로 이해하는 상속 8.CSS 선택자 결론 처음부터 다시 배우는 HTML5 & CSS3 강의자료 10일차 from Michael Yang 내용은 책 내용을 압축한 것입니다. 보다 자세한 학습을 위해서는 책을 구입하시는 것이 좋습니다. 책 구입은 화면 오른쪽에 있는 "처음부터 다시 배우는 HTML5&CSS3" 배너를 클릭하시면 yes24,.com으로 연결되며, 그곳에서 구입하시면 됩니다. 본 내용의 저작권은 양용석(ugpapa@gmail.com)과 로드북에 있습니다. 자료를 공유를 할 수는 있습니다만, 반드시 저에게 먼저 허락을 득하시고 공유해 주시기 바랍..

9일차 강의 목록은 다음과 같습니다. 1.선택자의 개념과 활용 2.태그 선택자 3.클래스 선택자 4.아이디 선택자 처음부터 다시 배우는 HTML5 & CSS3 강의자료 9일차 from Michael Yang 의 내용은 책 내용을 압축한 것입니다. 보다 자세한 학습을 위해서는 책을 구입하시는 것이 좋습니다. 책 구입은 화면 오른쪽에 있는 "처음부터 다시 배우는 HTML5&CSS3" 배너를 클릭하시면 yes24,.com으로 연결되며, 그곳에서 구입하시면 됩니다. 본 내용의 저작권은 양용석(ugpapa@gmail.com)과 로드북에 있습니다. 자료를 공유를 할 수는 있습니다만, 반드시 저에게 먼저 허락을 득하시고 공유해 주시기 바랍니다.

시그마 오식이를 소개하면서 광고에는 "한 치의 왜곡도 허용하지 않는다" 라고 광고했습니다.그렇가면 시그마 오식이가 왜곡이 있을까? 하는 의문이 당연히 듭니다. 여기서 오식이가 가장 화질이 좋아지기 시작하는 F5.6 부분의 사진을 가지고 확인을 하겠습니다. 먼저 첫번째 사진입니다. 실제 눈으로 보더라도 약간의 왜곡이 있다는 것을 알 수 있습니다. 모르시겠다구요? 다음의 그림은 어도비 라이트 룸에서 프로필 교정을 이용해서 오식이로 찍은 결과물을 수정한 후 이미지 입니다. 차이가 느껴지시나요?이전 사진 보다 왜곡이 거의 사라졌습니다. 즉 오식이는 왜곡이 있는 렌즈라는 것을 알 수 있습니다. 즉 시그마 광고는 거짓말인 것입니다. 확실히 하기 위해서 두개의 이미지를 GIF 이미지를 이용해서 애니메이션 처리를 했습..

오늘 오식이의 조리개별 화질을 비교해 보도록 하겠습니다. 먼저 정확한 화질 테스트를 위해서 아래의 그림과 같이 벽돌을 기준으로 중앙부 주변부 그리고 극 주변부 3곳의 화질을 조리개 별로 어떻게 나오는 지 확인해 보도록 하겠습니다. 보다 정확한 테스트를 위해서 주광하에서 삼각대에 카메라를 설치하고, 릴리즈를 이용해서 카메라의 충격을 최소로 줄였습니다. 상단의 이미지의 조리개 정보는 포토샵에서 수정되었기 때문에 부정확한 값이 표시되었습니다. 실제 조리개값은 F1.4 상태입니다. 아래의 이미지를 확인해 보시기 바랍니다.시그마 오식이는 F1.4에서도 준수한 화질을 보여 줍니다. F 1.4에서는 중앙부와 비교할 때 극 주변부는 화질 저하가 있는 것을 알 수 있습니다. 하지만 F2 부터는 중앙부와 극 주변부까지 선..

8일차 강의 목록은 다음과 같습니다. 1. CSS 기초 학습에 들어가기 앞서 2. CSS 기초 3. CSS를 적용하는 다양한 방법 4.인라인 방식으로 스타일 적용 5.임베디드(Embedded) 방식으로 CSS 적용 6.외부파일에 의한 CSS 적용 7.선택자 적용 정리 처음부터 다시 배우는 HTML5 & CSS3 강의자료 8일차 from Michael Yang 의 내용은 책 내용을 압축한 것입니다. 보다 자세한 학습을 위해서는 책을 구입하시는 것이 좋습니다. 책 구입은 화면 오른쪽에 있는 "처음부터 다시 배우는 HTML5&CSS3" 배너를 클릭하시면 yes24,.com으로 연결되며, 그곳에서 구입하시면 됩니다. 본 내용의 저작권은 양용석(ugpapa@gmail.com)과 로드북에 있습니다. 자료를 공유를 ..

Fontfabric 에서 Nexa free font 두 종류를 무료로 배포하고 있습니다. 가독성이 상당히 뛰어나고 폰트의 모양도 이쁘네요.다운로드는 http://fontfabric.com/nexa-free-font/ 여기서 가능합니다. 폰트의 전체적인 모양은 다음과 같습니다.

최고의 완소렌즈 시그마 오식이 SIGMA 50mm F1.4 HSM 오늘은 오식이 외형을 소개해 드리겠습니다. 1부에서도 말씀 드렸듯이 오식이는 다른 단 렌즈에 비해 구경이 상당히 큰 편입니다. 필터 지름이 77미리니까 말 다했죠. ^^ 제가 가지고 있는 오식이는 펄이 있는 버전입니다. 요즘에는 무펄 버전이 나온다고 하는데, 전 개인적으로 시그마 단 렌즈들은 펄이 있는 것이 이쁩니다. 줌 렌즈는 펄 없는 것이 좋은데, 단렌즈는 펄이 있는 편이 좋습니다. 감촉도 좋고, 렌즈 표면에 빛이 반사되지 않기 때문이기도 하죠. 오식이의 크기를 비교하기 위해서 니콘 최고의 가성비를 자랑하는 50.8d 렌즈와 비교하겠습니다. 니콘 단렌즈 중에서 가장 작고, 싼 렌즈 중 하나입니다. 보통 입문자들이 많이 구입하기도 하는데..

현재 제가 사용하고 있는 카메라는 니콘의 D700입니다.니콘 최초의 FF 보급기로 세상에 나온 기종이며, 현재는 D800와 D600이 출시됨에 따라 더 이상 생산되진 않고 있는 모델입니다.하지만 지금도 현역에서 뛰기에는 부족함이 전혀 없는 모델이기도 합니다. 제가 사용하는 D700의 바디캡이자 제가 가장 많이 사용하는 렌즈인 일명 "오식이"로 불리우는 시그마 50mm F1.4 HSM 모델에 대해서 소개해 드리도록 하겠습니다. 시그마 웹사이트에서는 오식이에 대해서 이렇게 설명을 하고 있습니다. "한 치의 왜곡도 허용하지 않는 시선" 한 치의 왜곡도 허용하지 않는지는 담에 살펴 볼 것이구요. 오식의 규격은 다음과 같습니다. 필터 사이즈가 타사의 50미리 렌즈보다는 상당히 크다는 것을 알 수 있습니다. 이 부..

MYO - Wearable Gesture Control from Thalmic Labs Thalmic Labs에서 개발한 웨어러블 제스춰 컨트롤러 입니다. 차세대 PC는 입는 컴퓨터가 되리라는 것에 의의를 달 사람은 없을 것입니다. 이 제품은 실용화가 되었으며, 현재 프리오더를 받고 있습니다.가격은 149불이고 윈도우/맥을 완벽하게 지원하고 있으며, iOS와 안드로이드를 위한 API가 제공된다고 합니다. 실제 작동하는 모습은 Youtube 비디오를 보시면 이해가 빠르실 겁니다. 보다 자세한 정보는 https://getmyo.com/ 에서 얻을 수 있습니다.

IE10 윈도우 7용이 정식 출시 됨에 따라 몇가지 테스트한 결과를 보여드리겠습니다. 현재 제가 사용하는 시스템은 윈도우 7 64비트 프로버전입니다. 1. HTML5 지원여부 테스트 500PX.COM 이라는 사진 공유 사이트는 사진 업로드를 HTML5의 Drag & Drop을 이용합니다. IE9까지는 Drag & Drop을 지원하지 않았지만, IE10에서는 Drag & Drop을 지원하는 것을 확인했습니다. 2. Active X 지원 여부 액티브 엑스를 정말 퇴출되어야할 기술이지만, 한국의 현 상황에서는 너무 많은 보안 모듈과 기타 여러 가지 기술을 액티브 엑스에 의존하다 보니, 엑티브 엑스가 없으면, 인터넷 뱅킹이나, 기타 인터넷 쇼핑등에서 많은 불편을 겪을 수 있습니다. IE10에서는 현재 제가 사용..

다운로드 URL은 http://windows.microsoft.com/en-us/internet-explorer/downloads/ie-10/worldwide-languages 입니다. 정식버전입니다. 일단 설치중이기때문에 설치 후 호환성 부분 그리고 HTML5 와 CSS3 지원여부와 성능등에서 평가해 보도록 하겠습니다. IE10은 HTML5의 모든 기능과 CSS3의 모든 기능이 지원된다고 했으니, 정밀한 테스트 후 다시 게제 하겠습니다. 설치는 32비트와 64비트 버전이 따로 있기 때문에 현재 사용하시는 시스템 정보를 확인하시고 설치하시면 됩니다.