IT의 신

html 테이블 디자인을 보통 하는데 html 에 기초가 없으면 이해하기 힘들다. 보통 퍼블리셔가 하는데.. 퍼블리셔가 아닌 사람이 만지면 도통 이해하기가 어렵다. 어찌어찌 테이블 디자인을 가져왔는데 공백이 생겼다. html, css 를 다 까봤는데도 잘 모르겠다. 역시 기초가 중요하다. 기초를 다지는데 보내는 시간은 아깝지가 않다. 기초를 몰라서 나중에 고생하는 시간이 훨씬 많다. 기초를 잘 닦자. 우습게 보지 말고. 나중에 피가되고 살이 된다. 알고보니 html table 태그는 기본적으로 cellspacing이 먹는다. 그래서 table 디자인을 css 등으로 할경우네는 cellspacing을 없애주고 한다. 이것을 모르니.. css를 다지우고 별짓을 다해도 알 수가 없다. 이렇게 해주고 css 등..

폰트 파일 적용하기 css - 파일을 다운받은 후 디렉토리에 복사 - url 자리에 해당 폰트 파일의 경로 기입 - font-family 이름은 원하는 대로 지정 @font-face{ font-family: 'neon'; src:url('../srcs/fonts/NeonPlanetisplay.ttf'); } 적용 body{ font-family: 'neon'; } font-family 를 여러개 할 수도 있다. body{ font-family: Hevetica Neue, Helvetica, Arial, sans-serif; }

반응형으로 css 를 다르게 import 해야할 일이 생겼다. 구글링을 해도 잘 나오지 않았다. 한참을 구글링한 끝에.. 생각보다 간단하였다. jQuery 같은것도 안써도 됐다. 또 다른 방법은.. 이상하게 안되서 아래글을 자세히 살펴봤더니 and 뒤에 한칸을 반드시 띄워야 했다. and 뒤에 스페이스를 두고 다시 실행해 봤더니 배경색이 잘 바뀌었다. =================================== 구글링한 내용대로 실제로 해보니 문제가 생겼다.

웹 퍼블리싱 무료강의 소스 - PC 편 입니다. 다운로드 받아서 index.html 실행하면 바로 단계별로 확인해볼 수 있습니다. 단계별로 잘 정리해 놨으니 하나씩 step-by-step 으로 flex box를 이해하면서 진행해나가면 누구나 웹 퍼블리싱이 가능합니다. 웹 화면에서 바로보려면 아래 링크를 클릭하면 잘 정리해놨습니다. http://xemaker.kr/publ/east_pc/ 웹 퍼블리싱 30분 만에 마스터하기 xemaker.kr

퍼블리싱을 하는데 브라우저 검사를 통해 모바일 화면을 보면 꽉 차보이지 않고 패딩 준 부분이 들어가서 백그라운드 색이 그 패딩 준 만큼 안보였다. 흠.. 이상하네.. 알고봤더니 *{ box-sizing: border-box; } 를 줘야 했었다. 그냥 퍼블리싱 할때 저 코딩은 무조건 넣고 하는것이 정신건강에 좋다. 그래도 설명을 듣고 싶은 사람은 위해 간략하게 정리를 하면 box-sizing: content;에 border나 padding을 추가하면 요소의 너비나 높이에 추가가 되어 해당 box의 크기는 그만큼 더 커지게 된다. 즉, 내가 만약 이 box의 너비나 높이를 설정하려면 예를 들어, 단순히 width: 50px; 혹은 height: 50px; 를 줄 수 있지만, 거기에 border 값이나 pa..

(왕초보) 웹 디자이너를 위한 웹 퍼블리싱 30분만에 마스터하기 이 글을 다 읽고나면 여러분은 바로 웹 퍼블리싱에 대한 자신감을 가지고 작업이 가능합니다. 아주 쉽게 step-by-step 방식으로 만들었기 때문에 쉽게 익힐 수 있습니다. 단계별 소스와 결과를 같이 제공하여 스킬을 빠르게 배울 수 있습니다. 30분만에 퍼블리싱 마스터 해드립니다. (feat Flex) 웹 페이지를 만들거나 수정하기 위해서는 css 가 필수 입니다. css를 모르고 웹 페이지를 수정하려면 너무 힘들고 답답할 것입니다. 웹디자이너나 개발자에게 웹 페이지 레이아웃을 해야할 일이 생깁니다. 웹 퍼블리셔 구하기가 어렵습니다. 구하더라도 커뮤니케이션이 어려울 것입니다. 잘 못하는 퍼블리셔가 코딩을 하면 복잡하고 어렵게 해놔서 나중에..