demun(대문블로그)

퍼블리셔/html2011. 11. 29. 06:00

html5의 로고에 대해서 이야기 한적이 있는데요. w3.org에서 로고를 배포하고 있습니다. 자세한것은 홈페이지를 참고해주시기 바랍니다. 뭐 티셔츠도 있고 이미지와 기타 다른 마크도 있습니다. 홈페이지에 붙여넣을수 있게 배포를 하고 있습니다. 기타 다른 자료도 있으니 참고해보시기 바랍니다. 블로그에 svg를 이용해서 넣어봤습니다. 역시나 잘 되는군요. 현재 저는 크롬에서 보고 있습니다. 마크와 워드마크가 포함된 코드는 아래에 있습니다. 코드는 아래와 같습니다. 물론 홈페이지에서 보시면 똑같습니다. HTML5 Logo Badge HTML5 Logo 홈페이지에 보면 검정색과 흰색도 있는데요. 검정색도 한번 넣어봤습니다. 코드는 아래와 같습니다.

퍼블리셔/html2011. 11. 21. 06:00

html5 에 관심이 있는 분이라면 아래와 같은 로고를 보신적이 있으실겁니다. 그런데 이것이 원래 이미지가 아닌 코드로 짜여졌다는 사실은 잘 몰랐을 수도 있을겁니다. 원래의 모양은 이렇습니다. 글꼴이 위와 다르죠?? 그리고 5라는 숫자도 다릅니다. 맨위가 수정한 코드를 이미지로 캡쳐한 것입니다. html5 로고의 개념은 이렇습니다. css 테두리모양, :before 와 :after 의 pseudo-elements , 그리고 css3 의 속성 불투명도와 변환, 또 구글의 API 를 이용한 글꼴, 또하나 div 안에 5라는 숫자를 넣은것입니다. 이걸 보기좋게 수정을 하였습니다. 원래의 코드 파일은 아래와 같습니다. 크롬이나 파이어폭스같은 브라우져로 열어보시면 됩니다. 특히 IE 6 같은 브라우져로 열어보시면..