공부 하고 잇는데 질문이 있는데요. header h1 a:first-child에 vertical-align :middle을 적용 하면 header안에서 a태그가 보기 좋게 위로 올라 가던데?? 이게 vertical-align :middle 왜 적용 안하면 header안에서 보기 안좋게 a태그가 밑으로 내려 가는거죠??
모바일 퍼스트로 미디어쿼리 사용않고 750-768-1024-1920를 제가 만든 psd파일을 보고 만들어야하는데 가변으로 모바일 퍼스트를 하는게 뭔지 정말 모르겠어요. 포기해야할까요? 포토샵파일은 1.6배로 다 만들었는데 그담에 가변으로 모바일부터 만들어야하는데 어떻게 알아낼수 있을까요? 못 알아내면 포기하고 피시만 만들어야하서요
안녕하세요 취미로 공부하고 있는데 알기쉽게 잘 설명해주셔서 너무 좋네요 근데 모바일 웹 제작 전 준비하기 영상에는 모바일 네이버 카페가 스크롤을 내려도 헤더 부분이 고정되어있다고 설명해주셨는데, 이번 헤더 영역 영상을 보면 스크롤을 내려도 헤더부분이 고정되게하는 부분이 언급(?)이 없으신거 같아서 제가 못본건지는 몰라도 헤더고정하는 부분도 알수있을까요?
안녕하세요. 리베하얀입니다. 헤더 고정부분은 제이쿼리로 제어해야 합니다. 현재는 HTML5, CSS3로 제작하는 형식이라 그 부분은 제외하고 녹화하였습니다. 헤더 고정을 하려면 scrollTop()을 이용해서 조건문과 혼용해서 사용해야 합니다. 아직 제이쿼리나 자바스크립트 영상을 올리지않아서.. ㅠㅠ.. 차후에 업로드 할 예정입니다;; 자세한 도움을 못드려 죄송합니다.. ㅠㅠ
![[본문영역] 네이버카페 모바일 웹 따라만들기 - 웹퍼블리셔를 위한 코딩강의 1-2](http://i.ytimg.com/vi/uCqNCdERkEs/mqdefault.jpg)
![[본문영역] 네이버카페 모바일 웹 따라만들기 - 웹퍼블리셔를 위한 코딩강의 1-2](/img/tr.png)
항상 정말 많은 도움이 되고 있습니다. 정말 감사드립니다.
네 감사합니다 ^^.
너무 감사 해요
봐주셔서 감사합니다 ^^
리베하얀님 짱짱 공부하고가요! 세세하게 알려주시는거 완전좋아요 :)
감사합니다~~^^
공부 하고 잇는데 질문이 있는데요. header h1 a:first-child에 vertical-align :middle을 적용 하면 header안에서 a태그가 보기 좋게 위로 올라 가던데?? 이게 vertical-align :middle 왜 적용 안하면 header안에서 보기 안좋게 a태그가 밑으로 내려 가는거죠??
vertical align은 인라인 + 텍스트 + 인라인블럭 요소의 축틀어짐을 보완해줍니다. 디테일한건 middle값이 아닌 px값으로 제어할 수 있어요 ^^ 감사합니다.
모바일 퍼스트로 미디어쿼리 사용않고 750-768-1024-1920를 제가 만든 psd파일을 보고 만들어야하는데 가변으로 모바일 퍼스트를 하는게 뭔지 정말 모르겠어요. 포기해야할까요? 포토샵파일은 1.6배로 다 만들었는데 그담에 가변으로 모바일부터 만들어야하는데 어떻게 알아낼수 있을까요? 못 알아내면 포기하고 피시만 만들어야하서요
해상도에 따라 디자인 변화가 없을경우에는 가변형 레이아웃이나 모든 레이아웃들이 %형태로 구현해야 합니다~
만약 해상도 변화에 따라 디자인 변화가 일어난다면~ 미디어쿼리가 불가피하구요 ^^..
디자인이 어떻게 표현되었는지 모르겠지만~~
거의 대부분 표현이 가능합니다.
네이버나 다음 홈피의 메뉴는 손가락 터치에따라 왼쪽 오른쪽으로 이동하던데 그런건 어떻게 만드니요?
100% 맞는법이라고 할 수 없지만 슬라이드 라이브러리를 활용하면 가능합니다.
수고하셨습니다. 그런데 궁금한 점이 있습니다. default.css 에서 reset부분 부터 그 아래까지 는 어떻게 만든 것인지, 기본 소스가 궁금합니다. 강의 보면서 리셋 부분만 하드 코딩 했는데 다른 것이 있는지 비교해 보고 싶습니다.
ruclips.net/video/oWvyEil1j4M/видео.html
위의 영상보시고 참고하시면 될것 같네요.
감사합니다.
@@rebehayan 감사합니다. 덕분에 리셋 파일 걱정이 줄었습니다.
저는 왜 함꼐하는 루어낙시 이미지가 overflow되서 나올까요?
영상중 어느부분인지 시간때를 알려주시면 도움드릴수 있을것 같습니다.
답변이 늦어저서 죄송합니다 ^^..
안녕하세요 취미로 공부하고 있는데 알기쉽게 잘 설명해주셔서 너무 좋네요 근데 모바일 웹 제작 전 준비하기 영상에는 모바일 네이버 카페가 스크롤을 내려도 헤더 부분이 고정되어있다고 설명해주셨는데, 이번 헤더 영역 영상을 보면 스크롤을 내려도 헤더부분이 고정되게하는 부분이 언급(?)이 없으신거 같아서 제가 못본건지는 몰라도 헤더고정하는 부분도 알수있을까요?
안녕하세요. 리베하얀입니다.
헤더 고정부분은 제이쿼리로 제어해야 합니다.
현재는 HTML5, CSS3로 제작하는 형식이라 그 부분은 제외하고 녹화하였습니다.
헤더 고정을 하려면 scrollTop()을 이용해서 조건문과 혼용해서 사용해야 합니다.
아직 제이쿼리나 자바스크립트 영상을 올리지않아서.. ㅠㅠ.. 차후에 업로드 할 예정입니다;;
자세한 도움을 못드려 죄송합니다.. ㅠㅠ
안녕하세요 강의 내용 정말 좋습니다.
text-align-last: justify;
위 부분이 사파리 미치 ios 에서 지원하지 않는데, 다른 대체할 수 있는 부분이 있으시면 알려주세요
감사합니다.
댓글을 이제서야 봤네요~ ㅠㅠ.. 죄송합니다. 한번 테스트해보고 알려드리겠습니다~ 감사합니다.