design log...

design log...

  • 분류 전체보기 (43)
    • 우당탕탕 스타트업 일기 (2)
    • Product 디자인 (19)
    • 디자인 관련 (9)
    • 저는 HTML으로 디자인 합니다 (13)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

design log...

컨텐츠 검색

태그

디자인시스템제작기 피그마오토레이아웃카드 앱아이콘사이즈 피그마왕초보 figmaautolayout 디자인대학원 피그마오토레이아웃 피그마카드UI 대학원 클론코딩htmlcss figmacarddesign 블록체인디자이너 디자인시스템시작 클론코딩html 피그마 피그마초보 UI디자인 피그마카드디자인 figmacardUI 블록체인디자인

최근글

댓글

clonecoding(1)

  • 디자이너의 HTML/CSS 클론 코딩

    배경 나는 디자이너이지만.. 코드에 대한 이해도가 있어야 개발자와의 소통이 좀 더 잘되는것으로 판단! 또한, HTML/CSS를 알아두면 추후 내 포트폴리오 홈페이지라던지 간단한 마크업은 내가 할 수 있을 것 같아 연습할겸 클론코딩을 진행해보았다. 그래서 이더리움 홈페이지를 방문해 구조를 파악하였다. 목표 먼저 코드를 쓰기전에 내 나름의 규칙을 세웠다. 첫 번째, id와 class를 구분해서 사용할 것. id는 한번 만 쓸 수 있고 class는 여러번 쓸 수 있기 때문에 반복 작업에는 class를 사용하는것이 낫다고 판단했다. 그리고 두 번째, 구조를 한 눈에 알아 볼 수 있도록 header/section/footer 시맨틱 태그 사용해보기, 이 외 CSS 스타일 작업시 지저분하게 작성하지 않을 것, 최대..

    2023.08.30
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바