ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko de ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
#21 카드 UI 예제 코드로 만들기 – 웹 코딩 강좌 | 디자인베이스
홈 멤버십 전용 #21 카드 UI 예제 코드로 만들기 – 웹 코딩 강좌
해당 강좌는 유튜브 멤버십 회원 전용 강좌입니다.
웹 디자이너를 위한 웹 코딩 강좌 시간입니다. 이번 시간에는 HTML과 CSS를 사용해서 카드 UI 예제를 코드로 제작해볼게요. 스케치로 가볍게 만들어본 예제를 보면서 어떻게 코드를 짜면 좋을지 계획을 해보는 습관을 지니는 게 좋아요. 디자인을 코드로 옮길 때는 가장 먼저 박스로 바라보는 연습이 중요합니다.
다음 시간에는 반응형 웹을 위한 미디어쿼리를 배워보도록 할게요 🙂
예제 다운은 멤버십 회원 커뮤니티에 올린 링크에서 받으실 수 있습니다.
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 제가 사용하는 툴은 비주얼 스튜디오 코드(Visual Studio Code)를 사용하며 여러분이 다른 툴을 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.
02. 작업 환경 세팅하기 – 일러스트레이터 기초 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
#07 스크롤, 스텍, 패딩 사용법 – 어도비 XD 강좌 (멤버십 전용)
쉽게 사람 일러스트레이션 믹스 매치 하기 ‘humaaans’
웹 주소 URL 짧게 만들어 주는 웹사이트
인공지능이 채색을 대신 해준다?!
감성충만 빛 그림자 서식류 목업
투명 비닐 포장 목업
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.