WalkingBo의 걷는 정보

1. Pingendo 소개 - Pingendo는 디자이너, 개발자 및 웹 에이전시를위한 최신 웹 디자인 도구입니다. 스태킹 블록으로 직관적이며 텍스트 편집기로 강력합니다. - 기본적으로 반응형으로 되어있습니다. - 복잡한 사이트 보단 랜딩페이지와 같은 간단한 사이트를 그리기에 용이합니다. 2. Pingendo 다운로드 - 무료다운 가능하며 추후 라이선스를 취득하여 더 많은 기능이 있는 유료버전으로 변경이 가능합니다.(무료기간이 정해져있는 것 같습니다.) 3.Pingendo 사용 - 다운로드 이후 실행 - 비어있는 html을 사용할 수 도 있고 제공하는 몇몇 샘플템플릿도 사용가능합니다. 4. Pingendo를 사용 화면 예 - 왼쪽의 툴을 드래그 앤 드롭하여 화면을 디자인 할 수 있어 편리합니다. - st..

1. 반응형 웹 - 다양한 기기의 디스플레이 크기에 따라 화면의 크기가 자동으로 변하는 웹사이트 2. 뷰포트 설정 - 문서 헤드에 메타 뷰포트 태그 설정 - 예시 1) name="viewport" - 태그를 설정합니다. 2) content="width=device-width, initial-scale=1" - width=device-width : 기기 독립적 픽셀에서 화면 너비에 맞게 페이지를 맞춰줍니다. - initial-scale=1 : 기기 방향에 상관없이 브라우저가 기기 독립적 픽셀과 CSS 픽셀 간에 1:1 관계를 설정하고, 페이지에 서 전체 가로 너비를 활용할 수 있습니다. 3. 미디어 쿼리와 중단점 설정 - 미디어 쿼리는 CSS 스타일에 적용될 수 있는 간단한 필터 입니다. - 중단점 설정 ..