코딩4 웹표준 검사 벨리데이터 : W3C Validator 웹표준 검사 벨리데이터 : W3C Validator를 소개합니다. 내가 코딩을 잘했을까? 마크업에는 문제가 없을까? CSS 코딩은 잘했는지? 잘 모르겠죠? 이럴 때는 W3C Valiadtor를 사용하여 검사해 보면 됩니다. 웹표준에 맞는지 검사하는거죠! 웹 표준이란 어떤 운영체제나 어느 브라우저에서든 상관없이 웹사이트가 항상 동일하게 보여지도록 표준을 맞추는 것입니다. W3C validator는 소스파일 또는 url 검사를 통하여 모든 브라우저에서 제대로 표현이 되고 있는지, 마크업에는 오류가 없는지를 간편하게 확인해 주는 사이트입니다. 자체 CMS를 가지고 있는 업체에서는 Validator도 자체적으로 운영을 하기도 합니다. 하지만 우리 같은 개인이 이용하기에는 W3C Validator 만한게 없습니다.. 2020. 9. 28. 반응형 웹디자인 Responsive Web-Design 반응형 웹디자인에 대하여 알아봅니다. 반응형 웹디자인에 대한 이야기가 나온지는 이제 좀 되었네요. 그래도 아직 모르시는 분들과 이제 막 이쪽 분야에 관심을 가지고 계시는 분들을 위해 조금 내용을 정리해 봅니다. 반응형 웹디자인의 뜻부터 알아볼게요. 반응형 웹디자인을 단어별로 쪼개어서 살펴보면, - 반응형 : 무언가에 반응하는 형태(형식 아니면 프로그램)를 말하는 것인데, 그럼 무엇에 반응을 할까? 웹서핑을 할 때 사용하는 도구에 반응을 합니다. 그런 도구에는 PC도 있고, 테블렛도 있고, 제일 많이 사용하는 모바일 휴대폰이 있겠죠. 이런 도구에 반응을 한다는 의미이고, 정확히 이야기하면 이런 도구의 화면 너비값(width)에 반응하는 것을 의미합니다. - 웹 : 웹은 아실거구요. - 디자인 : 무얼 디자.. 2020. 9. 24. JQuery는 여기에서 받아 가세요! 제이쿼리 소스는 어디에서 어떻게 받는지 소개합니다. 제이쿼리를 어떻게 사용하는지 알아 보러 출발합니다. 하나, 우선 제이쿼리의 cdn 주소를 알아 보러 갑니다. (제이쿼리를 내 PC에 다운받아서 연결을 해도 되고, cdn으로 연결을 해도 됩니다.) 코딩 작업을 하면서 제이퀘리 링크를 할 때 사용하는 cdn 주소입니다. 구글에서 jquery cdn으로 검색!! https://code.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party .. 2020. 9. 24. 아이콘 디자인은 폰트어썸 Fontawesome 아이콘은 폰트어썸 !! 디자인 아이콘은 구글 머티리얼 디자인에서도 많이 사용하지만 제가 추천을 해드리는 것은 폰트어썸 Fontawesome 사이트입니다. 폰트어썸은 유료와 무료로 나뉘기 때문에 주의는 필요합니다. 유료에서 사용할 수 있는 종류와 이쁜 디자인이 많지만, 무료로 제공해 주는 좋은 아이콘도 많답니다. 아래 설명은 무료사용 기준입니다. 먼저 html이나 css의 링크에 필요한 cdn을 준비하는데 필요한 사이트입니다. 검색은 구글에서 "fontawesome 4.7 cdn"으로 합니다. 아래를 클릭해서 들어가도 됩니다. https://www.bootstrapcdn.com/fontawesome/ Font Awesome The recommended CDN for Font Awesome www.boots.. 2020. 9. 24. 이전 1 다음
