![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/kJDqx/btsHLVi7Zrx/KE24YtpkMA14g78M772oUk/img.png)
안녕하세요 찐망고 입니다.오늘은 두개의 swiper를 이용하여 탭을 만들어볼건데요. 참고 사이트는 구루미비즈입니다. AI 화상 솔루션 구루미비즈AI화상상담솔루션, AI교육, AI서비스 구축을 위한 최적의 AI화상플랫폼biz.gooroomee.com 먼저, 각각의 Swiper 코드부터 살펴볼까요?const swiper01 = new Swiper(".s01-swiper", { slidesPerView: 1.3, spaceBetween: 20, pagination: { el: ".s01-swiper .swiper-pagination", type: "progressbar", }, breakpoints: { 1281: { ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/n5kkm/btsBupC8i1Q/s5fkm0K2EBRaNFOUdcvEsK/img.png)
안녕하세요 찐망고 입니다. 오늘은 웹내비게이션에 대해 알아보려 합니다. 웹사이트에 접속한 사용자가 현재 위치와 이동경로를 파악할 수 있도록 돕는 내비게이션은 매우 중요합니다. 이는 사용자가 빠르게 원하는 목적을 달성할 수 있도록 도와주죠. 내비게이션은 그 구성에 따라 여러 단계로 나누어집니다. 예를 들어 사이트는 노란색 컬러에 해당하는 1단 메뉴를 눌렀을 때 빨간색에 해당하는 2단 메뉴가 나오고 빨간색을 기준으로 파랑계열의 3단 메뉴가 나옵니다. 이처럼 3단계 내비게이션은 깊이가 있지만, 너무 많은 단계는 사용자에게 혼란을 줄 수 있어 피하는 게 좋습니다. 반응형 사이트를 설계할 때는 PC와 모바일에서 내비게이션을 어떻게 표현할지 고민해야 합니다. 때로는 한 개의 내비게이션을 공유하고, 때로는 두 개의 ..
안녕하세요 찐망고입니다. 해야할 컨텐츠가 산더미인데 일단 이번에 종강하여 면접보는 친구들을 위해 포스팅을 해볼게요. 면접을 보다보면 회사마다 분위기는 다르겠지만 일반적으로 물어보는 질문들이 있습니다. 테스트를 하는 회사도 존재하구여. 포트폴리오 자체를 100% 믿지 않는다는 거죠 ㅎㅎ 물론 질문을 하지 않아도 알고 있어야 하는 내용들도 존재하구요. 오늘은 그런 부분과 관련된 포스팅을 해볼게요. 이론적인 질문들 1. 웹표준과 웹접근성에 대해 설명해봐라 웹표준은 크로스브라우징에 맞춰 W3C 등의 표준화 기구에서 정의 해준 명세에 맞게 마크업 하는 것 웹접근성은 이용자, 이용자의 장비에 관계없이 이용할 수 있는 웹 사이트를 구성하는 것. 시각장애인 등도 이용 할 수 있으며, 여러 PC나 장비에서도 접근 할 수..
- Total
- Today
- Yesterday
- Slick
- 스마트폰해상도
- 코딩교육
- JavaScriptTips
- 웹접근성
- 자바스크립트숫자카운트
- Border
- 피그마플러그인
- UI디자인
- padding
- JavaScript
- 크로스브라우징
- css
- 반응형웹
- 슬라이드플러그인
- css4
- 포토샵합성
- 프로그래밍기초
- uiux
- 시멘틱마크업
- margin
- 웹디자인
- slickAPI
- 디자인팁
- boxmodel
- CSS3
- css그리드
- uidesign
- uxdesign
- 웹표준
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |