Blue Breeze

See the Pen tabs menu by C.H (@uncaose) on CodePen. See the Pen tabs menu2 by C.H (@uncaose) on CodePen.

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..

가상 클래스 :active 사용자가 요소를 활성화 (예 클릭) 일치합니다. /* 활성화된 모든 `` 태그를 선택 */ a:active { color: red; } :active 가상 클래스는 대개 , 과 함께 사용합니다. 다른 흔한 대상으로는 활성화된 요소를 포함한 다른 요소와 연결된 로 선택한 입력 폼 요소 등이 있습니다. :active 가상 클래스로 정의한 스타일은 자신보다 뒤에 위치하고 동등한 명시성을 가진 다른 링크 가상 클래스(:link, :hover, :visited)가 덮어씁니다. 링크를 적절히 디자인하려면 LVHA-순서(:link — :visited — :hover — :active)를 따라, :active 규칙을 다른 모든 링크 규칙들보다 뒤에 배치하세요. 참고: CSS3 명세에 따르면 ..

Transforms on SVG Elements - SVG 요소 변환 SVG transform 공부를 위한 구글 번역내용. 개요 IE에서 SVG 요소에 대한 CSS 변환이 작동하지 않습니다. 물론 요소에 2D 변환을 적용하기 만하면 IE 용 SVG 변환 특성 을 사용할 수있는 옵션이 있습니다. 또한 문제는 JavaScript 기능 감지가 실패한다는 것입니다 (JS를 통해 CSS 변환 값을 읽는 것은 우리가 스타일 시트에서 설정 한 변환의 행렬을 반환 할 것입니다). 그래서 우리는 IE를 검사 할 다른 방법이 필요합니다. HTML 요소와 SVG 요소에서 다르게 작동하는 주요 요소는 요소의 로컬 좌표계입니다. HTML 요소 또는 SVG 요소에 관계없이 모든 요소에는 하나의 요소 만 있습니다. HTML 요소의..

iPhone 5 CSS media query CSS Media Queries for iPads & iPhones /* iPhone < 5: */ @media screen and (device-aspect-ratio: 2/3) { } /* iPhone 5: */ @media screen and (device-aspect-ratio: 40/71) { } /* iPhone 6: */ @media screen and (device-aspect-ratio: 375/667) { } /* iPhone 6 Plus: */ @media screen and (device-aspect-ratio: 16/9) { } /* iPad: */ @media screen and (device-aspect-ratio: 3/4) { }

중앙정렬 1. Div 중앙정렬 2. Text 중앙, 가운데 정렬 * IE7 이하에서 tabel-cell 기능은 없음. IE에서 동일하게 동작하도록 수정 Center IE8 까지는 된다. 하지만 IE7에서는 안된다. Center

ng-valid, ng-invalid, ng-pristine, ng-dirty AngularJS는 컨트롤 요소으 ㅣ유효성 검증 결과를 요소의 CSS클래스로 자동 추가한다.

텍스트 표현에 이미지가 아닌 텍스트 사용하기 기계가 읽을 수 있는 텍스트는 브라우저 내에서 선택해서 MS워드나 노트패드 같은 다른 문서 또는 다른 프로그램으로 복사하여 붙여넣기가 가능한 텍스트다. 그렇게 할 수 없다면 그 텍스트는 점으로 이뤄진 이미지(GIF, JPG, PNG 등)이거나 플래시 같은 임베디드 형식일 가능성이 높다. 두 가지 방식 모두 방문자에게 효과적인 메세지 전달이 가능하고 어떤 경우 브랜드 매니저는 제품이나 회사명을 언급할 때 이미지 형식의 사용을 더 선호하기도 한다. 하지만 분명한 것은 이들이 페이지 디자인에서 이미지나 로고로 인용되는 동안은 다른 것과 마찬가지로 전환에 어떤 영향을 미친다는 것이다. 뿐만 아니라 문서 헤드를 이미지 형태로 제공하는 것은 일반화 되어서 비표준 폰트와 ..

8 Good PHP Programming Video Tutorials For Beginners Introduction To PHP - A Complete PHP Tutorial for Absolute Beginners Learn PHP in 15 minutes Understanding PHP, MySQL, HTML and CSS PHP, HTML, and CSS: What's the difference? PHP Tutorials - Dynamic HTML Web pages using PHP Object Oriented Programming Tutorial PHP Class File Creation Learn OOP MySQL PHP Database Tutorial For Beginners 20 Commo..