전체 글80 웹 코딩 공부기록 21- 04- 20 이미지에 대해서 새로 배움 img + 탭 srp는 소스로 이미지 주소를 복사해서 붙여넣기한다. 'object-fit: contain;' : 너비 높이 설정값에 맞춰 사이즈를 맞춰준다. 'object-fit: cover' : 이미지가 넘어가도 설정 너비와 높이값에 맞춰 맞춤한다. object- position: 00% 00%; : 이미지가 움직임 a, spen, img 2021. 4. 21. 웹 디자인, 21-04-19 새로배운내용 패스파인더 패스파인더 : ctrl+shift+F9 패스파인더는 도형두개를 겹쳐서 서용할 때 또는 도형을 다른 도형모양으로 나눌 때 사용한다. 2021. 4. 20. 공부기록, 21-04-17 웹 디자인 일러스트 복습하기 도형을 이용하여 아이콘 만들기 단축키 사용해서 만들기 2021. 4. 19. #5 게슈탈트 이론으로 본 와이어프레임 - 디자인베이스 리뷰 프레임은 다양한 방식으로 구성되고 진행된다. 게슈탈트 이론으로보면 크게 4가지이다. 유사성의 원리 근접성의 원리 연속성의 원리 공통영역의 원리 2021. 4. 19. #4 웹 디자인 그리드 시스템의 모든 것!? - 디자인베이스 리뷰 그리드시스템 PC와 모바일은 해상도의 차이가있다. 그리드를 잘 잡아주어야 한다. 그리드... 아직 잘 모르겠다. 사용자의 환경에 맞추어 구상하는 것을 반응형 웹이라고 하는데 사용자의 환경이 PC냐 태블릿이냐 모바일이냐에 따라 차이가 있다. 그리드는 이러한 웹에서 중요하다. 2021. 4. 19. #3 부트스트랩으로 웹 UI 컴포넌트 파악하기 -디자인베이스 리뷰 부트스트랩으로 웹 UI 컴포넌트 파악하기 - 웹디자인 입문 강좌 초보자도 알기쉽게, 물론 초보자가 바로 알기는 어렵지만 어떤기능들이 있는지 알기쉽게 설명한다. 필기를 해가면서 다양한 용어들에 대해서 공부를 해보면 좋겠다. ------------------ 필기 ------------------- hover 마우스를 올렸을 때 옵션이 바뀐다. active 버튼을 눌렀을 때 표시가 뜨는 것 Disabled 비활성화 상태 투명도를 주거나 흐릿하게 한다. Valodstion 폼 유효성 검사 Input창에서 정보를 제대로 입력하지 않았을 때 사용한다. Drodown 클릭했을 때 들어있는 하위 정보를 보여줄 때 사용한다. Navigation 페이지를 이동하는데 필요한 링크들을 모아놓은 창 Navigation bar.. 2021. 4. 18. 이전 1 ··· 9 10 11 12 13 14 다음
