페이지내 링크중 불특정 div로 이동하고 싶을때, div 위치값이 궁금해서 jQuery에 그런게 있었던거 같아서 찾았다.역시 ㅋㅋㅋㅋㅋoffset() 바로 사용예제jQuery offset()해당 ID의 div의 top 위치값을 알아낸 후, animate() 를 이용해서 그 위치로 이동하는 소스다. 상위로 부드럽게 가는 사용예제Top페이지 내부에서 부드럽게 상위로 이동하는 소스!
반응형웹이란?각각의 디바이스에 맞는 화면을 작업하는게 아닌, 한번의 작업으로 다양한 디바이스에 적용하는 웹이다.모바일의 비중이 상당하다고 보는데, 왜 ie9 이하 버전에도 맞춰야할까? 월급 받는 입장이면, 작업을 해야한다. ㅋㅋㅋㅋ Respond.js바로가기 :: https://github.com/scottjehl/Respond데모 바로가기 :: http://scottjehl.github.com/Respond/test/test.html 한번 활용을 해봐야겠다.잘 될려나??
사용자에게 초점을 맞추면 나머지는 저절로 따라옵니다.처음부터 Google은 최고의 사용자 환경을 제공하는 데 초점을 맞췄습니다. Google은 새로운 인터넷 브라우저를 개발하든 홈페이지의 외양을 새롭게 변경하든 언제나 내부의 목표나 수익보다는 이러한 작업이 사용자에게 최상의 서비스를 제공하는가를 가장 크게 고려합니다. Google 홈페이지의 인터페이스는 간단하고 명료하며 페이지가 즉시 표시됩니다. 검색결과 게재위치도 판매의 대상이 된 적이 없으며, 광고는 광고로서 확실히 표시될 뿐 아니라 관련성 있는 콘텐츠를 제공하며 산만하지 않습니다. 또한 Google은 새로운 도구와 애플리케이션을 개발할 때 사용자가 부족함을 느끼지 않도록 완벽을 기합니다.한 분야에서 최고가 되는 것이 최선의 방법입니다.Google은..
웹 접근성 웹 표준 완벽 가이드저자짐 대처 지음출판사에이콘출판 | 2011-07-22 출간카테고리컴퓨터/IT책소개웹 표준은 물론, 차세대 웹을 선도하는 「아이콘 웹 프로페셔널」... 웹 접근성이란?누구나 웹을 사용할수 있도록 웹사이트를 만드는 방법.우리나라에 웹 접근성이 잘 적용된 사이트가 과연 얼마나 될까? 한 50% 될까?제작 비용은 그대로가고 갈꺼 같고, 해야할 일만 하나 더 추가가 된 이 뭐 같은 기분!하지만, 이제는 웹 접근성, 표준을 적용해야할 시기인듯.이 책 한번 사봐야겠다. 외국 사이트보고 따라하면 될려나? ㅋㅋㅋ
du -h --max-depth=1자 디렉토리를 용량별로 정렬할려면 먼져 디렉토리 용량부터 알아야 겟죠 ^^ $ du -c --max-depth=0 *요로케 하면 현재 디렉토리 않에 있는 모든 디렉토리의 용량이 바이트단위로 나와요 $ du -ch -max-depth=0 * 이렇게 하면 위와 비슷한 출력이지만 M GB B단위로 나눠서 출력해주죠 h라는 옵션이 ls에서나 df에서나 du에서나 여러모로 사용되니 기억해 두시면 편할꺼에요 --max-depth 옵션은 현재위치로 부터 얼마나 깊이까지해서 용량을 측정할까에요 저옵션이 없으면 최하위 디렉토리 용량부터 주르륵 뽑아내 버리죠 0이면 지정한 디렉토리 에서부터 용량을 젠단뜻이요 위와 같이 내가 원하는 출력을 만들었다면 정렬해봐야겟죠 ^^ 정렬을 위한 명령어로..
쇼핑몰을 운영하다 보면, 여러가지 기능들이 추가 되면 좋을때가 있다.기업회원이 구매 후 세금계산서를 요청할때 필요한 전자세금계산서 발행하는 연동API가 있으면 참 좋을 듯하다.쇼핑몰 관리자에서 바로 전자세금계산서를 발행하는 것이다 ^^물론, 발행과 동시에 바로 국세청에 전자신고 하는 서비스이다.이 얼마나 간편하고 좋은 기능들인가? ^^ 여러업체가 있지만, 난 바로빌이 괜찮은듯하다.전자세금계산서외에 전자문서, 현금영수증, 문자서비스, 팩스서비스등 여러가지 연동 API가 있다. [쇼핑몰 및 홈페이지 - 정발행] [오픈마켓 및 소셜커머스 - 위수탁발행] 이런 기능들을 추가해서 쇼핑몰을 운영해보자!! 이미지 출처 사이트 :: https://www.barobill.co.kr서비스 소개 사이트 :: https://..
항상 html 작업을 하다보면, hr의 css를 고민했었다.고민하다 그냥 빼버리는 경우가 거의 다반사....이제는 제대로 해보자!! 검색하면 많은 내용들이 나오지만, 마음에는 드는 한곳을 찾았다.심플하게 ㅋㅋㅋㅋ 난 심플하게 좋아요~일단 소스....hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); backgrou..
사용방법 ★안드로메다 탱이별★ ★안드로메다 탱이별★ ★안드로메다 탱이별★ ★안드로메다 탱이별★ ★안드로메다 탱이별★ ★안드로메다 탱이별★ 결과물 ★안드로메다 탱이별★ ★안드로메다 탱이별★ ★안드로메다 탱이별★ ★안드로메다 탱이별★ ★안드로메다 탱이별★ ★안드로메다 탱이별★ Browser Support
워드프레스 시작하기간단합니다. 파일 다운 받아서 압축풀고, FTP로 업로드해서 설정 끝!이제 워드프레스로 홈페이지를 만들어 봅시다.워드프레스 다운받기 :: http://ko.wordpress.org/오른쪽 중간부분에 "다운로드" 버튼이 있네요~ 다운 받으세요~ 설치하기사전 요구사항1. 웹서버 호스팅 서버 또는 개인 서버 : 워드프레스는 티스토리, 이글루 및 포털의 블로그와 달리 설치형 블로그입니다. 그래서 이 블로그를 사용하려면 블로그를 설치할 공간이 따로 필요합니다. 2. PHP & MySQL PHP 4.1이상, MySQL 4.1 이상이 필요합니다. 권장사항은 둘 다 5.0 이상입니다. 3. 도메인 웹서버로 접근할 수 있는 도메인 주소가 필요합니다. 설치 절차자신이 호스팅하는 MYSQL의 DB이름, D..
단어별 잘라 개행하기( br 태그효과) style="word-break:keep-all" 특수문자를 제외하고 강제 줄바꿈을 한다. style="word-break:break-all" 특수문자를 포함하고 강제 줄바꿈을 한다. style="word-break:break-word" width를 지정하였지만 개행이 되지 않기를 원할때 사용. style="word-break:nowrap" 텍스트가 한글일 경우 띄워쓰기 기준으로 개행된다. style="word-break:keep-all" 출처 :: http://mhub.kr/4
