피그마 디자인 참조 웹사이트 구현하기 - 강좌 24강

피그마 디자인을 참조하여 웹사이트를 구현하는 방법에 대해 상세하기 학습할 수 있습니다.  

html, css, 슬라이드 라이브러리 활용법을 학습할 수 있습니다. 

파일형식: 1920*1080 / mp4

[ 피그마 디자인 코딩 #1 ] 디자인 참고 코딩 순서, 피그마 이미지 저장
[ 피그마 디자인 코딩 #2 ] VS CODE 자동 생성 코드 설명, charset, viewport
[ 피그마 디자인 코딩 #3 ] 디자인 참고 코딩하기 구조 파악후 html 작성하기
[ 피그마 디자인 코딩 #4 ] 디자인 참고 코딩하기- Banner, Feature, Alt 사용법, 웹접근성
[ 피그마 디자인 코딩 #5 ] 디자인 참고 코딩하기- 슬라이드, 푸터, slick js
[ 피그마 디자인 코딩 #6 ] 디자인 참고 코딩하기- 슬라이드 옵션 변경, 클릭 함수 추가
[ 피그마 디자인 코딩 #7 ] css reset, normalize 비교, CSS 작성순서, CSS 분리
[ 피그마 디자인 코딩 #8 ] 공통 CSS 작성, 레이아웃, 폰트 - 센스있는 웹디자이너는?
[ 피그마 디자인 코딩 #9 ] 공통 CSS 작성 - CSS 변수, lessCSS, 색상설정하기
[ 피그마 디자인 코딩 #10 ] 공통 CSS 작성 - 색상, 링크 스타일
[ 피그마 디자인 코딩 #11 ] 메인 페이지 스타일, Header, CSS 높이를 지정하지 말자!
[ 피그마 디자인 코딩 #12 ] Header 메뉴 스타일, 로고 배경지정하는 구형방식, naver,
[ 피그마 디자인 코딩 #13 ] 배너 영역 스타일 - line-height 지정 및 요소 배치
[ 피그마 디자인 코딩 #14 ] Feature 영역 스타일 - 아이콘 가운데 정렬하는 3가지 방법,
[ 피그마 디자인 코딩 #15 ] 슬라이드 영역 스타일 - HR 사용법과 스타일, 중앙 배치하기
[ 피그마 디자인 코딩 #16 ] 슬라이드 영역 스타일 - Position 리뷰, 포지션 값의 이해, 마진의 이해
[ 피그마 디자인 코딩 #17 ] About 페이지 HTML, 공통 CSS 추가
[ 피그마 디자인 코딩 #18 ] 아코디언 CSS, 머티리얼 아이론, accordion CSS, Material icon
[ 피그마 디자인 코딩 #19 ] 아코디언 CSS
[ 피그마 디자인 코딩 #20 ] 로그인 페이지 폼 HTML 정석, CSS
[ 피그마 디자인 코딩 #21 ] 로그인 폼 CSS, Material icon 정렬
[ 피그마 디자인 코딩 #22 ] placeholder CSS, focus-within, 부정선택자
[ 피그마 디자인 코딩 #23 ] sign up, 회원가입 페이지 HTML, CSS, 폼 피드백
[ 피그마 디자인 코딩 #24 ] 폼 피드백 말풍선 CSS, 포지션의 이해, nth-of-type