[jQuery] 라디오 박스 텝(radio tab)

라디오 박스 텝 간단하게 https://jsfiddle.net/aoiyuki4u/carf36h7/

아이폰 xs

아이폰XS 너비 xs 375 635 max 414 719 노트9 412 670 노트8 412 718

[jQuery] 접근성 레이어 팝업 - Shift

옛날에 접근성 레이어 팝업에 관한 고민을 한적이 있는데 그 이후로 많은 시간이 흘렀다. 그때 해당 코드는 shift에 관한 고민이 없었던 부분들이 있어서 조금 정리한 내용을 남겨 보려 한다. 써놓고 또 많이 안쓸수도 있지만... 언젠가 다시 또 개선할 날이 오겠지.... HTML : <a class="layerOpen" data-layer-open="layer1" href="javascript:layerOpen('layer1');">열기1</a> <a class="layerOpen" data-layer-open="layer2" href="javascript:layerOpen('layer2');">열기2</a> <div class="layerWrap" id="layer1"> <h2>1</h2> 123123123<br /> <a class="" href="https://www.blogger.com/blogger.g?blogID=1953128756353565733#">123123</a><br /> 123123123<br /> 123123123<br /> <a class="" href="https://www.blogger.com/blogger.g?blogID=1953128756353565733#">123123</a><br /> 123123123<br /> 123123123<br /> 123123123<br /> <a class="btn-layer-close...

[추석 차례] 제사상 음식 정리

이미지
추석 제사상 음식 - 동그랑땡 https://yeojinkim.blog.me/221359813736 - 동태전 https://amyzzung.tistory.com/1053 - 산적꼬치 http://bronnley79.tistory.com/entry/%EC%82%B0%EC%A0%81%EA%BC%AC%EC%B9%98-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EB%8F%BC%EC%A7%80%EA%B3%A0%EA%B8%B0-%EC%82%B0%EC%A0%81-%EB%A7%8C%EB%93%A4%EA%B8%B0 - 두부전 https://m.blog.naver.com/PostView.nhn?blogId=jangmars&logNo=220269629747&proxyReferer=https%3A%2F%2Fwww.google.com%2F - 애호박전 https://blog.naver.com/jangmars/220269302791 - 소고기 무우 탕국 http://www.menupan.com/cook/cookqna/cookqna_view.asp?id=87619 - 한꺼번에 끓이기 https://m.blog.naver.com/PostView.nhn?blogId=lh334&logNo=10102411210&proxyReferer=https%3A%2F%2Fwww.google.com%2F https://m.blog.naver.com/PostView.nhn?blogId=pikrl&logNo=220777129057&proxyReferer=https%3A%2F%2Fwww.google.com%2F - 바지락탕 http://www.10000recipe.com/recipe/6872296 - 홍합탕 http://blog.daum.net/_blog/BlogTypeView.do?blogid=0Sr59&articleno=57&categoryId=7&regdt=20110124173912 - 시금치,...

[iOS] body 스크롤 막기

.scrollOff{position:fixed;overflow:hidden;height:100%;} // body 스크롤 막음 function scrollOff(){    $('body').addClass('scrollOff').on('scroll touchmove mousewheel', function(e){       e.preventDefault();    }); } // body 스크롤 풀기 function scrollOn(){    $('body').removeClass('scrollOff').off('scroll touchmove mousewheel'); } 지인에게 받은 팁...iOS때문에 여러사람들 고생하네...

[JS] History API : 스크롤 복원

if ( 'scrollRestoration' in history ) {   // Back off, browser, I got this...   history . scrollRestoration = 'manual' ; } https://developers.google.com/web/updates/2015/09/history-api-scroll-restoration

[CSS] CSS 단위별로 수치 확인

https://codepen.io/netsi1964/full/NyzmeQ