본문 바로가기

생활일기573

IE6에서 블록의 높이 100% 사용하기 IE7이나 FF2에서는 블록의 높이 100%의 사용이 가능하다. 예를 들면 내용 그러나 IE6의 경우는 블록의 높이가 100%로 유지되지 않는데 이때는 다음과 같은 방법을 사용하면 된다. 관련 예제 블로그 http://hyeonseok.com/pmwiki/index.php/Css/Height 주요내용 우선 height 100%를 사용하려면 html element와 body element의 높이를 100%로 확보해 주어야 합니다. #body 는 min-height 로 100%높이를 유지 해주고, #content-area 는 원하고자 하는 컨텐츠 영역을 확보 합니다. 이때, IE 는 min-height 를 지원하지 않으므로, conditional comment를 사용하여 height를 100% 로 확보 합니.. 2007. 11. 19.
[전자신문] 소프트뱅크미디어랩을 통해 본 웹2.0의 장점과 단점 [전자신문] 2007/11/01 17:36 최순욱기자@전자신문, choisw@ 소프트뱅크미디어랩(소장 류한석, SBML)이 웹 2.0 벤처로 키우고 있는 신규 서비스 3개를 최근 공개했다. 특히 서비스별 강점과 함께 약점도 공개해 웹 2.0 벤처 창업자나 희망자들에게 좋은 사례가 되고 있다. 소프트뱅크미디어랩은 벤처 인터넷서비스를 ‘옐로(아이디어 발굴)→퍼플(창업)→블루(투자)→레드(연구·재활용)’ 4단계로 나눠 지원하는 프로젝트(리트머스2 프로젝트)를 운영중이다. # 1. 편리한 UCC 제작 서비스 ‘스토리베리’ 스토리베리(www.storyberry.com)는 텍스트, 이미지, 동영상을 혼합한 슬라이드 쇼 형태의 사용자제작콘텐츠(UCC)를 버튼 클릭만으로 간단하게 제작할 수 있도록 돕는 서비스다. 중간.. 2007. 11. 8.
국내 소셜네트워킹서비스 진화과정 한겨레신문 박정현 기자님의 기사에 실린 내용입니다. 최근 사이월드의 후예들이라며 서비스의 등증을 2007년으로 정리했네요. 다음은 진화과정 1995년: 피시통신 기반 채팅 위주의 커뮤니티 1999년: 싸이월드, 아이러브스쿨 등 등장 2003년: 에스케이커뮤니케이션즈 싸이월드 인수 2004년: 플랜훗, 비즈맥 등 등장. 현재 서비스 종료 2007년: 피플투, 엔플러그, 링크나우 등 등장 관련기사 http://www.hani.co.kr/arti/economy/economy_general/244829.html 2007. 11. 1.
클라우드 컴퓨팅 시대 온다 [전자신문] 2007/10/25 21:27 강병준기자 ‘클라우드 컴퓨팅(Cloud Computing)’이 정보기술(IT) 분야의 새로운 흐름으로 떠올랐다. 클라우드 컴퓨팅은 프로그램이나 문서를 인터넷으로 접속할 수 있는 대형 컴퓨터에 저장하고 PC·휴대폰과 같은 각종 단말기로 원격에서 원하는 작업을 수행할 수 있는 사용 환경을 말한다. 구글·어도비·페이스북과 같은 주요 글로벌 IT업체는 클라우드 컴퓨팅 서비스 개발에 적극 나서고 있다고 크리스천사이언스모니터(CSM)이 전했다. 보도에 따르면 이런 환경 아래에서는 수많은 개인 자료와 이를 위한 프로그램을 컴퓨터에 저장해야만 해 PC 혁명이 시작된 지 20년 만에 다시 ‘메인프레임’ 시대가 올 수도 있다고 내다봤다. 신문은 대표적인 클라우드 컴퓨팅 환경으로 .. 2007. 11. 1.
vertical-align에 대해 잘 못 알고 있는것 과일장수님의 글입니다. http://blog.naver.com/frui2store?Redirect=Log&logNo=20003795265 이전에 나온 모든 CSS관련된 책에는... vertical-align이 Block내의 상하 정렬 위치를 결정하는 속성으로 설명되어 있습니다. 이는 잘못된 것입니다. W3C.org에 권장된 사안이 아닌...브라우저에서 적용되는 예를 가지고 책의 내용을 만들었기 때문이죠. 저 또한 근 1년전까진 해도 그렇게 알고 있었지만, 익스플로러 6.0 SP1을 설치하고부터 이상하게 vertical-align속성이 이전까지와는 달라서, W3C.org에 들어가서 원문을 보니... vertical-align속성이 하는 역할은 inline내에서 서로 다른 font와 font-size가 배열.. 2007. 11. 1.
디자인 불변의 법칙 100가지 디자인 불변의 법칙 100가지 상세보기 윌리엄 리드웰 지음 | 고려문화사 펴냄 디자인에 대한 지식의 폭을 넓혀주는 디자인의 보편적 원리 100가지를 설명하는 책. 모든 분야의 디자이너를 위한 교차학문적인 디자인 참고서로, 한 번에 찾아볼 수 있는 리소스를 제공한다. 건축과 그래픽 디자인에서 유저 인터페이스 디자인까지, 디자인의 핵심 이론을 다루고 있다. 또한 풍부한 그림으로 쉽게 설명한 네비게이션과 디자인의 개념을 시각적 사례를 통해 실제로 적용할 수 있도록 했다. 2007. 10. 19.
Adobe UI font를 로딩할 수가 없다는 경고창이 뜰때 폰트관리를 하거나 포토샾을 업그레이드한 이후 포토샾을 실행할때 Adobe UI font를 불러 들이지 못하는 경고창이 뜨는 경우가 있다. 경고창이 뜨기는 하지만 포토샾을 사용하는데 지장은 없지만 이 메세지가 뜨지 않게 하려면 ADMUI.fon을 다음의 폴더에 넣어 주기만 하면 된다. C:\Program Files\Adobe\Adobe Photoshop CS2\Required\ 이 파일은 일러스트에도 아래의 경로에서 찾을 수 있다. 만약 없다면 일러스트의 폴더에서 포토샾의 폴더오 복사하면 된다. C:\Program Files\Adobe\Illustrator CS2\Support Files\Contents\Windows\System\ 2007. 10. 18.
input 태그에 이미지 사용팁 input 태그를 버튼으로 사용하다 보면 익스플로러에서 이미지의 아래 1행이 보이지 않는 경우가 있다. 아래 이미지는 IE6, IE7, Firefox2에서의 예로 FireFox는 이미지가 제대로 보인다. 이때, 이미지태그에 'margin-buttom:1px'를 주는 방법도 화면상에 사라지는 한줄을 보이게 할 수 있지만 전체적으로 높이가 1px 길어지는 결과를 가져온다. 이경우 배경이미지가 있다면 근본적인 해결책이 될 수 없고 코딩으로 배경이미지의 위치를 1행 아래로 조정해야 하므로 코딩이 점정 복잡해 진다. IE의 버그로 보여지는데 input에 들어가는 이미지의 높이가 홀수 이면 1행이 보이지 않는 현상이 나타난다. input에 이미지 버튼을 사용할때는 이미지의 높이를 짝수로 하는 것이 코드를 단순화하는.. 2007. 10. 17.
우리글닷컴의 웹 폰트 체험 프로그램에서 폰트를 보내왔습니다. 얼마전 서핑하다 전자신문사의 폰트로 사용되고 있는 우리글닷컴의 폰트 체홈이벤트가 있어 지원을 했는데 어제 메일이 왔습니다. '우리바탕(0710버전, 10월15일최신)' 웹폰트 영구사용권 『인터넷타이포그래피포럼 』 PDF자료 우리바탕 0710버전 구성자료 개인홈페이지 웹폰트 적용 PDF 이렇게 4개를 보내왔네요. 픽셀이라는 한계로 인해 그동안 가지지 못한 한글에 대한 우리들의 정체성을 가질 수 있을거라는 안내글이 무척 마음에 듭니다. 우리글닷컴에 감사!!!! 2007. 10. 17.

티스토리툴바