49,500원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결최고의 프론트엔드 CSS Frameworks, UIkit
모달과 light box차이점
모달과 light box차이점은 light box가 슬라이드가 된다는것뿐이죠??
- 미해결최고의 프론트엔드 CSS Frameworks, UIkit
부모요소에 uk-child-width-*
사이간격 gap 없앨려고.frame4 {column-gap: 0;} 안먹힙니다.부모요소에 줄때는uk-child-width줄때는column-gap이 컬럼이 아니라서 안먹히는건가요?.frame4.uk-grid>* { padding-left: 0px; } 이렇게 주면 먹히는데 이런방법말고css다른 처리방법이 있는지 궁급합니다. <div class="frame4 uk-child-width-expand" uk-grid> <div> <div class="cell">cell 1</div> </div> <div> <div class="cell">cell 2</div> </div> <div> <div class="cell">cell 3</div> </div> <div> <div class="cell">cell 4</div> </div> <div> <div class="cell">cell 5</div> </div> <div> <div class="cell">cell 6</div> </div> </div>}
- 미해결최고의 프론트엔드 CSS Frameworks, UIkit
modal 유튜브 동영상 안들어가요
모달 유튜브 동영상 안들어가 져요iframe으로 퍼가기해서 복사해서넣었는데동영상이 안들어가지네요~다른 유튜브동영상도 마찬가지입니다왜그런가요 ??<div id="modal-youtube" uk-modal> <div class="uk-modal-dialog uk-margin-auto-vertical"> <button class="uk-modal-close-outside" type="button" uk-close></button> <iframe width="560" height="315" src="https://www.youtube.com/embed/3adn6-gfbnQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen uk-video></iframe> </div> </div>
- 해결됨최고의 프론트엔드 CSS Frameworks, UIkit
UIkit 라이트박스 반응형 질문드려요
UIkit lightbox로 활용해서 실전퍼블리싱 섹션을 만들때 F12 개발자도구로 반응형 확인을 해보는 중입니다. 제가 실전 퍼블리싱 작업물(index.html) 파일들은 viewport를 신경써서 만들지 않았는데요. 반응형 화면으로 봤을 때 너비가 넓어지는 부분은 UIkit로 고치지 못하는 부분인가요? 작업물 전부 다 viewport에 맞게 재 작업해야 할지가 난감합니다.. 포트폴리오 용도라서 그렇게 하지 않아도 될까요? 괜히 걱정되서 질문드려요..
- 미해결최고의 프론트엔드 CSS Frameworks, UIkit
강의 자료는 어디서 받나요?
강의 중간중간에 강의 자료를 받으라고 하는데 자료는 어디서 받을 수 있는건가요?
- 미해결최고의 프론트엔드 CSS Frameworks, UIkit
아이콘 유니코드 넣는거 유뷰트에 강사님 강의가 있는 건가요 ??
유튜브에 뭐라고 검색해야 하나요
- 미해결최고의 프론트엔드 CSS Frameworks, UIkit
안녕하세요
해당 강의 아직 완강은 못했지만 필요한 부분 잘 듣고 바로 적용해서 깔끔한 홈페이지 하나 만들었었습니다 요즘은 Tailwind 프레임워크가 핫하던데 이것도 강의 해주시면 안될까요
- 미해결최고의 프론트엔드 CSS Frameworks, UIkit
Slider의 Content parallax 처음부터 애니메이션 작동되게 하는 법이 궁금해요
총 3장의 이미지를 넣어서 parallax 로 h2는 위에서 아래로 텍스트가 내려오고 p는 아래에서 위로 텍스트가 올라오는 효과를 넣은 슬라이드를 만들었는데요 이 효과가 맨 처음 화면 뜬 상황에서는 작동이 안되고 꼭 한번 슬라이드가 실행된 후에야 작동이 되더라구요 처음 화면 떴을때부터 텍스트 애니메이션이 작동되게 하는 그런 방법이 궁금합니다. <div class="uk-position-relative uk-visible-toggle uk-light " tabindex="-1" uk-slideshow="animation: fade; autoplay: true; autoplay-interval: 3000; "> <ul class="myslide uk-slideshow-items uk-grid-match" uk-height-viewport="min-height: 300"> <li> <img src="images/image01.jpg" uk-cover> <div class="uk-position-center uk-position-small uk-text-center"> <h2 uk-slideshow-parallax="y: -150,0,0; opacity: 1,1,0">Heading</h2> <p uk-slideshow-parallax="y: 100,0,0; opacity: 1,1,0">Lorem ipsum dolor sit amet.</p> </div> </li> <li> <img src="images/image02.jpg" uk-cover> <div class="uk-position-center uk-position-small uk-text-center"> <h2 uk-slideshow-parallax="y: -150,0,0; opacity: 1,1,0">Heading</h2> <p uk-slideshow-parallax="y: 100,0,0; opacity: 1,1,0">Lorem ipsum dolor sit amet.</p> </div> </li> <li> <img src="images/image03.jpg" uk-cover> <div class="uk-position-center uk-position-small uk-text-center"> <h2 uk-slideshow-parallax="y: -150,0,0; opacity: 1,1,0">Heading</h2> <p uk-slideshow-parallax="y: 100,0,0; opacity: 1,1,0">Lorem ipsum dolor sit amet.</p> </div> </li> </ul> <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a> <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a> </div>
- 미해결최고의 프론트엔드 CSS Frameworks, UIkit
UIKIT snippets 설정
안녕하세요. 선생님, 강의 시청중에 궁금한 점이 있어 질문드립니다. vs code 에 uikit snippets 설치하여 강의 따라 하며 코딩중인데요. html 파일, css 파일에서 'uk' 입력하면 snippets 이 uk-xxx 목록 전체를 보여줍니다. 강의 화면에서는 styles. css 파일에서 ".uk" 로 입력 시작해도 snippets이 작동 하는 거 같아 질문드립니다. 다른 설정이 필요한 것인가요? 제 환경에서는 css 파일에서 "." 없이 uk를 입력하면 스니펫이 실행되나 ".uk" 로 시작하면 스니펫이 작동하지 않습니다.