css2017. 5. 10. 03:54

고화질 영상은 영상 우측 하단의 설정 버튼을 눌러 1080p 로 변경하시고 시청하시면 됩니다.마이크상태가 좋지 않아서 소리를 많이 올리셔야 들립니다. 수정된 CSS를 브라우저 새로고침 하지 않고 즉시 반영시키는 방법입니다. http://cssrefresh.frebsite.nl/

css2016. 8. 29. 03:08

지난 장에서 Sass가 무엇인지 어떻게 설치했는지 포스팅했습니다.http://recoveryman.tistory.com/276Ruby등의 언어를 설치해야 하기에 반드시 1장에서 설치 방법을 숙지해야 합니다. 1. Sass 는 파일 확장자 이름이 .scss 입니다.~~~.scss 파일이 있으면 Sass를 사용했구나 아시면 될꺼 같습니다.일단 테스트를 하기위해 어떠한 환경에서 .scss 파일이 css파일로 변환이 되는지 확인해 보겠습니다.이러한 부분을 '컴파일' 한다 라고 합니다. 윈도우키 + R -> cmd 입력 후 엔터 윈도우OS 에서 명령 프롬프트를 실행시키는 단축키죠. (Git을 설치했다면 Git cmd가 실행될 수도 있습니다. 하지만 상관없습니다.)Mac OS 라면 컨트롤 + 스페이스 -> term..

css2016. 8. 25. 02:29

잡코리아, 사람인 등의 구인구직 사이트에서 퍼블리셔, 프론트엔드(Front-end)개발자 등으로 검색했을때 가끔씩 필요 스킬로 이 Sass가 언급됩니다.도데체 이 Sass가 뭐길래 필요 스킬로 요구되는걸까 해서 간단히 사용방법을 포스팅 하려 합니다. 일단 뭔지 알아야 쓰고싶을 때 쓰니까 Sass가 뭔지 이론을 간단히 남깁니다.뭐 css 전처리기다. 전처리기는 또 뭔데... 하고... 정말 알기 쉽게 적습니다.(전처리기란 참고로 전에 처리하는 기능이 있다고 해서 전처리기 라고 합니다. css 전처리기 라고 하면 css 파일을 수정 또는 생성하기 전에 어떠한 작업(컴파일)이 일어나죠.) Sass는 css 속성(margin, padding, position, color)의 '값'을 자바스크립트의 변수처럼 활용..

css2015. 4. 18. 10:22

제이쿼리로도 방법이 있을꺼 같은데 검색해도 안나온다. ㅠㅠ 잘 못찾겠어서... 요즘 만들고 있는 포폴이 있는데 스크롤은 되지만 스크롤 바는 보이지 말아야 한다는 거다;; 엄... 어떤 사이트가 있냐면... http://m.koreapac.kr/Home/Index.aspx 요 사이트가 대략 그렇다. 모바일 전용메뉴... 우측 끝자락에 저거 제대로 된거 아냐? 라고 생각한다면 직접 사이트를 방문해서 확인하면 어떤 메뉴인지 이해가 빠르다 . . . . . 마크업 부터 시작해 보자. 먼저 내용을 담아야 하는 영역이 있어야 한다.123456789101112 menu1 menu2 menu3 menu4 menu5 menu6 menu7 menu8 menu9 menu10cs ul의 영역을 200px로 값을 지정해두고 l..

css2015. 3. 31. 02:52

네이버 무료 폰트인 나눔고딕 입니다.font-face 를 통해 고딕 폰트를 적용할수 있고 또는구글웹폰트 를 이용하여 사용하고자 하는 폰트를 적용 할 수 있습니다.(구글 웹폰트는 브라우저별로 폰트가 대응하게 짜여져 있다네요. 그리고 사용하기도 엄청 간단하고..) 이 글은 font-face 를 사용하여 폰트를 적용하는 방법입니다.파일들을 잘 보다보면 꽤 많은 파일이 존재하는걸 확인할 수 있습니다.이 이유는 브라우저 마다 지원하는 폰트의 확장자가 틀리기 때문이죠. 먼저 font-face 안의 속성을 보면- font-family : 적용하고자 하는 폰트의 이름을 설정합니다.- font-style : 폰트의 기울기 등의 이탤릭? 또는 노말과 같은 스타일을 설정합니다.- font-weight : 폰트의 굵기를 설정..