본문 바로가기
  • 커뮤니티
  • 블로그
  • 북마크

HTML7

[HTML]HTML 태그(풀네임)과 의미 - 시멘틱 웹 HTML 태그의 풀네임을 모르는 분들도 많으리라 생각됩니다. 실무에선 풀네임까지는 몰라도 업무를 보는데 크게 지장이 없습니다. 그래도 알아서 나쁠 건 없으니 참고만 하시면 될 거 같습니다. : Hypertext Markup Language (하이퍼텍스트 마크업 언어) : Head (문서 헤드) : Title (문서 제목) : Body (문서 본문) : Heading One (제목 1) : Heading Two (제목 2) : Heading Three (제목 3) : Heading Four (제목 4) : Heading Five (제목 5) : Heading Six (제목 6) : Paragraph (단락) : Anchor (앵커) : Image (이미지) : Unordered List (비정렬 목록) :.. 2023. 6. 19.
[HTML]라이트모드, 다크모드 이미지를 picture에 미디어(media)쿼리로 다른이미지 불러오기 다크모드나 해상도에 따라 이미지를 다르게 보여줄때 유용하게 사용됩니다. 간단히 설명을 드리자면 source media는 css에 미디어쿼리와 동일하다고 생각하시면 됩니다. 아래 내용을 참고하셔서, 라이트/다크 모드일때 보여지는 이미지와, source 아래 기본 이미지를 넣으시면 됩니다. 반응형(해상도별) 예시 @media screen and (max-width:921px) { } (해상도 예시) 디바이스(운영체제별) 라이트, 다크모드 @media (prefers-color-scheme: dark) { } (디바이스 다크모드 예시) 2023. 6. 6.
[javascript]유튜브 탭메뉴 별로 다르게 호출 (반응형포함) 하나의 영역에서 탭을 누르면 유튜브 영상이 탭별로 다르게 노출되게 하는 방법입니다. 먼저 script 를 사이에 삽입합니다. // youtube function getVidID(param) { var r = /(?:watch\?v=(.*)|youtu\.be\/(.*))/g; var match = r.exec(param); return match[1] ? match[1] : match[2]; } var frameBase = ''; var vidObj = [ "https://youtu.be/ktmvMZyVzWk", // data-idx 0 주소 "https://youtu.be/Decc1Apa-bU", // data-idx 1 주소 "https://youtu.be/DRJBGE-Zqj8", // data-idx.. 2022. 12. 2.
[모바일]모바일 코딩하는 분들에게 웹퍼블리셔로 일한지 꽤나 오래 된거같다. 웹디자인을 시작으로 웹퍼블리셔까지.. 지금도 회사마다 다르겠지만, 본인이 웹디자인을 시작했을때만해도 코딩과 디자인을 병행하면서 했던 기억이 난다. 웹표준과 웹접근성, jquery 및 CSS까지 이제는 모바일 시대가 도래하면서 웹퍼블리셔의 역할이 분명해졌다고 생각한다. pc버전으로 사이트를 제작시 모든 브라우저 특히나 익스6부터 맞춰야하는것 때문에 굉장한 스트레스로 다가왔었는데(지금은 익스8부터 맞추는 기업들도 많다), 이번에 스마트폰 디바이스마다 맞춰야하는 현실이 되어버렸다. 익스6같은 존재가 안드로이드 하위버전이라고 보셔도 무방할듯 하다. 물론 ios하위버전에도 문제가 되는부분이 있긴하다. 필자가 모바일 코딩을 하면서 힘든부분과 해결방법들을 몇자 적어 볼려고 한.. 2014. 3. 4.
[텍스트큐브]텍스트큐브닷컴 블로그 수정하기 텍스트큐브닷컴이 (http://blog.textcube.com/) 아직 베타 버전이라 스킨편집기능을 제공하고 있지 않습니다. 어쩌면 텍큐닷컴 베타 사용자들(저를포함)이 가장 우선적으로 필요로 하는 기능이 아닐까? 라는 생각을 해봅니다. 스킨편집 기능이 되어야 구글광고도 포스팅부분에 달수있고, 스킨도 자기 스타일데로 꾸밀수 있을텐데 말이죠. 그래서 생각해낸게 html 위젯 기능을 이용한 방법입니다. 마크업을 마음데로 할수는 없어도, css로 스킨스타일은 바꿀수가 있습니다. 제블로그를 보시면 텍큐에서 기본제공되는 스킨에서 스타일만 바꿔준것입니다. 아마도 이게 css 구조의 사이트에 장점이 아닐까 하는 생각을 합니다. 그럼 사용방법을 잠깐 알아보도록 하겠습니다. 먼저 '내 블로그 관리하기'를 클릭후 관리자 페.. 2008. 11. 13.
[잡담]신의키스를 아십니까? 홈페이지를 제작해보거나, html 에 관심이 있던 분들이라면 신의키스를 모두가 아실거라 생각됩니다. 2006년 초까지 운영되다 리뉴얼 공지를 띄운채 아무런 리뉴얼없이 2008년 10월29일에 다시 오픈을 했습니다. 공지글을 읽으시면 아시겠지만, 운영자(신키님)의 무책임함을 인정하는듯 합니다. 어찌됐건 신의키스가 2년넘게 문을 닫음에도 불구하고 활성화된 모습이 보여지는걸 봐서 오픈되길 기다리는 분들이 꽤나 있었나봅니다. 제로보드 사이트에서도 여러 스킨배포로 유명세를 많이 탔었습니다. 제로보드4에서 XE까지 2년사이에 웹에서는 엄청난 변화가 있었고, 발전되었습니다. 공지에서 언급했듯이 리뉴얼 목적으로 파일을 옮겨서 인지 오류페이지도 종종 보입니다. 저같은 경우는 2003년도에 '신의키스'를 알게되었는데, 그.. 2008. 11. 8.
[잡담]웹표준이란? 웹표준이란 : 웹표준이란 극히 어렵게 생각할 필요는 없습니다 서울 사람은 서울사투리를 전라도 사람은 전라도 사투리를 충청도 사람은 충청도 사투리를 경상도 사람은 경상도 사투리를 쓰고 있습니다 이는 지역에서 생활하는 이라면 아주 친근하며 또한 당연한 일입니다 하지만 타지역에서 온 사람이 그 지역의 사투리를 알아 듣기엔 다소 긴장을 해야할 때가 있습니다 쓰는 표현법과 억양이 틀리기에 언어 소통에 일시적 장애를 가질 수 있기 때문입니다 그래서 현재 수도인 서울을 기점으로 교양있는(?) 사람들이 쓰는 일반적인 언어를 표준어로 사용 그 표준어를 이용하면 의사전달에 큰 불편함 없이 서로의 의견을 대화할 수 있습니다 이와 마찬가지로 웹에도 여러 종류의 브라우져들이 있습니다 우리가 흔히 쓰는 익스 플러러와 함께 요즘 .. 2007. 3. 21.
반응형