본문 바로가기

{Design}43

HTML/CSS Study (2) [CSS] table 태그 말고 css로 테이블 만들기 #table{ display: table;}.row{display: table-row;}p{display: table-cell; border:solid 1px gray; padding: 3px; } col A col B col C apple banana cancel analysis believe cry [출처] [CSS] table 태그 말고 css로 테이블 만들기|작성자 시크 [CSS] button 이미지버튼 만들기(그라데이션) [출처] [CSS] button 이미지버튼 만들기(그라데이션)|작성자 시크 기본 못난이 버튼 말고, 깔끔하게 버튼을 만들고 싶을 때 사용.background-image에 그라데이션 말고 이미지를 링크해도 됨. .btn { .. 2014. 5. 12.
HTML/CSS Study (1) [CSS] display의 inline, block, inline-block[출처] [CSS] display의 inline, block, inline-block|작성자 시크 기본적으로 p 태그는 block 형태로 자동 줄바꿈을 하고, span 태그는 inline 형태로 글쓰듯 옆으로 간다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 css를 적용하지 않았을 때 .disp span{display: block;}기본 inline 속성을 block로 바꾸어 문단처럼 줄바꿈 실시 .disp p{display: inline;}기본 block 속성을 inline으로 바꾸어 한 줄로 표시 .disp span{display: inline-block; margin:10px;}inline처럼 한 줄에 .. 2014. 5. 12.
기업에서 배포하는 무료 한글 폰트 모음 기업에서 배포하는 무료 한글 폰트 모음 http://bloggertip.com/3890 SK뫼비우스체도 사용 불가능 KT 상상체 - 개인 사용 가능, 기업 사용 불가SKT 뫼비우스 - 개인, 기업 모두 사용 불가 아모레퍼시픽 아리따 - 개인, 기업 모두 가능인터파크 - 개인은 가능, 기업은 불가 옥션 - 개인은 가능, 기업은 사용 불가 한컴 함초롬 - 개인, 기업 모두 가능 네이버 나눔 - 개인, 기업 모두 가능 다음 - 개인, 기업 모두 가능 (http://www.daumcorp.com/about/ci.daum) 농협 희망체 - 개인 가능, 기업 불가능 BC카드 - 현재 다운 받을 수 없는 상태인 듯 디자인 서울 - 개인, 기업 모두 가능 한국지역난방공사 - 개인, 기업 모두 가능할 것으로 보이나 글꼴.. 2013. 12. 18.
효과적인 반응형웹 디자인 - 40개 사례 Responsive Web Designs For Inspiration – 40 Exampleshttp://www.designyourway.net/blog/inspiration/responsive-web-designs-for-inspiration-40-examples/ thenextweb.com unitedpixelworkers.comstoppress.co.nzclearairchallenge.comzurb.commicrosoft.compalantir.netbluegg.co.ukoak.istilde.ioribot.co.ukdustandmold.netprintgr.ambuildwindows.comsasquatchfestival.compolygon.combetterymagazine.comlapse.orgswee.. 2013. 12. 6.
[FREE] 인포그래피 세트 Infographic Vector Kit Free download: Infographic Vector Kithttp://www.webdesignerdepot.com/2012/02/free-download-infographic-vector-kit/ 개인 및 상업적인 목적으로 사용될 수 있다. 파일은 어떤 모양이나 형태 재배포 또는 판매 할 수 없습니다. 2013. 12. 3.
반응형웹 디자인을 위한 도구 85가지 반응형웹 디자인을 위한 도구 85가지 85 Top Responsive Web Design Toolshttp://mashable.com/2013/03/18/web-design-tools/ BY GRACE SMITHMAR 18, 2013 모바일 시장이 지속적으로 성장함에 따라 반응형웹 사이트 디자인에 대한 수요가 강화되고 있다. 새로운 도구 세트 10가지, 설계, 코드를 배치하고 응답성 웹 사이트를 계획 하기 위해 다음에 나열 하였습니다. 일부 겹치는 수도 있지만 각각 목록에 있는 명소 만한 조합 때, 그들은 당신이 모든 장치에서 사용자에게 최적의 시청 경험을 제공하는 웹 사이트 를 만들 수 있습니다. ( 각 권장 이외에 편리한 대체 도구의 목록입니다. ) 관련 항목 : 디자이너를 위한 10 필수 Chrom.. 2013. 12. 3.
2013년 웹디자인 트렌드 2013년 가을, 미리 살펴보는 웹디자인 트렌드http://trendw.kr/design/201309/9364.t1m 공식적으로 2013년 여름이 끝났습니다. 곧 추석이 끝나면 이제 업무로 다시 돌아올 시간입니다. 여러분은 이미 새로운 시즌을 대비하여 여러분의 웹사이트를 새로운 컨텐츠나 비쥬얼로 업데이트를 하셨을 겁니다. 만약 여러분이 웹디자인의 최신 유행을 아는 것은 웹사이트를 디자인하거나 수정할 때에 시작하기 좋은 출발점 입니다.여기 여러분들이 웹사이트 작업을 할 때 알아야 하는 가장 중요하고 최신의 트렌드들을 소개합니다.스큐어모피즘은 가고, 플랫 디자인이 왔다스큐어모피즘 디자인은 실제 사물과 흡사한 디자인을 나타내고 있습니다. 예를 들면 당신의 아이폰에서 뉴스 스텐드를 둘러봤을 때, 당신은 진짜 뉴.. 2013. 12. 3.
FWA 모바일웹 사이트 모음 FWA 모바일 웹사이트 모음 http://m.thefwa.com/ 2013. 12. 3.
주요 웹 스타일 가이드 비교 주요 웹 스타일 가이드 비교 인터넷 웹사이트는 폭발적인 수적 증가와 함께 짧은 기간에 손쉽게 수정, 변경할 수 있다는 장점 때문에 갈수록 짧은 개편 주기를 보이며 빠르게 거대화하고 있다. 이미 대다수의 기업들은 웹사이트를 제작하고 있으며 곧 규모의 경쟁으로 이어져 초대형 웹사이트들도 많이 생기고 있다. 그러나 이러한 대규모 웹사이트 개발은 단기간 내에 다양한 분야의 전문 인력이 참여되는 프로젝트의 결과로서 이루어지는 것이며 따라서 많은 시행착오와 비효율성 증대, 이로 인한 기회 비용의 낭비가 있을 수 있다. 웹사이트는 짧은 개발기간 저렴한 비용으로 비교적 손쉽게 수정할 수 있다는 장점 때문에 웹사이트가 개발된 이후에는 물론이고 개발 도중에도 얼마든지 내용 변경이 일어나게 된다. 특히 개발직후부터 발생하게.. 2013. 12. 3.