win won with

웹퍼블리셔 경력자가 정리한 실무에서 사용하는 코딩 메모장 폰트 x 라인하이트 구하기 : http://pxtoem.com/ 어플에서 새창으로 열리는 이슈 a href="javascript:void(0);" -> a onclick="return false;" 메일: test@www.co.kr 전화: 02-123-123 커서 방지: cursor: text; 다운로드: download="" 얼럿창 스와이퍼 다음 슬라이드 노출 loopAdditionalSlides : 1, 다중 탭 내에 스와이퍼 (참고: https://sir.kr/qa/364981) observer: true; observeParents: true; 스와이퍼 방향 반대로 페이지 이동 소스 테이블 초기화 table { width:100%; bord..

Web/Publisher 2023. 8. 26. 16:51

제이쿼리 API참고: https://jquery.com/ 기능참고: http://www.htmldrive.net/ 프로토타입(벡터): https://www.figma.com/ 참고사이트: http://www.gdweb.co.kr/ 트윈맥스: https://greensock.com/ 글자 쪼개주는 사이트: https://splitting.js.org/ fullpage.js: https://alvarotrigo.com/fullPage/ko/ pagepiling.js: https://alvarotrigo.com/pagePiling/ particles.js: https://vincentgarreau.com/particles.js/ 필터,정렬: https://isotope.metafizzy.co/ 이미지 정렬: ..

Web/Publisher 2023. 8. 26. 16:36

Web/Education 2019. 2. 12. 19:13

Web/Education 2019. 2. 12. 19:12

정보 설계하기 결정된 콘텐츠와 기능에 따라서 정보 구조를 설계할 수 있다. 정보구조 설계에서의 모호성 : 이용자들이 한번에 인식을 할 수 있는 직관적인 단어를 선정하여 정보의 그룹을 나타내는 단어로 사용하는 것이 중요 정보구조 설계에서의 이질성 : 홈페이지의 이질적인 본성 때문에 일관성 있고, 체계적인 정보구조 설계를 하는데 어려움이 많음 정보구조 설계에서의 시각차이 : 자신만의 관점에서 벗어나 이용자의 시각에서 객관적으로 바라보는 것이 중요 정보구조 설계에서의 내부정책 : 내부정책은 홈페이지를 구축 운영하는데 있어 시작부터 마무리까지 지속적인 영향을 미치게 됨 주제별 체계 : 주제나 화제에 따라 구분하는 방법. 윤곽이 분명하지 않은 주제를 잡다보면 나중에 주제별로 나눈 영역이 서로 겹쳐 이용자에게 혼돈..

Web/Education 2019. 1. 10. 15:25

Animation Sample - Rocket 애니메이션 효과를 이용한 로켓입니다. See the Pen Animation - Rocket by Jiwon Son (@jiwonson) on CodePen.

Web/Education 2019. 1. 10. 12:31

컨텐츠 요소를 가운데 정렬하는 방법 인라인 요소를 가운데 정렬하는 방법 (text-align: center) 블록 요소를 가운데 정렬하는 방법 (margin: 0 auto) 테이블을 이용한 가운데 정렬하는 방법 (vertical-align: middle) 포지션을 이용한 가운데 정렬하는 방법 (margin) 포지션을 이용한 가운데 정렬하는 방법 (translate) 포지션을 이용한 가운데 정렬하는 방법 (margin:auto) 플렉스를 이용한 가운데 정렬하는 방법 (display:flex) 인라인 요소를 가운데 정렬하는 방법 (text-align: center) See the Pen Center Type1 by Jiwon Son (@jiwonson) on CodePen. 블록 요소를 가운데 정렬하는 방법..

Web/Education 2019. 1. 10. 10:17

UI/UX 콘셉트 도출하기 도출된 아이디에이션(Ideation)의 프로토타입 검증 결과에 따라서 확정된 UI/UX 콘셉트 를 결정할 수 있다. 도출된 UI/UX 콘셉트를 반영하여 목표 고객인 페르소나(persona)를 추출할 수 있다. UI 설계를 위해서 UI/UX 콘셉트에 적합한 시나리오(scenario)를 작성할 수 있다. User Story 디자인을 개발할 특징 및 태스크를 설명하는 방법 프로젝트의 특징을 사용하는 주체, 기능, 목적을 정의 프로젝트에 연관된 실무자들을 위한 커뮤니케이션 도구 역할 애자일 방법론에서 많이 사용 사용자 목표를 기준으로 작업 User Story Method 디자인을 개발할 특징 및 태스크를 설명하는 방법 As (사용자) I Want You (기능) In Order To ..

Web/Education 2019. 1. 9. 14:59