티스토리

Blue Breeze
검색하기

블로그 홈

Blue Breeze

bluebreeze.co.kr/m

C.H가 끄적이는 개발자 로그

구독자
0
방명록 방문하기
공지 티스토리 반응형 디자인 적용 모두보기

주요 글 목록

  • html, css tabs menu See the Pen tabs menu by C.H (@uncaose) on CodePen. See the Pen tabs menu2 by C.H (@uncaose) on CodePen. 공감수 2 댓글수 0 2022. 9. 24.
  • css input box validate Checking if an input is empty with CSS Form Validation Part 1: Constraint Validation in HTML body { margin-top: 1.6em; } .form-group { position: relative; margin: 1em; } .form-group .form-control { } .form-group .form-control::placeholder { opacity: 0; } .form-group .form-control + label { color: #000; position: absolute; top: 50%; padding: 0.375rem 0.75rem; transform: translateY(-50%); transiti.. 공감수 1 댓글수 0 2022. 9. 15.
  • HTML Dialog Tag HTMLDialogElement HTML Tag GoogleChrome/dialog-polyfill Native Modals on the Web Using the HTML Dialog Element 공감수 4 댓글수 0 2019. 12. 12.
  • 인터넷 파비콘 이미지 생성및 태그 생성 사이트 favicon.ico & App Icon Genertor사이트에서 파일선택으로 원하는 이미지를 선택한 후 Create Favicon을 클릭HTML 태그 정보와 함께 이미지를 다운로드 할 수 있다. ( 이미지 옆 Download the generated favicon 클릭 ) zip 파일을 다운로드 하면 아래 결과물을 얻을 수 있다. 공감수 1 댓글수 0 2018. 11. 27.
  • HTTPS & Referer Referrer Policy, (방문)출처 정책A new security header: Referrer PolicyHTTPS & Referer | 林盎然的博客 Angran Lin's Blog As of 2015 this is how you prevent sending the Referer header: HTTP referrer(referer) 숨기기Removing referer information [PHP] header() 로 redirect 했을 때 HTTP_REFERER가 사라짐. HTTPS 에서 Referer HTTPS에서는 referer에 대한 까다로운 몇가지 조건이 존재한다. 안전상의 이유로 HTTPS에서 HTTP로 페이지가 리다이렉션할 경우 "Referer"헤더가 삭제된다. 일부 웹사이트에서.. 공감수 2 댓글수 0 2018. 8. 9.
  • Referrer Policy, (방문)출처 정책 Referrer PolicyHTTPS & Referer Referrer Policies enum ReferrerPolicy { "", "no-referrer", "no-referrer-when-downgrade", "same-origin", "origin", "strict-origin", "origin-when-cross-origin", "strict-origin-when-cross-origin", "unsafe-url" }; no-referrer referer가 전송되지 않도록 지정. https://example.com/page.html에있는 문서가 "no-referrer"정책을 설정하면 https://example.com/ (또는 다른 URL) 로의 탐색은 Referer 헤더를 전송하지 않는다. no.. 공감수 1 댓글수 0 2018. 8. 8.
  • HTML META Tags https://gist.github.com/lancejpollard/1978404 OpenGraph Meta Tags Link Tag Meaning Basic HTML Meta Tags 공감수 6 댓글수 0 2018. 6. 25.
  • 웹에서 사용되는 일반 스킴 포멧 스킴 설명 http 사용자 이름이나 비밀번호가 없다는 것을 제외하고는, 일반 URL 포맷을 지키는 하이퍼텍스트 전송 프로토콜(Hypertext Transfer Protocol) 스킴이다. 포트값이 생각되어 있으면 기본값은 80이다. 기본형식 http://:/?# 예 http://www.abc.com/index.html http://www.abc.com:80/index.html https https 스킴은 http 스킴과 거의 같다. 다름 점은 HTTP 양 끝단에서 암호화하기 이해 넷스케이프에서 개발한 소켓 계층(Secure Sockets Layer, SSL)을 사용한다는 것 뿐이다. 문법은 같고 기본 포트값은 443이다. 기본형식 https://:/?# 공감수 4 댓글수 0 2016. 6. 29.
  • URL 문자 집합, 제한, 안전하지 않은 문자 컴퓨터 시스템의 기본문자 집합과 , 애플리케이션 문자 집합은 전통적으로 US-ASCII 문자 셋을 사용한다. URL 설계자들은 모든 인터넷 프로토콜로 URL이 전송 될 수 있기를 바랐고, 이와 함께 가독성이 있기를 바랐다. 따라서 출력되지 않거나 보이지 않는 문자를 이메일 프로그램에서 사용할 수 있다고 해서 , 그 문자들이 변환 될 수 있다고 해서, 그리고 그 문자들이 변환 될 수 있다고 하더라도, URL에서 그 문자들을 사용하는 것은 금지 되어 있다.(인쇄되지 않는 문자에는 공백이 포함된다. RFC2396에서는 애플리케이션이 공백을 무시하기를 추천한다는 점을 알아 두자) 안전문자셋 표현의 한계를 넘기 위해 URL에서는 %로 시작하는 ASCII로 시작하는 2개의 16진수 숫자로 이루어진 '이스케이프'문자.. 공감수 1 댓글수 0 2016. 6. 28.
  • HTTP 리소스 리소스 웹서버는 웹 리소스를 관리하고 제공한다. 웹 리소스는 웹 컨텐츠위 원천이다. 가장 단순한 웹 리소스는 정적파일이고, 텍스트, HTML, 이미지, 동영상, MS워드, 한글 HWP등 그 외 모든 파일을 포함한다. 하지만 리소스가 정적 파일일 필요는 없고, 리소스 요청에 따라 생산되는 프로그램이 되 수도 있다. 미디어타입 웹서버는 모든 HTTP객체 데이터에 MIME(Multipurpos Internet Mail Extension, 다목적 인터넷 메일 확장) 타입이 붙는다. 대 부분은 웹 브라우즈는 잘 알려진 객체 타입 수백 가지를 다룰 수 있다. URI 웹 서버 리소스는 각자 이름을 가지고 있기 때문에, 클러이언트는 관심 있는 리소스를 지목 할 수 있다. 서버 리소스 이름은 통합 자원 식별자(unifo.. 공감수 5 댓글수 0 2016. 6. 25.
  • iPhone WebPage에서 webkitExitFullscreen() 이벤트 iOS-Specific Considerations HTMLMediaElement Fullscreen HTML5 video iOS-Specific Considerations / Optimization for Small Screens 에서 “Video is not presented within the webpage. (웹 페이지내에서 비디오는 지원하지 않는다)” / iPhone, iPod iPhone WebPage에서 webkitExitFullscreen() 이벤트 (function(){ if (navigator.userAgent.match(/iPhone|iPod/i)) { var vid = document.getElementById('video'); # iPhone 에서 webkitExitFullscree.. 공감수 3 댓글수 0 2015. 12. 11.
  • <ol> Order Lists HTML Tag compact (Not HTML5) compactNot supported in HTML5. Specifies that the list should render smaller than normal 목록이 정상보다 작게 표현되도록 설정(HTML5에서 지원안됨0 reversed (HTML5) reversed - Specifies that the list order should be descending (9,8,7...) 내림차순 정렬(HTML5 지원) start number - Specifies the start value of an ordered list 목록 시작 숫자 설정 type 1 : 숫자 A : 대문자 a : 소문자 I : i : Specifies the kind of marker .. 공감수 4 댓글수 0 2015. 12. 7.
  • 반응형 디자인, 개발 툴 12 Essential Responsive Design Tools Mock-ups, Prototyping and Wireframing Tools - 목업, 프로토타이핑, 와이어프레임 툴 InterfaceSketch 종이와 필기구를 이용하는 스케치를 선호한다면 다양한 모바일 장치의 화면에 맞게 설계된 간단한(무료) PDF 템플릿 꾸러미를 제공하는 InterfaceSketch를 이용해보자. PDF 파일을 인쇄하고 최고의 디자인 도구인 종이와 필기구를 사용 초기 디자인 스케치할 수 있다. StyleTiles StyleTiles은 인테리어 디자인에서 개념을 빌려 Mock-up과 Wireframe을 쉽게 사용할 수 있게 만들어진 툴이다. Responsive Wireframes 전통적인 Wireframe은 정적인 .. 공감수 4 댓글수 0 2014. 12. 1.
  • scrollReveal.js Revealing Elements with scrollReveal.js scrollReveal.js scrollReveal.js ? 웹에서 컨텐츠가 뷰포트(화면 표시 부분)에 있을때 내용을 표시하는 공개 라이브러리 입니다.테스트를 보면 이해가 쉽습니다. 모니터나 화면이 크다면 div height를 500px 이상으로 크게 수정하신 후 "Run"버튼을 선택하면 화면이 갱신됩니다. 그후 화면을 스크롤하시면 적용된 화면을 보실 수 있습니다. 공감수 7 댓글수 0 2014. 11. 29.
  • HTML 이메일 템플릿 만들기 지메일, 핫메일, 야후와 같은 많은 웹 기반 메일 클라이언트는 마크업에서 스타일시트를 없애버리거나 무시해 버린다. 지메일은 태그를 제거해서 지메일에서 사용하는 스타일과 충돌할 가능성을 없애버린다. 이메일 클라이언트는 외부로 연결된 스타일시트를 의존할 수 없다. 지메일과 야후는 태그를 지우거나 이름을 바꿔 버리므로 를 대신할 다른 태그를 사용하는 것이 좋다. 일부 클라이언트는 CSS축약 선언을 무시할 수 있으니 축약을 사용하지 않고 풀어서 선언해야 한다. #header { padding: 20px; } #header { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } 로터스 노트(Lotus Notes)나 .. 공감수 9 댓글수 0 2014. 11. 11.
  • 웹페이지를 풍성하게 해주는 10가지 HTML5 Tags 참고 10 HTML Tags You May Not Be Using 웹페이지에서 측정값을 표현해야 할 경우 사용 할 수 있는 태그 300Gb of 500Gb occupied. 300Gb of 500Gb occupied. 다운로드나 진행상황을 표현하기위해 위젯으로 사용하는 태그 50% 50% 50% and 책, 기사 또는 다른이의 말을 인용 할 경우와 질문을 위한 태그 We should fight for our rights because, as Ezra Pound said, If a man isn't willing to take some risk for his opinions, either his opinions are no good or he's no good. We should fight for our .. 공감수 18 댓글수 0 2014. 9. 30.
  • HTML5 Tutorials 30 HTML5를 배울수 있는 Tutorial을 찾는다면 기본에서 고급까지 배울수 있는 30가지 HTML Tutorials를 소개합니다. Creating a Mobile-First Responsive Web Design 모바일 반응형 웹디자인 만들기 모바일에서 웹 경험을 제공하기 위한 튜토리얼을 제공합니다. Using semantic HTML 시멘틱 웹 사용 시멘틱 HTML을 설명하고, 왜 공부해야하는지 설명을 제공합니다. WebGL 2D Translation WebGL 기초부터 시리즈로 튜토리얼을 제공합니다. Getting started with the HTML5 track element HTML5 트랙 요소로 시작하기 트랙요소는 비디오 및 오디오에 오디오 자막, 자막, 화면 판독기에 대한 설명및 챕터를 추.. 공감수 17 댓글수 0 2014. 7. 26.
  • modern.IE IE테스트를 위한 MS의 배려? 참고modern.IE에 대한 새로운 소식: 무료 VM 다운로드, Windows 8 QuickStart Kit, 향상된 코드 검사 도구 등 morden.IE 가상테스트 도구 사용하기를 이용해 Window, Mac, Linux 의 각 VM( Hyper-V, 가상PC, VirtualBox, VMWare Player)에서 각 버전에 맞는 IE를 테스트 해 볼수 있다. 개인적은 vBox를 애용한다. VMWare는 오랜 옜적에 한번 사용해보고 패스(PC가 구닥다리인데 같이 느려져서...), OS를 우분투를 사용하므로 MS도 패스.vBox는 계속 사용하고 있었으니 그냥 이걸로... 그런데 OVA파일을 어케 사용하는지 몰라서 헤맸다. vBox 메뉴 > 파일(F) > 가상시스템 가져오기(I)... Ctrl+I 를 이용하.. 공감수 8 댓글수 0 2013. 4. 16.
  • MS webMatrix 설치 후 apache 실행이 되지 않을 때... 참고Xampp Starting Problem After Installing Microsoft Web-matrix 윈도우 서비스중에서 아래 서비스를 중지한다.서비스 이름 : MsDepSvc표시 이름 : Web Deployment Agent Service설명 : Microsoft Web Deploy 3.0에 대한 원격 에이전트 서비스입니다. 시작유형은 자동을 수동 or 사용안함 으로 변경한다. 공감수 12 댓글수 0 2013. 4. 2.
  • 플리커 RSS $.getJSON( "//api.flickr.com/services/feeds/photos_public.gne?id=xxxxxxx@Nxx&lang=en-us&format=json&jsoncallback=?", function(data){$.each(data.items, function(i,item){ if(i < 20){ $("").attr("src", item.media.m.replace('_m', '_s')).appendTo("#flickr").wrap(" 공감수 8 댓글수 0 2012. 12. 20.
  • HTML5 Web Hosting Infographics 공감수 1 댓글수 0 2012. 7. 4.
  • js timestamp Math.floor(new Date().getTime()/1000) 공감수 1 댓글수 0 2012. 2. 10.
  • IE "Error: 800a03e8 오류가 발생하여 작업을 완료할 수 없습니다." Error: 800a03e8 오류가 발생하여 작업을 완료할 수 없습니다. domain.com 인터넷 사이트를 열 수 없습니다. Window IE8 에서 자주 나타나는 문제인데 해당 문구에 대해서 검색을 해보았습니다. "Error: 800a03e8" HTML의 DOM이 모두 로드되기 전에 javascript 가 실행되기 때문에 발생한 문제다. 라고 정의 되어 있습니다. 해결 방법으로는 DOM이 모두 로드되고 난 후에 javascript가 실행되도록 script를 수정해야 한다네요. 그외 DOMREADY 라는 도구가 있습니다. 위 방법으로 DOM이 모두 로드되고 난 뒤에 스크립트를 실행이 되도록 js를 개발하면 문제가 없다는건데요. jquery.js에서는 jQuery(document).ready(functi.. 공감수 2 댓글수 0 2011. 1. 18.
  • IE html5 파싱문제 현재는 IE8 이하에서 html5 태크를 인식시키기 위해서 아래 스크립트 코드를 사용중입니다. 위 스크립트 코드를 사용했을 경우 일반적인 HTML 페이지에서는 아무런 문제없이 HTML5 태그 사용이 가능해집니다. 간혹 CSS 렌더링에서 기타 다른 브라우저와 다른결과가 나오긴 하지만 그것 역시도 {display: block;} 을 지정하면 문제없이 거의 동일한 결과로 나타납니다. header, section, aside, article, footer { display: block; } 하지만 위 문제중 HTML5 태그를 ajax.load() 형식으로 불러올 경우 IE8에서는 HTML5 태그를 제대로 인식 하지 못하는것 같습니다. 아래 그림은 HTML페이지로 접근했을 경우 IE8이 파싱한 결과입니다. 아래는.. 공감수 4 댓글수 0 2011. 1. 13.
  • URI와 링크 * URI와 링크 - 웹에서 다양한 페이지를 오갈 수 있는 이유는 페이지들이 URI를 기본으로한 '링크'로 연결되어 있기 때문이다. URI 스킴(URI schmes) http://www.iana.org/assignments/uri-schemes.html RFC 3986 'Uniform Resource Identifier (URI): Generic Syntax http://www.ietf.org/rfc/rfc3986.txt W3C 주석 'URIs, URLs, and URNs : Clarifications and Recommendations 1.0' http://www.w3.org/TR/uri-clarification 보통의 웹 페이지는 http: 스킴을 이용 FTP서버에 접근하기 위한 ftp: 스킴, 이메.. 공감수 1 댓글수 0 2009. 4. 25.
  • 블록 레벨 요소(block-level elements) 블록 레벨 요소(block-level elements) 한개의 독립된 덩어리'라는 의미제목(h1~h6)문단(p 요소)작성자 정보(address 요소) 공감수 0 댓글수 0 2009. 4. 24.
  • XHTML BASE XHTML BASE (XHTML2.0 초안) HTML XHTML 공감수 0 댓글수 0 2009. 4. 24.
  • META TAG 디렉토리의 최상위(/)에 "robots.txt" 라는 문서가 있는지 점검 User-agent:* User-agent:Googlebot Disallow:/selected Disallow:/ Allow:/selected/books Disallow:/reports/stat 위 내용이 robots.txt에 있을 경우 disallow(승인하지않음)를 해석하고 바로 끝낸다. > date content 속성값 : 'YYYY-MM-DDThh:mm:ss.sTZD' '2009-04-23T09:02:20.s+9:00' GMT(그리니치 표준시)로 한국, '-05:00'(서머타임 '-04:00') 미국동부 'TZD'는 협정 세계시(coordinated Universal Time: UTC), 즉 그리니치 표준시(GMT)로 부터의.. 공감수 2 댓글수 0 2009. 4. 24.
  • 네임스페이스와 언어코드 네임스페이스와 언어코드 XHTML문서에서는 html요소에 네임스페이스와 언어코드를 지정한다. xmlns속성 네임 스페이스는 xmlns 속성으로 지정한다. XHTML에서는 'http://www.w3.org/1999/xhtml' 이 네임 스페이스로 부여되었기 때문에 이 값을 지정한다. xml:lang 속성과 lang 속성 언어코드는 xml:lang속성으로 지정 ISO 639에 규정 XHTML1.0에서는 하위호환성을 고려하여 lang속성에 xml:lang속서오가 같은 값을 지정해 둔다. 공감수 1 댓글수 0 2009. 4. 24.
  • 웹 접근성 웹 접근성 WCAG 1.0 http://www.w3.gor/TR/WAI-WEBCONTENT WCAG(Web Content Accessibility Cuidelines)는 접근 가능한 웹페이지를 제작하기 위한 가이드라인 W3C 권고안으로 1999년 5월 1.0 공표 아래 2개의 테마를 기본으로 14개의 가이드라인과 65개의 검사항목으로 구성 문서가 잘 변환되게한다. 콘텐츠를 이해 가능하고 조작 가능하게 한다. 웹표준 교과서-XHTML가 CSS로 만드는 '바른' 웹 사이트 / 마시코 타카히로 지음 / 김대석 옮김 / 신승식,신현석,조훈,강민혜 감수 / 김진 펴냄 / 조광현 기획 / 디지털미디어리서치 펴념 / ISBN 978-89-955276-3-3 공감수 1 댓글수 0 2009. 4. 24.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.