본문 바로가기

웹 퍼블리셔/Publice Notice

[Gallery] 반응형까지 지원이 되는 갤러리를 찾는다면 Slippry.js 반응형까지 지원이 되는 갤러리입니다. 다양한 샘플도 보여주기 때문에적용하기 좋은 것 같네요^^기존에 보기 힘든 사진효과는 좋네요^^ 사진효과 보기 샘플보기 단점이 있다면 Html5/CSS3로 제작이 되었기 때문에익스플로러 7,8버젼에서는안된다는 사실...이 조금 아쉽네요^^ 다운은 홈페이지에서 받으세요 http://slippry.com
[WebGL] 자바스크립트 WebGL을 이용한 멋있는 사이트입니다. 그래픽은 2차원과 3차원으로 구현을 할 수 있습니다.2차원에서는SVG 태그 / 자바스크립트 캔버스를 이용해서 구현 할 수 있습니다. 3차원에서는CSS3/자바스크립 WebGL을 사용해서구현이 가능합니다. 앞으로 시간이 흐르면 많은 라이브러리와프로그램들이 생길 요소들입니다. 이번에 소개하는 사이트는 자바스크립 WebGL을 이용해구현한 사이트입니다.이런게 가능할까??라는 생각이 드는 사이트네요!음악도 좋으니 한번 감상하시죠^^링크는 맨 아래 멋있죠?? http://lights.elliegoulding.com/
[ Public] 퍼블리싱에 있어 백과사전과 같은 사이트네요^^ 오늘 발견한 사이트는 백과사전과 같은 사이트입니다.거의 모든 프로그램 레퍼런스는 다 있네요~ 우선 우리에게 제일 필요한 html5와 CSS3가 엄청정리가 잘되어 있습니다.물론 영어라는 단점이 있지만 크게 이해하는데에는걸림돌이 되지 않습니다. 차후 누군가가 한글 버젼을 내 놓지 않을까?라는 생각은 듭니다. 보시면 아시겠지만정리가 쩝니다^^파이어 폭스에서 개발하고 정리한 것 같네요^^ 제가 운영하고 있는 웹 스토리 보이 사이트도조만간 이렇게 해야겠네요^^ 이것 뿐만 아니라 자바스크립, 제이쿼리, PHP 등등없는게 없네요^^참고하세요~ http://devdocs.io/
[MUSE] 어도비 뮤즈(Muse) 사이트가 새로 리뉴얼 되었네요^^ 어도비 뮤즈 CC 사이트가 새롭게 리뉴얼되었네요^^뮤즈를 통해 만든 사이트입니다.당연히 뮤즈 사이트니 뮤즈로 만들었겠죠^^ 스크립트를 아무리 잘해도 스크롤 사이트를 만드는데에는무리가 있다고 생각합니다.하지만 어도비 뮤즈를 통해서 스크롤 사이트는 쉽게 만들 수 있을 것 같네요^^ 계속 발전하고 있는 어도비 뮤즈 CC 조만간 HTML5가 대중화되는 날~익스플로러 7,8을 거의 사용하지 않는 날~드림위버 보다는 이 프로그램을 많이 사용할 것 같습니다. http://muse.adobe.com/ 이 사이트는 정말 정리가 잘 되어 있는데요~튜토리얼 사이트, 동영상, 뮤즈로 만든 사이트, 간단한 블러그 담에 만들 때 참고 해야 겠네요^^ http://muse.adobe.com/
[Site] 부트스트랩3(bootstrap)으로 제작된 사이트 소스 제공 Bootstrap3로 제작된 사이트 소스를 무료로 제공하는 사이트입니다.부트스트랩으로 제작되었기 때문에모든 버젼에서 호환성은 뛰어 납니다.하지마 부트스트랩3버젼에서는 익스7,8이 잘 지원되지 않습니다. 우리나라 같은 경우는 아직도 익스7,8을 제일많이 사용하기 때문에 이것 까지 지원하는부트스트랩(Bootstrap)2를 사용하는 것이호환성은 더 좋습니다. 공부하시는 분들에게는 좋은 소스인것만은 확실합니다.관심 있는 분들은 메일 주소를 넣으시면다운 받을 수 있는 주소가 옵니다.단 네이버 메일은 잘 안오더라구요~지메일을 사용해보세요~ 소스가 정말 좋네요^^기가 막히네요~ 데모보기 데모보기 데모보기 데모보기 데모보기 데모보기 데모보기 데모보기 다운 받아보셨나요??너무 좋네요^^ 짱이죠..유로 스킨도 판매하네요^..
[color] 컬러 값을 쉽게 뽑아내고 만들 수 있는 도구입니다. 디자이너에게 더 유용한 프로그램입니다.하지만 저도 가끔씩 필요해서 올립니다. 이 도구는 마우스 움직임에 따라 색상을 마음대로확인 할 수 있다는 장점이 있습니다.따로 뽑아 낼 수도 있구요^^신선하고 좋네요~ 왼쪽에 메뉴를 이용하면 다양한 색을~내가 원하는 색을 찾을 수 있습니다. http://colourco.de 확인해 보세요^^
[SVG] SVG를 이용한 원형 차트를 쉽게 만들 수 있습니다. 챠트를 만들 때 SVG를 통해서 만들 수 있는 소스입니다.SVG를 바탕으로 하기 때문에해상도도 무척 뛰어납니다. 다운로드 한번 다운 받아보고 소스를 보면 쉽게 사용 할 수 있습니다.단 익스 9부터 지원이 됩니다. 이 피자 챠트는 Adobe에 SVG 프레임 웍을 기반으로 하는원형 차트입니다. 사이트 바로가기 MIT License
[CSS3] CSS3를 이용해서 스톱와치를 만들 수 있어요^^ 제이쿼리를 이용하면 스톱와치(Stopwatch)는 만들 수 있다.하지만 CSS를 통해 이런걸 만든건 상상도 할 수 없는 일이었는데요~ 소스를 보니 복잡하긴 하지만 작동합니다.대단합니다.정말로 HTML5/CSS3의 세계는 파고들면 파고들수록 끝이 없는 것 같네요^^ 스톱와치 보기 @keyframes unit { 0% { top: 0; } 100% { top: -60em; } }@-webkit-keyframes unit { 0% { top: 0; } 100% { top: -60em; } }@keyframes centiseconds { 0% { top: 0; } 100% { top: -100em; } }@-webkit-keyframes centiseconds { 0% { top: 0; } 100% { top:..
이제는 CSS3를 통해서 3D의 입체적 작업을 할 수 있네요^^ 어떤 프로그램을 써서 하는거지~~~하고 유심히 봤는데...CSS3로 만들었네요^^ 신기하네요^^최신 기술이라 크롬, 사파리, 오페라에서만 작동을 하네요^^이제 3D MAX, 마야도HTML5/CSS3로 대체되는 날이 오겠네요^^ 기본 화면은 3D 프로그램과 유사합니다.상단의 도형 아이콘을 통해 박스를 만들 수 있습니다. 이렇게 도형을 추가하면 X, Y, Z 측면을 통해 화면을 볼 수 있습니다. 실제 아이폰은 모델은 이렇게 만들어졌습니다.디테일한 셋팅도 가능하구요iframe을 통해 따로 연결도 시킬 수 있습니다. http://codepen.io/pen 소스도 바로 확인이 가능합니다. 정말 멋진 프로그램입니다.박수가 절로 나오네요^^ 직접 확인해보세요강추합니다. http://tridiv.com
[jQuery] 제이쿼리(jQuery) 플러그인 목록 모음입니다. [jQuery] 제이쿼리(jQuery) 플러그인 목록 모음입니다. 해당 소스는 라이선스 조건을 확인한 다음에 사용해주세요^^ 라이센스 정보 보기 -BACKGROUND- [jQuery] 001. 백그라운드 이미지를 활용 할 수 있는 제이쿼리 [다운받기][미리보기] [jQuery] 002. 백그라운드에 영상을 제어하는 제이쿼리입니다.[다운받기][미리보기] [jQuery] 003. 스크롤과 버튼을 통한 백그라운드 제어하기 [다운받기][미리보기] [jQuery] 004. 다양한 옵션에 따라 백그라운드 이미지 조절하기 [다운받기][미리보기] [jQuery] 005. 페이지의 숨겨진 영역을 보여주는 페이지 슬라이드 [다운받기][미리보기] [jQuery] 006. 백그라운드 배경을 기본으로 하는 이미지 갤러리 [다운..
[HTML/CSS] HTML/CSS와 관련된 튜토리얼 모음입니다. [HTML/CSS] HTML/CSS와 관련된 튜토리얼 모음입니다. 001. CSS3를 이용한 탭 메뉴(tab menu) 만들기How to Create a CSS3 Tabbed Navigation [미리보기] 002. CSS3를 이용한 버티컬 네비게이션 메뉴 만들기Orman Clark’s Vertical Navigation Menu [미리보기] 003. CSS3를 이용한 오목한 버튼 이미지 코딩하기Tagtastic Tag Cloud with CSS Transformations [미리보기] 004. 웹폰트와 배경이미지를 이용한 별 코딩Create a Rating System With CSS, Web fonts and Sprites [미리보기] 005. CSS3를 이용한 메뉴와 서브메뉴 만들기How to Cr..
[jQuery] 제이쿼리(jQuery) 튜토리얼(Tutorial) 모음입니다. [jQuery] 제이쿼리(jQuery) 튜토리얼(Tutorial) 모음입니다. 001. 제이쿼리를 이용한 12달 달력 코딩하기 Customizing and Theming jQuery UI Datepicker [미리보기] 002. 포토샵과 제이쿼리를 이용한 이미지 슬라이드 만들기 Customizing and Theming jQuery UI Datepick [미리보기] 003. 페이지 번호를 통한 페이지 스크롤 바 만들기 Extreme Makeover: jPaginator CSS3 Edition [미리보기] 004. CSS와 제이쿼리를 이용한 레이어 팝업 만들기 Super Simple Lightbox with CSS and jQuery [미리보기] 005. CSS3와 jQuery를 이용한 말풍선(Toolti..
제이쿼리, CSS3, HTML5 관련 튜토리얼 모음 RSS Feed E-mail Twitter Facebook Google+ me2day yozm Cafe 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 Syste..