그냥 그래

안녕하세요, 도롱군입니다. CSS의 기초부터 활용까지 1편 포스팅을 해보도록 하겠습니다. CSS란 무엇인가요? CSS의 의미는 Cascading Style Sheet 의 약자입니다. CSS는 HTML의 요소를 화면에 가시화할 수 있으며, 많은 HTML 스타일을 저장하여 따로 디렉토리를 만들고 그 안에 .css 문서 안에 코딩을 하게 되면 여러 html 레이아웃을 제어 할 수 있습니다. 디자인, 레이아웃 등 다양한 Function과 모바일이 보급되며 대중화 되어 반응형 웹 디자인을 할 때 필수적인 요소로 자리매김 하였기 때문입니다. CSS는 왜 써야할까요? HTML은 웹 페이지의 레이아웃 형식을 지정하기 위해 Tag를 포함하지 않았습니다. 일반적으로 HTML만 이용하여 웹 개발을 할 경우 일일히 Tag마다..

최근 사이트가 브라우저별, 디바이스 별로 잘 호환이 되는 지 확인 하는 도중,여러가지 문제가 생겼었다. 구버전의 브라우저와 호환이 안되는 경우도 빈번하게 일어났고.html5, css3가 대중화 되고 반응형 웹이 사이트 Design시에 필수적으로 일어나기에,각 구버전 브라우저에서는 호환이 안되는 경우도 빈번하게 발생하게 된다. 웹 사이트를 구축 시엔, 여러가지 요소를 신경써야 하지만, css 접두 등 누구나 호환되어 이질감 없이 볼 수 있어야한다.그 만큼 모바일과 인터넷 보급이 대중화 되었기 때문이다. 이번에 나도 이러한 문제를 쉽게 확인하기 위하여 이것 저것 알아보다가 좋은 서비스를 발견하여블로그에 기록하게 되었다. Microsoft사에서 제공하는 사이트 스캔 (Site scan) 툴이다.해당 사이트의 ..

안녕하세요 도롱군입니다. 보통 웹페이지 작업을 할 때 따로 웹 폰트 혹은 홈페이지 내부에 임베디드 하지 않은 상태라면 사용자들은 기본적으로 디바이스에 저장되어있는 Default font 정보를 이용하여 웹 데이터 리드를 하게 되는데요. 타이포그래피를 도롱군은 꽤나 중요한 요소로 생각하기에 그런 사소한 부분까지 일일히 신경 써주는 스타일 입니다. 오늘은 웹 폰트를 적용 시켰을 때, 장점과 단점을 서술하고 웹 폰트를 이용하여 내부 CSS 시트에 어떻게 불러들일 수 있을지에 대하여 포스팅 해보도록 하겠습니다. 웹 폰트는 웹 폰트 정보를 제공하는 사이트에서 폰트 스타일을 간단하게 코드 몇 줄로 불러올 수 있습니다. 대표적으로 무료 라이선스인 나눔고딕과 Google에서 제공하는 Google Fonts가 있습니다...