CODE에 관한글 (8)
[Jquery] section마다 header color change

[Jquery] section마다 header color change See the Pen Parallax - Menu by jeongahlee (@jeongahlee) on CodePen.
jQurey
[UI] [CSS] radio buttons

See the Pen Pill styled radio buttons | Fully scaleable by Håvard Brynjulfsen (@havardob) on CodePen. See the Pen Daily UI #02 | Radio input by Håvard Brynjulfsen (@havardob) on CodePen.
Coding/CSS
[UI][Javascript] 3d button & toggle(only css)

See the Pen 3D Pause Button by Håvard Brynjulfsen (@havardob) on CodePen. See the Pen Switch | CSS only by Håvard Brynjulfsen (@havardob) on CodePen.
JAVASCRIPT/유용기능
[CSS] Dropdown <details> and <input type="radio">

See the Pen Dropdown using and by Håvard Brynjulfsen (@havardob) on CodePen.
Coding/CSS
[JQuery] 이미지 첨부파일

See the Pen image upload by jeongahlee (@jeongahlee) on CodePen.
jQurey
[css , mixin] 말줄임 - ie 에서만 1줄, 그 외 브라우저 2~3줄

[css , mixin] 말줄임 - ie 에서만 1줄, 그 외 브라우저 2~3줄 .title { //그외 브라우저 @include text-cut(2); //ie 안에선 1줄 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { @include text-cut; display: block; height: auto; } } //mixin @mixin text-cut($c:"") { @if $c != ""{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: $c; /* 라인수 */ -webkit-box-orient: vertic..
Coding/CSS
[html] apple meta tag 정리

유효성 : iOS에서 사용할 수 있습니다. 안드로이드의 Add to Home Screen 기능은 단지 북마크를 화면에 추가하는 것일 뿐 추가적인 기능은 제공하지 않는다. 하지만 아이폰 사파리에서 웹 페이지에 대해 이렇게 + 를 눌러 “홈 화면에 추가”후 실행하면 iPhone 에서는 Mobile Web App 으로 동작하게 된다. 이때 Web App 의 지원을 위해 모바일 사파리는 몇 가지 태그를 지원한다. 모바일 웹 앱 개발자는 head 섹션에 아래의 4가지 태그를 추가할 수 있다. 이렇게 4가지 기능을 지원함으로써 HTML5 기반의 Local 또는 Online Web Application 들이 마치 Native App 처럼 실행하는 효과를 지원할 수 있다. 태그 설명
Coding/HTML
[CSS] Loading & Spinners & Loading TEXT

See the Pen CSS3 Loader & Spinners by Vineeth.TR (@vineethtrv) on CodePen. See the Pen CSS Text Loading by Naoya (@nxworld) on CodePen.
Coding/CSS
1
© 2018 eh2world