[이슈] display: inline-block 속성을 가진 element 아래에 공백이 생겼다. [해결] vertical-align: top (or bottom)을 적어주면 사라진다.
개발일지/CSS
hover effect 가 예뻐서 슬쩍 >.~ See the Pen qNNOKK by Hyejin Oh (@mmt-zinee) on CodePen.
CSS Shapes – TriangleCSS Shapes – CircleCSS Shapes – TriangleCSS Shapes – Square Rectangle Parallelogram Trapezoid and PolygonsCSS Shapes – Diamond and StarCSS Shapes – Chart and RibbonDifferent CSS Shapes See the Pen <a href='http://codepen.io/mmt-zinee/pen/WxQjON/'>WxQjON</a> by Hyejin Oh (<a href='http://codepen.io/mmt-zinee'>@mmt-zinee</a>) on <a href='http://codep..
See the Pen 길이가 다른 요소 상단 정렬하기 by Hyejin Oh (@mmt-zinee) on CodePen.
들어가며 앞으로 CSS에서 가장 기대하고 있는 부분이 바로 레이아웃 컨트롤이다.flex와 같은 CSS가 보편화되면 아마 퍼블리싱이 훨씬 수월해 질 것 같다. *display: flex 의 경우는 IE에서 11을 제외하면 동작하지 않는 문제점이 있다. [참고] https://css-tricks.com/snippets/css/a-guide-to-flexbox/[참고] http://ko.learnlayout.com/flexbox.html 실습#1. NTS 프론트엔드개발팀에서 유투브에 공유한 영상을 보고 간단한 flexible layout을 만들어봤다.정말 간편하고 간결하다. CSS 만으로 dom 위치를 훨씬 유연하게 컨트롤 할 수 있다는 점이 가장 좋다. #2. flex-direction: column || ..
[이슈] 아이폰5s에서 버튼의 위치가 다르게 랜더링.55% Yellow stage? [해결] vertical-align: middle;을 넣어준다.
[이슈] 아이폰 웹 브라우저에서 방향전환(Orientation Change)이 일어날 때, 폰트 크기가 커짐(13px에서 확대) [해결] -webkit-text-size-adjust: 100%[참고] https://developer.mozilla.org/ko/docs/Web/CSS/text-size-adjust [출처] http://caniuse.com/#search=webkit-text-size-adjust
::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-thumb { background: #a9a9a9; } [참고] http://stackoverflow.com/questions/7492062/css-overflow-scroll-always-show-vertical-scroll-bar https://css-tricks.com/examples/WebKitScrollbars/ http://circlash.tistory.com/610
[디자인]배경 #ff0000폰트 #193441 [이슈] input:disabled 경우 아이폰에서 스타일이 다르게 나옴[해결] input:disabled 일 때, opacity:1 과 -webkit-text-fill-color: inherit 을 지정해준다. ▲ iPhone ▲ input:disabled { opacity: 1; } 만 적용했을 때 ▲ -webkit-text-fill-color: inherit 도 같이 적어줬을 때
티스토리 스킨 수정하다가 우연히 발견한 프로퍼티. 하지만 웹킷을 사용한 브라우저가 아니면 동작하지 않는다. http://tobyyun.tumblr.com/post/55858430437/http://www.cssmojo.com/line-clamp_for_non_webkit-based_browsers/http://caniuse.com/#search=line-clamp
