플러그인 썸네일형 리스트형 [jQuery] 제이쿼리를 사용한 드래그, 터치 이미지 슬라이드 샘플 [jQuery] 제이쿼리를 사용한 드래그, 터치 이미지 슬라이드 샘플 모바일 기기에서 터치로 동작하는 이미지 슬라이더는 이미 한번 작업한 적이 있었습니다. 당시에는 모바일웹 초창기라 그것도 괜찮았었는데... 이제는 반응형 웹이라고 해서 웹상에서 드래그까지 지원하는 이미지 슬라이드가 필요하게 되었네요. 그래서 급 공부(?)를 했습니다. 그 결과로 샘플 페이지를 작업해서 기록의 목적으로 저장해봅니다. 관심있으신 분들은 다운로드 받아서 분석하시면 좋으실 것 같습니다. 2015.3.23. 이미지내 지정한 포커스에 따라 이미지사이즈가 변경되는 반응형 jQuery 플러그인 Intelligent cropping for flexible image containers 유연한 이미지 컨테이너 반응형 플러그인 사실 이 기능을 찾기 위해 검색을 한 것은 아니지만, 아주 유요한 플러그인을 우연히 발견하여 이렇게 기록용으로 포스팅합니다. 간략하게 설명하자면, 반응형 사이트에서 사이트내에서 사용하는 이미지가 자동으로 크롭되잖아요. 이때 이미지의 정렬은 보통 left, right, center 인데요. 이 플러그인은 이미지내에 포커스 좌표를 지정하여, 그 포커스를 center로 정렬하는 플러그인입니다. 아래 이미지를 예로 들면, 넓은 창일때의 이미지 좁은 창일때의 이미지 도마뱀의 눈에 포커스를 맞추어 이미지가 반응형으로 크롭된다는 것이지요. 이 기능이 유용한지 안한지에 대해서는 모바일 사이.. 반응형사이트 제작시 간편하게 그리드 잡는 플러그인(?) Flexible Grid System 2014.11.7. [jQuery] 제이쿼리를 사용한 간단한 그래프 플러그인, jqBarGraph Plugin [jQuery] 제이쿼리를 사용한 간단한 그래프 플러그인, jqBarGraph Plugin 사이트 작업을 하다보면 그래프를 표현해야 할때가 있습니다. 이전에는 그냥 이미지로 대체했었는데, 동적으로 구현하기 위해서는 스크립트 사용이 필수불가결이지요. 여러가지 그래프 플러그인이 있습니다. 모두는 아니지만 그래도 많이 검색해보고 여러가지 플러그인을 테스트를 해보았는데요. 이 플러그인 처럼 심플한 것은 못 봤네요 ㅋ 추천합니다. ㅋ 아래 파일은 여러 버전중 다운받은 js 중 하나입니다. ㅎ 여러가지 타일 효과 애니메이션을 위한 jQuery 플러그인 여러가지 타일 효과 애니메이션을 위한 jQuery 플러그인 티스토리 스토리채널 플러그인 오픈~! 카카오그룹의 스토리채널을 만들었습니다.^^ 카카오그룹의 스토리채널을 만들었습니다.^^ 그 이유인즉 제가 이용하고 있는 티스토리 블로그에서 스토리채널 연동 플러인 서비스가 오픈했기 때문이죠 ㅎ http://notice.tistory.com/2208 사실, 스토리채널은 예전에 가입하고 어떻게 활용할까 고민중이였는데 마침 이렇게 플러그인이 나오다니 ㅎㅎ좋습니다. 그나저나, 정말 카카오그룹은 계속 변화무쌍하게 변화하고 있는 것 같습니다. 맨처음 카카오톡으로 시작해서 카카오스토리, 카카오스토리플러스, 카카오스토리채널을 업그레이드 되어 가고 있네요. 카카오시리즈 앱들도 엄청 많아졌구요. 이제는 카카오픽이라고 쇼핑몰도 만들었군요. 이 모든 서비스의 기초는 모바일에서 유용한 접근일 것입니다. 거두절미하고, 이번에 카카오그룹에서 스토리채널이라는 새로운 서비스가 .. 움직이는 파티클그라운드 ParticleGround JS Particle Ground A jQuery plugin for snazzy background particle systems 마우스를 따라 움직이는 조그만 점들이 인상적이네요. ㅎ 워드프레스에서 사용하는 테마, 플로그인 알아내는 사이트 워드프레스에서 사용하는 테마, 플로그인 알아내는 사이트 만약, 어떤 멋진 워드프레스 사이트를 발견했고, 그 사이트가 사용하는 워드프레스 테마, 플러그인이 궁금할때 검색해보시면 됩니다. http://whatwpthemeisthat.com/ PSD파일(포토샵파일)을 CSS3 코드로 변환하는 포토샵 플러그인 사이트 CSS3PS.COM CSS3Ps는 포토샵에서 생성한 레이어를 CSS3로 변환해 주는 클라우드 서비스 기반 포토샵 플러그인입니다. 여러 레이어 또는 레이어 그룹을 선택하고 한 번의 클릭으로 변환할 수 있습니다. Gradient, Inner Shadow, Inner Glow, Outer Shadow, Outer Glow등의 CSS3 속성으로 변환해 준다고 합니다. 변환 즉시 브라우저에서 결과를 확인하고 다른 사람들과 공유할 수도 있습니다. 그리고 무료입니다. 바로가기 제이쿼리(JQuery), CSS3, HTML5 효과 튜토리얼 모음 HTML / CSS [HTML/CSS] 001. CSS3를 이용한 탭 메뉴(tab menu) 만들기 How to Create a CSS3 Tabbed Navigation [미리보기] [HTML/CSS] 002. CSS3를 이용한 버티컬 네비게이션 메뉴 만들기 Orman Clark’s Vertical Navigation Menu [미리보기] [HTML/CSS] 003. CSS3를 이용한 오목한 버튼 이미지 코딩하기 Tagtastic Tag Cloud with CSS Transformations [미리보기] [HTML/CSS] 004. 웹폰트와 배경이미지를 이용한 별 코딩Create a Rating System With CSS, Web fonts and Sprites [미리보기] [HTML/CSS] 005... 이전 1 다음
