시간을 사진하다 썸네일형 리스트형 Color Picker, 그라데이션(그라이디언트)CSS3 코드 생성 사이트 ColorZilla 사이트 웹페이지에서 원하는 색을 추출할때나, CCS3에서 그라데이션(그라이디언트) 코드를 생성해 주는 사이트입니다. 즐겨찾기 해놓고 사용하시면 편하네요ㅎㅎ 바로가기 PSD파일(포토샵파일)을 CSS3 코드로 변환하는 포토샵 플러그인 사이트 CSS3PS.COM CSS3Ps는 포토샵에서 생성한 레이어를 CSS3로 변환해 주는 클라우드 서비스 기반 포토샵 플러그인입니다. 여러 레이어 또는 레이어 그룹을 선택하고 한 번의 클릭으로 변환할 수 있습니다. Gradient, Inner Shadow, Inner Glow, Outer Shadow, Outer Glow등의 CSS3 속성으로 변환해 준다고 합니다. 변환 즉시 브라우저에서 결과를 확인하고 다른 사람들과 공유할 수도 있습니다. 그리고 무료입니다. 바로가기 이미지를 코드화시키는 사이트, dataurl.net 이라고 아시나요? 이미지를 업로드할 필요가 없다? 이미지를 코드로 인코딩하다 제목 그대로 특정 이미지를 코드화 시켜주는 사이트입니다. 바로가기 CSS3 코드 생성 사이트 CSS3MAKER 다양한 효과를 손쉽게 코드로 생성해주는 사이트 입니다. 바로가기 웨스턴암즈(WA) 베레타 M92FS 크롬메탈 퍼펙터 버젼 가스건...소장할까? 아님 팔까? 웨스턴암즈(WA) 베레타 M92FS 가스건 사실 제목처럼 크롬메탈퍼펙터 버젼인지 아닌지는 잘 모르겠다. 외관이 참 정교해서 아는 형님에게 덜컥 샀는데... 나는 왜 가스채우고 격발하는게 왠지 아깝다고 생각이 드는지...ㅎㅎ 현재는 기름칠하고 고이 저 상자에 모셔두고만 있다. 가끔씩 꺼내서 사격 폼 취하고는 다시 상자에 넣고 말이다. ㅎㅎ 그래서...고민중이다...중고로 팔까 걍 소장할까... 은표는 팔아버려 라고 하는데... 파는 것도 괜히 아깝다...ㅎㅎ 아...어쩌지 어쩌지?? ㅋ 키다리 커플 @ 키다리 커플 놀이기구 @ 보웬축제 야자나무 @ 야자나무 여명 @ 여명 [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 - 속성 선택자 태그 속성을 조회하여.. [전라도여행] 우연찮게 전주한옥마을을 방문하게 되었습니다 보호되어 있는 글입니다. 전라도 여행을 계획하는 시간 보호되어 있는 글입니다. 이전 1 ··· 166 167 168 169 170 171 172 ··· 233 다음
