퍼블리싱 아카이브

실전! 웹사이트제작 STEP BY STEP! 함께 제작해 볼 클론코딩 사이트입니다. DaebangClone Coding Lorem ipsum dolor sit amet consectetur adipisicing elit. Non quasi ab reiciendis sequi vitae quam error laboriosam veniam voluptatum voluptate quos voluptatibus dolor corporis cumque, est, odit officiis. Suscipit, cum. 01. ConciergeClone Coding Lorem ipsum dolor sit amet consectetur adipisicing elit. Non quasi ab reiciendis sequi..

https://jh91.tistory.com/entry/javescript-swiperjs-swiper%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C [JS] swiper.js / swiper슬라이드 swiper 슬라이드 사용법 입니다. 시간이 없으면 3-3 javascript 부분만 보시면 됩니다. 1.swiper.js swiper.js는 쉽게 슬라이드를 만들수 있게 해놓은 스크립트 이다. 공식 홈페이지에서 자료를 볼수 있다. sw jh91.tistory.com

$(window).on('scroll resize', function(){ var scrollPos = 0; scrollPos = $(document).scrollTop(); fixHeader(); function fixHeader(){ if (scrollPos > 80){ $("header").addClass('on'); } else{ $("header").removeClass('on'); } } });

https://aosceno.tistory.com/543 참고 (JS)wheel로 가로 스크롤 및 scroll indicator 만들기 참고 사이트 : http://www.lxinternational.com/ LX International LX International www.lxinternational.com HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 스크롤 실험 - LX인터내셔널 HELLO lorem lor aosceno.tistory.com https://bokartstudio.tistory.com/35 [제이쿼리] 01. 마우스 휠 아래로 내릴 때 가로 스크롤 100% 적..

https://stackoverflow.com/questions/2570972/css-font-border CSS Font Border? With all the new CSS3 border stuff going on (-webkit, ...) is it now possible to add a border to your font? (Like the solid white border around the blue Twitter logo). If not, are there any not-too... stackoverflow.com text-shadow는 텍스트에 그림자효과를 주는 속성이다. text-stroke는 text에 border를 주는 속성이다. text-stroke 속성의 경우 모든 브라우저에서 적용되..

https://www.cdnfonts.com/search?q=blackJack

close Design Capabilities Cases Contact .menuOpen button.open{ /*측면에 고정되어 있는 open 메뉴 버튼*/ background: none; border:none; position:fixed; z-index:100; right:0; top:50%; transform: translateY(-50%); padding: 30px 22px; box-sizing: border-box; } .menuOpen button.open:before{ /*측면에 고정되어 있는 open 메뉴 버튼의 흐린 배경*/ content:''; width:100%; height:100%; background: #f5f5f5; position:absolute; right: -100px;..

https://devlimk1.tistory.com/7

1. index 페이지가 가장 중요하고 심플해야하며 미니멀하고 화려하고 깔끔해야 한다. index 코딩하는 것보다 디자인 하는 것에 온 몸을 갈아넣었다. 자꾸만 더 좋아 보이는 디자인이 나와서 레퍼런스도 끊임없이 참고했다. 디자인 전공자도 아니고 디자인에 D자도 몰랐는데 이정도면 디자인 감각이 엄청나게 발전한거라고 볼 수 있다. 물론 사진탓도 있지만 확실히 전보다 후가 좀 더 세련된 느낌이다. 2. 선생님께 "저만 너무 진도가 안나가는 것 같아요."라고 말씀드렸더니 디자인하면서 레퍼런스도 참고하고 더 잘만들기 위해 욕심을 많이 내다보니 그런거라며 칭찬해주셨다. 목표했던 대로 인덱스 페이지는 오늘 완성했으니 ABOUT 페이지랑 갤러리 페이지도 얼른 만들어야 겠다. 아이디어스케치 대략 하고 사용할 텍스트, ..

FeedBack과 수정사항 1. 색깔은 단순하게 쓰자. 중구난방인것보다 검정색과 노란색, 흰색만 사용하는게 좋을 거라는 피드백이 있었다. 2. 라인일러스트를 사용하면 깔끔할 것이다. 3. 소개 섹션의 글씨체를 다르게하여 포인트를 주는 방법을 사용해보자. 4. 게이지바가 있었는데 지우라고 하셔서 지웠다. 5. skill 섹션의 숫자 폰트를 괜찮은 걸로 다시 찾아보라고 하셨다. 계획 이번주 내로 index 완성 후 확인받기, 주말동안 아이디어 스케치후 컨펌받기