728x90 300x250 Front-end/화면구현14 무료 html 편집기 14 HTML 편집기란? HTML(HyperText Markup Language)을 작성할 수 있는 일종의 코드 편집 프로그램을 말합니다. HTML 편집기는 HTML작업을 위해 특별히 만들어 지지만 일부 프로그램은 다기능 입니다. 이러한 텍스트 기반 편집기를 사용하면 다양한 사이트 레이아웃 및 웹디자인을 테스트 할 수 있습니다. 또한 사이트 게시전 오류를 미리 발견하고 수정할 수 있습니다. HTML 편집기 유형 HTML Text Editors WYSIWYG (What You See Is What You Get) HTML Editors : 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식 2021년 최고의 무료 HTML 편집기 14가지 Atom Sublime Brackets GNU Emacs BBEdi.. 2021. 6. 7. 파비콘 만들기 favicon 파비콘이란? favicon은 favorites + icon의 합성어로 인터넷 웹 브라우저 주소창에 표시되는 웹사이트나 웹 페이지를 대표하는 아이콘을 말합니다. 아래 사이트에서 무료로 파비콘 아이콘을 다운 받을 수 있습니다. https://icons8.com/icons/set/favicon Free Icons, Clipart Illustrations, Photos, and Music Download design elements for free: icons, photos, vector illustrations, and music for your videos. All the assets made by designers → consistent quality ⚡️ icons8.com 아래는 svg를 다운받는 사이.. 2021. 6. 5. 포토샵 없이 이미지 동그랗게 자르기 사진편집 Crop a circle in image onlime - free tool 라는 사이트 입니다. 지금 당장 이미지 자르기나 로테이션등 이미지 편집을 해야 하는데 포토샵같은 이미지 편집 툴이 없을 경우 간단하게 사용할 수 있는 유용한 사이트 입니다. https://crop-circle.imageonline.co/ Crop a circle in image online - free tool Most of the common image formats like (.jpg, .jpeg, .png, .bmp etc..) are supported, you can upload any type of images, irrespective of size and dimensions to do a circle cropping. .. 2021. 6. 1. UI설계도구 UI 설계도구 UI 표준과 지침에 따라 UI를 제작하기 이해서는 설계도가 필요하다. 설계도는 결과물에 대한 미리보기가 가능하기 때문에 좀더 완성도 있는 UI를 만들 수 있다. 1. Wireframe 대략적으로 레이아웃을 구성하는 단계입니다. 2. 목업(Mockup) 실제화면과 유사하게 제작하는것 모바일 디자인을 실제 핸드폰이미지에 적용을 한다던가 실제 상품에 적용시킨것 기능은 없다 실제 적용하면 이렇게 보일것이다 알려주는 개념 3. 스토리보드(Story Board) Wireframe에다가 설명과 콘텐츠의 이동경로를 정적으로 나타낸다. 실제로 이동하지는 않고 많은 정보가 담겨 있기 때문에 매뉴얼 작업지침서로도 손색이 없다. 설명을 세부적으로 적어둔다. 4. Prototype 기존의 설계에다가 상호작용, 인.. 2021. 5. 16. 이전 1 2 3 4 다음 728x90 반응형
