Rock's Easyweb
Figma to web 웹사이트 완성본
Figma to web 웹사이트 완성본
픽업 사용 가능 여부를 로드할 수 없습니다.
총 23차에 걸려 진행된 영상의 완료본입니다.
피그마 디자인을 참조하여 html, css, javascript로 구현한 웹사이트 완료본입니다.
Figma to Web P1 - 저장할 이미지 판단 및 저장하기
Figma to Web P2 - 코딩하지 쉽게 이미지 저장, 원본 저장하기, conic-gradient, 마스크 이미지 저장
Figma to Web P3 - 디자인 참고 HTML 작성 - AI보다 간결하게 작성하기
Figma to Web P4 - 디자인 참고 HTML 작성, Header 파트, logo, nav, dropdown, CTA
Figma to Web P5 - Header 파트 CSS, CSS reset, normalize, fontscanner
Figma to Web P6 - Header 파트 CSS, 여러 배경 지정, 네비게이션 CSS, 헤더 고정 CSS, Fixed Header
Figma to Web P7 - Header 파트 CSS, 로고 IR 기법, 너비와 높이는 언제 줄까?, Dropdown
Figma to Web P8 - Header 파트 CSS, Header 슬로건, 자간에서 %는 몇일까?
Figma to Web P9 - Header 파트 CSS, 글자 일부에 배경 넣기, 요소가 보이는 순서는?
Figma to Web P10 - Services HTML, 컨텐츠 리듬 확인, Services 영역 CSS
Figma to Web P11 - Services CSS, 정렬관련 공통 스타일, 그림자 여러개 지정하기
Figma to Web P12 - Services CSS, 호버 애니메이션
Figma to Web P13 - TOP Destination HTML, CSS
Figma to Web P14 - Book a trip Part HTML, CSSFigma to Web P15 - Book a trip Part CSS Figma to Web P15 - Book a trip Part CSS - 특별한건 없지만 쉬운것도 아닌 CSS
Figma to Web P16 - Book a trip Part - onGoing part CSS, border radius는 어느 부분의 수치인가
Figma to Web P17 - Testimonial Part HTML, CSS, javascript 슬라이드
Figma to Web P18 - Testimonial Part javascript 슬라이드, 반복문이 필요한 이유, for, forEach, 삼항연산자
Figma to Web P19 - Partners Part javascript 슬라이드 HTML, CSS, infinite Loop Slide Effect
Figma to Web P20 - Subscribe Part HTML, CSS, 입력폼 스타일, 배경 여러개 지정하기
Figma to Web P21 - FOOTER HTML,CSS, conic-gradient
Figma to Web P22 - 스크롤 애니메이션, 진행률, scroll Animation, progress bar animation
Figma to Web P23 - jadoo 완결 - 파트너 슬라이드 수정
Share
