DO BEST
-
제이쿼리 모바일만 적용하고 싶을때WHY?/Error를 만났다 2022. 8. 31. 19:11
jquery if browser width is less than 구글링 하면 https://stackoverflow.com/questions/7715124/do-something-if-screen-width-is-less-than-960-px Do something if screen width is less than 960 px How can I make jQuery do something if my screen width is less than 960 pixels? The code below always fires the 2nd alert, regardless of my window size: if (screen.width < 960) { alert('Les... stackoverflow.com 나옴
-
Image lazyload(with lazysizes)WHY?/Error를 만났다 2022. 8. 16. 18:08
이미지가 너무커서 호스팅에 옮길때 환장하게 느린경우가 발생했다. 오늘 배운 이미지 로딩중에 사이즈 줄여버리기 https://github.com/aFarkas/lazysizes GitHub - aFarkas/lazysizes: High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, ..
-
메뉴라인 정렬에대한 문제WHY?/Error를 만났다 2022. 6. 24. 14:00
footer 메뉴에 하나 더 추가해달라그랬는데 라인정렬이 바르지 못한걸 알 수 있다. 확인해보니 그지같은 float 때문이였다. 내가 생각했던 방법은 1. footer를 감싸는 전체 박스에 flex후에 저기 리스트만 flex, flex-wrap을해서 정렬을 맞추는 방법 문제점 : 문장이 길면 짧은제목들은 공백이 많이 생긴다는 단점이 있었다. 2. 각각 한문단씩 나눠서 두개의 메뉴로 구성해서 각각 추가할 수 있도록 만드는 방법 문제점 : 큰제목이 없어서 left right로 나눠서 서브로 메뉴들이 들어가게해볼까 생각도 했는데 많은 일을 해야할거같았다. 결론 : 사수의 도움을 받다. var lis = $(".js-menu-list > li"); for(var i = 0; i < lis.length; i+=5..