일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 플러그인
- 쇼핑몰제작
- 웹에이전시
- plugin
- 홈페이지구축
- jQuery Plugin
- 워크식스
- JQuery
- 웹퍼블리싱
- 3D프린터
- CSS
- 웹개발자
- 고도몰
- PHP
- 안드로이드
- 제이쿼리
- 프로그래머
- 포트폴리오
- 웹디자인
- 홈페이지
- 웹퍼블리셔
- work6.kr
- 튜닝
- 사이트제작
- 커스터마이징
- 웹디자이너
- 홈페이지제작
- 쇼핑몰
- 개발자
- 쇼핑몰구축
- Today
- Total
목록워크식스 (302)
그냥 개발자 블로그
요즘 홈페이지 개편한다고 뚝딱거리고 있어서 제이쿼리(jquery) 플러그인 업데이트가 잘 안되고 있었네요. 오늘 소개할 플러그인은 네이버 블로그 어플을 이용해 보셨으면 알만한 기능인데요. 사이트 최상단에 위치한 작은 버튼을 클릭해서 위에 숨겨진 영역을 불러오는 그런 기능이죠. 이해를 돕기위해서 제작된 제이쿼리(jquery) 플러그인 예제 테스트 영상 한번 보실게요. 화질이 구려서 잘 보이지 않네요.;; 최상단에 weaher라는 버튼이 있고요 이걸 눌렀을때 아래로 펼쳐지면서 보여주고자하는 정보가 보여지죠. 이러한 형태는 위에서 언급한 네이버블로그 어플 처럼 스마트폰 환경에서 부족한 화면 사이즈에 더 많이 넣고자 할때 쓰이고 있죠. 그럼 이제 영상에 보여진 예제를 보시면서 사용법을 알아볼게요. 예제를 위해 ..
한동안 블로그 제재로 인해 추이를 살펴보느라 새글을 안써서 오랜만에 포스팅을 쓰게 되네요. 요즘 웹사이트에 필수요건으로 빠질수 없는게 SNS공유하기 기능인데요. sns 서비스 업체별로 api를 제공함에 따라 쉽게 구현할수 있죠. 하지만 이를 구현하기 위해서 sns 서비스 업체 개발사이트들을 돌아다니며 api를 확인하기가 여간 귀찮은게 아닐수가 없는데요. 그래서 오늘 준비한 제이쿼리 플러그인은 sns 공유하기에요. 먼저 예제 영상부터 보고 가실게요. 해당 기능에 대해서는 여러분들이 아마도 기능을 더 잘아실꺼에요. ㅋㅋㅋ snsshare.js 는 홈페이지에서 다운로드 가능하세요.(예제에 사용된 이미지도 있어요.) 해당 플러그인에서 지원 하는 sns는 다음과 같아요. 페이스북, 트위터, 구글플러스, 카카오스토..
자바스크립트에서 다루기 까다로운 기술중에 하나가 바로 시간인데요. 다른 프로그램 언어에 비해 시간에 관한 함수들이 많이 자동화가 안되어 있어서죠. 위 예제 영상처럼 남은 시간 및 경과 시간을 나타내는건 더더욱이요. 그래서 countTime.js 플러그인을 만들어 봤어요. 사용법도 매우 간단한데요. 우선 시간을 나타낼곳을 만들어주시고요. 아이디와 클래스는 원하시는대로 작성해주세요. 홈페이지에서 다운 받은 countTime.js를 서버에 올린 후 link를 걸어주시고 위 처럼 원하는 기준 시간을 작성해주시면 끝이에요. 여기서 주의 할점은 기준 시간 포맷을 지켜서 써주셔야 한다는거고요. 시간은 24시간표현법으로 써주세요. 예) 2015-07-07 24:00:00 이제 플러그인이 알아서 문자형 시간을 컴퓨터가 ..
3일만에 새로운 플러그인을 내놓아요. 흔히들 쇼핑몰에서 스카이배너라 불리우는 따라다니는 배너를 구현하는 플러그인이에요. 일단 테스트 영상 함 보실게요. 요런 기능들 많이 보셨죠? 이 기능은 자주 이용하는 메뉴들을 늘 화면에 특정 위치에 존재하게하는 역할로 사이트 방문자들에게 보다 빠른 이동을 가능하게 해주죠. 요즘은 기본적으로 많이 탑재된 기능인데 간혹 디자인이 변경되었거나 실수로 기능이 삭제 되었을 경우 되살리기들 힘들어 하시더라고요. 그래서 플러그인으로 만들어 봤어요. 여타 다른 플러그인들과 마찬가지로 여기홈페이지에서 skyBanner.js 플러그인을 받아가실수 있고요. 영상에서 보여드린 예제를 통해서 사용법을 알아보죠. 예제에 사용된 html 이에요. 보통 사이트에 width 사이즈를 지정하여 가운..
오늘 소개할 플러그인의 기능은 링크 미리 보기 기능 이에요. a태그의 href를 분석하여 이동할 페이지를 작게 미리 보여주는 역할을 하죠. 아래 동영상을 보실게요. 이 처럼 바로 이동하지 않고 미리 봄으로서 사용자들은 실제 페이지 이동으로 인한 피로도를 감소 시킬수 있어요. 해당 기능을 구현가능한 플러그인은 viewTinted.js 라고 이름을 지었고요. 여기 홈페이지에서 무료로 받아가실수 있으세요. 그럼 예제 및 사용법을 보실게요. 페이지이동 이게 예제에 사용된 소스인데요. 보시면 a태그 안에 viewtinted 라고 적혀 있는게 보이시나요? 사이트에는 수많은 a태그들이 존재 함으로 모든 링크를 미리보기 할수는 없는 노릇이니 위 처럼 viewtinted 를 써주시면 그 링크(href) 에서만 동작을 해..
매년 9월 1일에 소프트웨어 노임단가(기술자 평균임금, 소프트웨어 노임대가)이 발표되는데요. 역시 올해도 작년에 비해서 소폭 올랐어요. 이번에 발표된 내용을 보면 작년과는 다르게 일평균임금과 더불어 월평균임금과 시간당평균임금이 같이 표기되었는데요. 이는 과거 일평균임금 또는 시간당임금만 표시됨을 악용하여 노동자에게 적합한 임금을 주지 않는 행태를 고치고자 국가에서 월임금 표시 시행으로 인해서 표시된거 같네요. 위 발표된 소프트웨어 평균임금은 15년 9월 1일 부터 16년 8월 31일까지 적용하시면 되요. 기술사 : 기술사자격증 특급기술자 : 고급기술자 자격 취득후 3년 경과, 기사자격 + 박사학위 + 경력3년 고급기술자 : 중급기술자 자격 취득후 3년 경과, 기사자격 + 박사학위중급기술자 : 기사자격증 ..