befrend


웹기획 설계 문서 스토리보드 정의 0

웹기획 설계 문서 스토리보드 정의

웹기획 설계 문서 스토리보드 정의   1. 스토리보드의 정의    인터넷에 스토리보드라는 용어를 검색을 해보면 영화나 TV드라마 등에 대한 이야기와 인터넷 화면 설계서 등의 이야기 부류들이 나옵니다. 이는 영화나 TV드라마 등을 만들데 작성하는 최초...

mokup 0

발사믹 목업(Balsamiq Mockups)

스토리보드 지원툴 발사믹 목업(Balsamiq Mockups) [출처] 스토리보드 지원툴 발사믹 목업(Balsamiq Mockups)|작성자 모그니 발사믹 목업을 UI설계를 할 때 빠르고 편리하게 작성할 수 있게 도와주는 툴입니다. ​여기서 Mockup 이란 사전적 의미로 실물크기의 모형을 의미하는데, 발사믹 목업은 실물 형태의 여러 아이콘들이 미리...

entity 0

엔티티 코드 EntityCode

엔티티 코드 HTML 예약 문자나 특수문자를 쓸때 사용하는 코드입니다. ex)  & … '<'나 '&'와 같은 특수문자들은 html 태그로도 사용되기 때문에 브라우저가 혼란을 겪는 경우가 많으므로 이런 문제를 해결하기 위해 사용됩니다.  엔티티 코드에 대한 정보는...

CSS 포지션(position) 정리 0

CSS 포지션(position) 정리

보통 p, h1, div 같은 엘리먼트를 블록 엘리먼트라고 부릅니다.  이런종류는 화면에 표시될 때 블록상자처럼 표시하기 때문에 이렇게 불리우게 되었습니다. 반면에 strong, spen 등과 같은 엘리먼트는 한줄이거나 한줄의 박스로 표시되기 때문에 인라인 엘리먼트라 불리웁니다.   블록박스는 하나씩...

[CSS] clearfix 0

[CSS] clearfix

CSS .pinkbox {width:324px;padding:5px;} .redbox {float:left;width:150px;height:60px;padding:5px;} .bluebox {float:right;width:150px;height:130px;padding:5px;} HTML <div class="pinkbox"> <div class="redbox"> redbox </div> <div class="bluebox"> bluebox </div> </div> 위와 같은 코드가 있다고 하면, 실제로 웹 브라우저에서는 아래와 같이 보인다.   redbox bluebox (ie6에서는...

new_font_thumbnail 0

무료 한글 글꼴 37종 총정리

새해 들어 윤디자인이 대한체를 배포했습니다. 또 네이버 ‘나눔글꼴’, 다음 ‘다음체’, 서울시 ‘서울체’ 등 많은 한글 글꼴을 인터넷에서 손쉽게 구할 수 있습니다. 그런데 막상 쓰려고 보면 ‘이 글꼴을 여기 써도 되나’ 의문이 듭니다. 글꼴마다 무료로 쓸...

jquery_black 0

J-Query, 제이쿼리란?

제이쿼리란? 자바스크립트의 라이브러리로, 자바스크립트 코드를 간결한 상태로 개발이 가능  http://jquery.com/ 제이쿼리 특징 1. css셀렉터  html내의 엘리먼트들을 손쉽게 표현및 사용이 가능  2.플러그인 아키텍쳐  이미 개발된 많은 플러그인을 쉽고 빠르게 사용  3.메소드 체인  여러개의 기능을 한줄에...

ckeditor 0

워드프레스 오픈 에디터

TinyMCE Advanced 워드프레스의 비주얼 컨텐츠 작성을 도와주는 오픈소스 에디터 확장 어플리케이션 정도 파일 편집 삽입 등의 기본 에디터 기능을 추가해준다. https://wordpress.org/plugins/tinymce-advanced/     CKEditor for WordPress 강력한 기능의 오픈소스 에디터 개인적으로 추천하는 Editor https://wordpress.org/plugins/ckeditor-for-wordpress/

logo_p 0

다양한 로고 디자인을 볼 수 있는 사이트

Logopond  http://logopond.com/ Logopond는 다양한 로고 디자인을 볼 수 있는 사이트 CI, BI, 심볼 디자인 작업 시에 참고하면 좋을 만한 이미지가 풍부합니다.       Brands of the World  http://www.brandsoftheworld.com/ 세계 많은 나라들의 다양한 로고...

dieline 0

패키지디자인 추천 사이트

the Dieline   http://www.thedieline.com/ 패키지 디자인 모아놓은 사이트       Packaging of the World http://www.packagingoftheworld.com/ 세계 각국의 감각적인 패키지 디자인을 감상할 수 있는 사이트 카테고리, 특징, 국가 별로 컨텐츠 탐색이 가능하며, 패키지 디자인을 통해...