본문 바로가기 메뉴 바로가기

코딩 공부방

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

코딩 공부방

검색하기 폼
  • 분류 전체보기 (4)
    • 공지 (1)
    • HTML (0)
    • CSS (2)
    • Javascript (1)
  • 방명록

자동계산 (1)
Mobile responsive CSS Automator, MoCA 제작

모바일 사이트 작업 시 미디어 쿼리에 맞춰 계산기를 두들기는 게 비효율적이라 생각하여 간단하게 CSS 수치를 자동계산해주는 사이트를 제작하였습니다. http://iluku.net/moca/ 모카(MoCA)는 모바일 반응형 웹 구축을 도와주는 서비스입니다. 가로 폭 640px에 맞춰 CSS를 만들면 480px, 360px, 320px로 자동으로 계산하여 미디어 쿼리까지 입력되는 서비스입니다. 베타버전이라 이용하다가 문제가 발생하면 mocafeedback@gmail.com 여기에 의견을 주시면 감사하겠습니다! [이용안내] 가로 640px 모바일 페이지를 제작합니다. 첫 번째 박스에 CSS 코드를 넣습니다. Generate 버튼을 누릅니다. 두 번째 박스에 나온 코드를 복사하여 적용합니다.

CSS 2017. 5. 30. 18:19
이전 1 다음
이전 다음
최근에 올라온 글
링크
  • opentutorials.org
  • codecademy.com
  • jsfiddle.net
  • npmjs.com
  • MoCA Beta
  • github.com/moonspam
TAG
  • 반응형
  • 자동계산
  • css
  • rawgit
  • 인사
  • moca
  • 웹폰트
  • github
  • 나눔스퀘어
  • ytbgnav.js
more
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바