일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 홈페이지구축
- work6.kr
- PHP
- 제이쿼리
- 안드로이드
- 쇼핑몰
- JQuery
- plugin
- 웹디자이너
- CSS
- 쇼핑몰제작
- 사이트제작
- 홈페이지제작
- 3D프린터
- jQuery Plugin
- 고도몰
- 플러그인
- 쇼핑몰구축
- 웹퍼블리싱
- 웹디자인
- 웹개발자
- 웹에이전시
- 웹퍼블리셔
- 프로그래머
- 워크식스
- 튜닝
- 포트폴리오
- 개발자
- 홈페이지
- 커스터마이징
- Today
- Total
목록웹에이전시 (28)
그냥 개발자 블로그
모바일웹에서 swipe menu가 필요할때사용.양쪽모두 swipe 이용가능 1. 제이쿼리 설치가 필요합니다. 2. 다운로드 받은 플러그인을 설치 합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 3. 위와 같이 레이아웃을 구성합니다. 4. 페이지 로딩시 실행되는 스크립트에 다음과 같이 함수를 추가 합니다. $('#swipemenu').swipeMenu({ type:1, // 1:양쪽, 2:왼쪽, 3:오른쪽 speed:300, // 메뉴움직임 속도 side_width:250 // 메뉴 폭 }); 5. 원하는 옵션을 설정 합니다. 6. 소스는 여기에서 다운로드 받을수 있습니다. [문의하기] copyright ⓒ 2017. 워크식스
제이쿼리를 이용한 책장 넘기는 효과를 구현한 플러그인 1. 제이쿼리를 설치해 줍니다. 2. 다운로드 받은 플러그인을 설치해 합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 3. 위와 같이 책의 내용을 한장씩 이미지로 추가합니다. 4. 페이지가 실해될때 자바스크립도 동시에 실행되는 위치에 함수를 작성합니다. $('#book').book({ speed:15, //페이지 넘기는 속도를 조절합니다. (추천 값 = 15) bookgb: '#666' // 페이지의 맨 앞장과 맨 뒷장의 배경을 지정 합니다. }); 5. 필요한 옵션을 적용 합니다. 6. 플러그인은 워크식스 홈페이지에서 만나보실 수 있습니다. [문의하기] copyright ⓒ 2017. 워크식스
레이어팝업 또는 토스트팝업 구현을 도와주는 플러그인 1. 제이쿼리가 설치가 필요합니다. 2. 다운로드한 플러그인을 설치합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 3. 위와 같이 원하는 함수명으로 함수를 만듭니다. $('body').pgpopup({ type:'toast', // 팝업형태 (toast, layer, slide) msg:'welcome', // 메시지 padding:'5px', // 여백 width:'50%', // 토스트폭, %로 지정 color:'#ffffff', // 내용 글자색 bgcolor:'#111111', // 레이어 배경색, #111111 와 같이 헥사코드 이용 transparency:'0.8', // 투명도, 0.8 과 같이 값을 입력, 최..
사이트 최상단에 위치하여 본문을 아래로 밀어내는 기능을 가지고 있으면 오늘은 그만 보기 기능도 가지고 있는 플러그인 오늘은 더이상 보지 않기 닫기 1. 제이쿼리 설치가 필요 합니다. 오늘은 더이상 보지 않기 닫기 2. 다운로드 받은 플러그인을 설치 합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 오늘은 더이상 보지 않기 닫기 3. 상단 배너 기본구조의 html 태그를 위와 같이 작성 합니다. 오늘은 더이상 보지 않기 닫기 4. 페이지가 실행될때 자동으로 실행될 수 있도록 함수를 작성 합니다. $('#banner1').dropdwonbanner({ todayClose:'.todayclose', //오늘은 더 이상 보지 않기 버튼을 설정 합니다. close:'.close', /..
자동 또는 수동으로 동작 가능한 이미지슬라이드를 구현하게 해주는 플러그인 1. 제이쿼리 설치가 필요 합니다. 2. 다운로드 받은 플러그인을 설치 합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 3. 배너 레이아웃 및 스타일을 작성 합니다. 4. 페이지가 열릴때 플러그인 자동으로 실행될 수 있도록 함수를 작성 합니다. $(function(){ $('#banner1').slidebanner({ page:true, //페이지를 사용여부 설정 arrow:{left:'◀',right:'▶'}, //좌우 이동 사용 여부 및 버튼 모양 설정 auto:true, //배너를 자동으로 동작 여부 설정 speed:3000, //배너 변경시 속도 설정 delay:3000 //배너가 멈추어 있는 ..
스마트폰을 이용한 모바일 쇼핑의 비율이 전체 인터넷 쇼핑 중 50%를 넘었습니다. 그만큼 이제 스마트폰으로의 검색은 생활이 되었습니다. 스마트폰을 이용한 정보 검색을 하다 보면 방문한 사이트를 또 방문하게 되는 경우가 빈번하게 발생합니다. 하지만 구매까지 이어지지 않고 지나쳐 버렸다던가 찜 해놓고 방문한 사이트를 잊어버리는 상황이 발생하여 사이트 방문 내역을 뒤지다가 포기하는 경우를 우리는 많이 목격 하고 경험합니다. 이런 사태를 예방하고 잠재적 고객을 확보하고자 우리는 즐겨찾기 기능을 제공합니다. 하지만 많은 고객들은 이를 인지하지 못합니다. 그래서 워크식스 에서는 다음과 같은 기능을 제작하였습니다. [모바일 북마크 테스트 영상] 위 영상에서와 처음 사이트를 방문할 경우 이를 기억하고 있다가 두번째 방..
엣지, 익스플로러, 크롬 등에서 스크롤바에 스타일을 적용할 수 있게 해주는 플러그인 내용 1. 제이쿼리가 설치되어 있어야 합니다. 내용 2. 다운로드 받은 플러그인을 설치 합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 내용 3. 설치를 원하는 엘리먼트에 아이디를 부여합니다. 내용 4. 페이지가 실행될때 동시에 실행할 수 있도록 함수를 작성해 줍니다. $('#test').thinScrollbar({ scrollbarcolor : '#ddd', // 스크롤바 배경색을 결정 합니다. 헥사코드로 작성해야 하며 기본값은 #ddd 입니다. slidercolor : '#555' // 스크롤바 색을 결정 합니다. 헥사코드로 작성해야 하며 기본값은 #555 입니다. }); 5. 필요한 옵..
올바른 HTML, CSS, 자바스크립트를 사용할 경우 웹표준에 준한다고 합니다. HTML, CSS, 자바스크립트는 서로 상호 의존성을 가지는데 웹표준이 지켜지지 않는 경우 사용자 환경에 따라 오류로 나타날 수 있으며, 웹 서비스 개발 및 관리에 영향을 줍니다. 그렇다면 웹표준 검사는 어떻게 할 수 있을까요? 웹표준 검사시 일반적으로 마크업을 검사하게 되는데 아래 링크를 통해서 웹표준 검사를 해볼 수 있습니다. https://validator.kldp.org/ 를 접속하면 위와 같은 페이지를 만나게 되며, 검사 타입으로는 URI 입력, HTML 파일 업로드, HTML 직접 입력 방법이 있습니다. 보통 사이트가 있을 경우 URI 입력 방법을 이용하면 됩니다. 홈페이지를 예로 들어 검사를 진행해 보았습니다. ..