웹디자인 독학하기_웹표준을 향한 첫걸음 3편_크로스 브라우징크로스 브라우징은 웹개발에서 매우 중요합니다.그렇기 때문에 오늘부터 크로스 브라우징에서생기는 이슈에 대해서 정리하고자 합니다.저또한 웹개발 초보자이기 때문에 좋은 의견있으면답글 부탁드립니다 :D1.IE 6, 7에서 생기는 display:inline-block 문제display:inline-block은 일반적으로block태그를 inline처럼 정렬하기 위해 사용합니다.하지만, IE 하위버전에서는 inline-block을 인식하지 못해서새로 정렬이 되어버립니다.이때 {*display:inline;*zoom:1} 을 사용하시면 문제가 해결됩니다.2. IE 에서 생기는 block 떨어지는 현상부모 width 값이100%일때위 코딩은 크롬에서.......

웹디자인 독학하기_웹표준을 향한 첫걸음 2편_input 태그에 디자인 주기아 좋당~~오늘은 폼(form)요소에서 인풋 박스에디자인을 주는 방법에 대해 알아 보겠습니다.폼요소에서 인풋박스는사용자의 정보를 기입하는데 사용됩니다.그렇기 때문에 모든 웹사이트에서매우 중요한 부분입니다.우선 가장 기본적인 스타일은다음 그림과 같습니다.단순히 HTML에 인풋 태그를 입력하면위 그림이 나옵니다.매우 단순하죠?사용자의 시선을 끌기 위해선깔끔하면서도 좀더 이쁜 디자인이 필요합니다.그러기 위해서는 우선인풋태그를 span 혹은 div으로 감싸주셔야 합니다.HTML 코딩은 이렇게 해주세요.저는 div를 사용해봤습니다.input태그를 감싼 div에는bord.......

웹디자인 독학하기_웹표준을 향한 첫걸음 1편_line-height 속성 파해치기웹표준을 정확히 준수하면서코딩을 하는것은 매우 어렵습니다.그만큼 웹에대한 기초지식이 많아야 합니다.오늘은 텍스트의 행간을line-height 속성을 사용해서조절하는 방법을 알아 보도록 하겠습니다.우선, 일반적으로line-height 속성은다음 3가지 방법으로 사용합니다.1. 퍼센트값으로 지정2. 길이 단위 값(px,em)을 사용3. 숫자 값을 사용해서 지정좀더 자세히 알아볼까요?1. 퍼센트값 지정우선 다음과 같은 html이 있다고 가정해보겠습니다.body {font-size:20px}h1 {font-size:24px}p{font-size:16px}그리고 여기에 line-height:150%를 적용해 보겠습니다.그럼 다음.......

[일러스트 강좌_3] 클리핑마스크와 블랜드 툴을 이용한 CD만들기오늘도 아침부터 비가 옵니다.한국은 벚꽃축제 이후로비만 오네요 주룩주룩~~오늘은 일러스트 강좌에서클리핑 마스크와 블랜드툴을 이용한cd만들기 강좌를 올리겠습니다.블랜드툴은그라데이션과 비슷한 효과가 나지만매우 다른 효과입니다.1.우선 원을 하나 크게 만들어줍니다.면 색만 체우시고 선색은 없에주세요2. 직선툴을 이용해서 원의 중심을 기준으로위쪽으로 하나의 선을 그려주세요3. 로테이션툴을 선택합니다.4. 로테이션툴을 선택 alt를 누른 상태로원의 중심을 클릭합니다.그 다음 각도는 45도로 해주면 되니다.5. 45도 각도를 기입한 후 꼭 미리보기를 체크해서확인합.......

빅데이터 활용 사례 및 분석_마케팅 전략안녕하세요! 오늘은 빅데이터를 활용한사례 및 분석을 공유하고자 합니다!더불어 빅데이터를 활용한마케팅 전략에 대해서도 포스팅 하려고 합니다.이해을 돕기 위해사진과 영상을 활용하고자 합니다.빅테이터(BIG DATA)란?페이스북, 트위터, 카카오톡을 통해 오가는 모든 메시지, 이미지, 영상등을포괄하는 용어입니다. 또한, GPS를 기반으로 한 지도 정보, 날씨 정보도 포함합니다.간단히 말해, 이 세상에 존재하는 모든 정보를 말합니다.출처:http://blog.lginnotek.com첫번째로, 빅데이터를 이용한 사물인터넷을 알아보겠습니다.사물인터넷이란,간단히 말해 우리가 일상생활에서 볼 수 있는제품에 전자.......

[일러스트 강좌_2] 그라데이션 이용한 버튼 만들기안녕하세요!오늘은 4월 14일...음 비가 오고 있네요 ㅎ일러스트 강좌를 올립니다.오늘은 그라데이션을 이용한UI/UX 디자인에 필요한 버튼 만들기를 알려드리겠습니다.어려운 부분은 꼭! 댓글 남겨 주세요 :D1. 우선 도형틀을 이용해서 동그란 원을 하나 그려줍니다.면색만 넣으시고 선색은 빼주세요!2. 그라데이션을 선택합니다.그라데이션 툴이 보이지 않을 경우에는일러스트 상단 메뉴바에서 윈도우가시면 찾으실 수 있습니다.3. 그라데이션 타입에서 Linear을 선택해 주시면 됩니다.4. 그라데이션에 색을 입히기 위해서스와치툴에 있는 색상툴에서 원하시는 색을 선택한 후드래그해서 그라데.......