코드펜 한번에할지,, 나눠할지,, 고민,,
나눠하면 내가 귀찮지만 소스 한번에 볼수있으니까 유저가 편할것같구
한번에하면 내가 왕편하니까...🙃
https://runebook.dev/ko/docs/jqueryui/-index-
jQuery UI 1.13 한국어
runebook.dev
이런 사이트가 있을거라고는 생각도 못했다..
검색하다가 얻어 걸렸당
● LEVEL UP
○ TEXT
개인적인 기록 작성하는 카테고리입니다 🙃
비밀글은 작성일 기준 YYYYMMDD로 입력해 주세요!
(ex. 20220630 작성, 비밀글 암호 : 20220630)
○ EPILOGUE
블로그에 업로드된 코드 관련 에필로그 카테고리입니다
작업할 때 당시 생각 등을 기록합니다
○ MEMO
CODE 게시판에 업로드하기 전이나 간단한 코드 기억용으로 메모해두는 카테고리입니다!
○ TODO
자주 이용하지는 않지만 기억해야 하는 할 일을 기록해두는 카테고리입니다!
● CODE, PLUGIN
코드관련 카테고리입니다!
공부, 업무하다가 기록하는 용도로 사용중입니다!
익명으로 운영되는 블로그임에도 불구하고 업로드 하는게 부끄러워서 댓글은 거의 막아두고 있습니다.
문의사항은 방명록(바로가기)를 이용 부탁드립니다. 🥰
swiper 탭메뉴 클릭시 해당 index로 슬라이드 이동 v1 에필로그 (바로가기)
이렇게 생긴 시안을 처음 받았을때 탭메뉴로 가면 되겠다 해서 탭메뉴로 짜고 테스트 해봤는데 슬라이드 이동될때 스크롤이 이동이 안되었다.
그래서 pager를 응용해야하나 한참 생각하다가 기본 옵션(?)인 Thumbs gallery 를 활용했다.
Thumbs gallery가 자동으로 넘어가서 편리해서 좋은데 전에 작업할때 활용도나 반응형 대응시 좀 아쉬웠던걸로 기억해서 탭메뉴로 짠거였는데.. 해당시안에서는 갤러리 방식이 좀 더 맞았던것 같당~!
갤러리 적용후 내가 아쉬웠던 점은 다 보완되어서 만족 😊
작업시 이미지시안만 넘어오고 동작이나 기능적인 부분 이라구 해야하나.. js 들어가야 하는 부분에서 js가 어떤식으로 동작이 되어야하는지 전달받지 않고 타 사이트 찾아보면서 내 생각대로 작업해야해서 슬라이드를 fadein 효과를 줬다.. 슬라이드 기본 효과를 좋아하지만 너무 안어울리는 느낌이였음 😢
실제 작업시에는 반응형으로 작업을했고, 나중에 이미지/동영상 덜어내고 업로드용 코드로 수정하는데 오히려 이작업이 시간이 더 많이 걸렸다..
회사에서 사용되는 공통 css 덜어내고, 클래스명도 덜어내고, 색고민도 하고.. 아이콘도 좀 덜어내고..
아 그리고 블로그에도 샘플이 작동되도록 업로드 할려고 했는데 예시 코드를 반응형으로 안짜기도 했고.. 내 블로그 사이즈가 넘 작아서 바로 모바일 화면이 나올것같아서 그냥 한사이즈로만 업로드했당
반응형 작업은 어려운게 아니니까! 하지만 블로그에 샘플 업로드 못한게 제일 아쉬운 부분이당 ㅠ...
블로그 스킨을 바꾸고 싶어졌는데.. 특정 카테고리만 너비를 적용할수 있는지 궁금하넹 🤔
디자인 시안에 기능들이 많았고, 플러그인 없이 새로 짜기엔 시간이 부족해서
찾아봤다가 참조 사이트를 참고해서 아래 코드 적용해서 해결했다.
function parallax(selector){
var scrolled = $(window).scrollTop();
$(selector).css('background-position',"0 "+ (scrolled * 1) + 'px');
}
$(window).scroll(function(e){
parallax('.slider .item');
});
참조 :
