web sprit

모바일 제작이나 반응형웹을 제작할때 부딪힐 수 있는 문제입니다.마크업을 작업하면 PC로 비교해보면서 작업을 하게 되는데요.쉽게 지나치고 모바일에서 확인했을때 전화번호로 되어진 부분예) 010-xxxx-xxxx 전화번호 부분을 IOS 모바일로 확인했을때 링크로 인식하여 내가 의도치 않은 색으로 지정되어 집니다.황당하죠....이 현상은 IOS는 전화번호 자동링크로 인식하여 화면의 UI 나 디자인에 영향을 미칩니다. 그럼 바로 해결 해야죠. 아래의 메타태그를 head 태그 안에 입력해 줍니다. 그럼 원래 지정했던 색이 적용되어 모바일에서 확인하실 수 있습니다.IOS 에서 자동 링크로 전화걸기를 연결하지말고 원래 디자인은 적용하면서 전화걸기 링크를 넣으려면 다음과 같은 방법을 사용하십시오.전화걸기그럼 모바일에서..

회사에서 주로 gmail을 사용하는데요.엑셀 테이블 표로 깔금하게 정리하여 보내고 싶다는 생각을 하는데 문득그런식으로 메일을 받아본적이 어렴풋이 생각났습니다. 그래서 나름 알아 봤습니다. 역시 해결할 수 있었습니다. 우선 크롬의 기능입니다. 크롬 웹스토어에 들어가 "Cloudcodes Insertable" 을 검색합니다.현재 검색하니 딱 하나가 나오는군요.클릭해서 크롬에 추가해 줍니다. 이제 메일에 엑셀 테이블을 추가하는 방법만 남았습니다. 매우 간단합니다. 엑셀을 실행합니다.위에 보는 바와같이 꾸며 보았습니다. 그럼 저 영역을 복사해 줍니다. 다 아시죠? Ctrl + C 고고 자 그럼 메일을 보내는 양식을 보십쇼. 아까 설치한 "Cloudcodes Insertable" 아이콘이 존재합니다.아까 복사했으..

is() 메서드는 선택한 요소 중 하나가 is( 선택한 Element )와 일치하는지 확인합니다.결과값은 참(true)/거짓(false)을 나타냅니다.말보다 예시를 보면 더 빠른 이해가 되겠죠? 아래에 예를 들겠습니다. html12345678 item01 item02 item03 확인cs javascript (tag 확인)1234567891011121314151617$(document).ready(function(){ var $testBox = $(".is_test_box"); var $list = $(".is_test_box .list"); var $Btn = $(".is_test_box button"); $Btn.on("click", function(){ var $liBool = $list.child..

http://bxslider.com/위의 사이트로 접속 후 Download 버튼을 눌러 내용을 다운 받으세요~ ^^ 1. 설치1-1. head태그에 연결123456789101112 Colored by Color Scriptercs 1-2. MarkUp12345678 Colored by Color Scriptercs 1-3. 선언12345 $(document).ready(function(){ $('.bxslider').bxSlider();}); cs 2. option위에서 설명한 선언 말고도 option을 설정하기 위한 선언방법이 있습니다. 아래를 참고해 주세요.예)1234567 $('.bxslider').bxSlider({ // 옵션 설정 mode: 'fade', captions: true}); cs 3..

얼마전 Tistory 에서 2차 도메인 관련 CNAME 설정을 하라는 메일을 받았는데 무시하고 있다가 어느 순간 블로그의 방문자 수가 급줄어드는 현상을 보고 깜놀하여 알아 보았습니다. 대부분 내용을 보면 무슨 내용인지 알아볼 수 없게 설명 되어진 부분이 많아 (저만 그럴지도....) 최대한 간단하게 상세하게 설명하려 합니다.알고 보니 정말 별거 아니었습니다. 우선 제가 도메인을 산 곳은 가비아 이고 Tistory도 가비아를 바탕으로 설명하고 있는 듯(?) 했습니다.Tistory 측에서 CNAME 설정 관련 설명은 아래의 URL 에서 확인하시기 바랍니다.Tistory CNAME 설정 CNAME 설정을 하는 이유는 Tistory가 IP를 자주 바꾸는 탓(?)에연결 되어진 도메인으로 부터 연결이나 검색이 끊어..

제가 마크업을 작업할 떄 주로 사용하는 기술이 젠코딩 입니다. 젠코딩은 에디트플러스에서 최신버젼으로 설치하면 기본으로 제공 되어집니다.하지만 가끔 드림위버를 이용할 떄가 있는데요. 드림위버는 따로 플러그인을 설치해야 합니다.그럼 드림위버에 설치 및 설정을 알아보도록 하겠습니다. 1. 설치우선 드림위버에서 젠코딩을 사용하기 위해 플러그인 파일을 다운받도록 하겠습니다. https://code.google.com/archive/p/zen-coding/downloads 위와 같은 사이트가 나오는데 전 젠코딩 드림위버용 최신버전을 다운받았습니다. 압축을 풀면 위와같은 화면이 나오는데 확장자 mxp파일을 더블클릭하여 설치를 진행합니다. 자 설치는 마무리 되었고 위와같이 Dreamweaver에 Zen Coding 이..

1. 설치https://nodejs.org/위 url을 클릭하여 node JS 사이트에 접속합니다.아래와 같은 화면을 맞이 하게 될텐데요. 영어라 당황하지 마시고 설명 드리겠습니다.우선 중앙의 다운받을 수 있는 녹색 버튼이 2개가 존재 하네요.제 컴이 64bit 인줄 알고 들어올때 부터 맞춰 주나 봅니다. 우선 두개의 버튼 중 왼쪽의 버튼(v6.9.2 LTS)를 권장 합니다. 오른쪽의 버튼은 최신 기술이라 아직 test 기간이라고 보시면 됩니다. 임상실험(?) 이 끝난 이전 하위버전으로 다운받기를 권합니다. 벌써 6.9.2 버전 이군요. 다른 방법으로 다운받으시려면 상단 메뉴에서 DOWNLOADS 버튼을 누릅니다. 들어가면여러가지에 OS 나 버전에 맞는 node JS 를 다운 받으실 수 있습니다.저는 W..

웹접근섵 검사 툴인 A=CoolCheck 이라는 프로그램을 소개하려 합니다. 접근성작업을 위해 기존의 K-WAH 프로그램으로 검사하려고 웹전근성 연구소나 WebWatch 에서 다운받아 검사하려고 했습니다.근데 서비스가 종료되었다고 하네요 ㅜㅜ 그래도 즐겨 사용했었는데 막상 없으니 서운섭섭하군요. 아무래도 제가 사람이다보니 작은 실수도 지나칠 수 있기 때문에 프로그램에 의존하려 하네요.WebWatch 에서 살펴보다 A=CoolCheck 이라는 웹접근성 검사 툴을 제공하고 있는것을 확인할 수 있었습니다.A=CoolCheck 공지 바로가기 위 링크로 공지내용을 확인할 수 있는데요.센티널테크놀로지에서 만드신것 같더군요. 그리고 이 검사 툴로 검사 후 보고서를 제출시 기타 혜택등이 있다는 내용의 공지 였습니다. ..

프로젝트를 하면 Tortoise SVN을 이용하다보니 덕지덕지 연결아이콘들이 음.... 맘에 안듭니다. 연결을 해제하고 싶은 마음이 들때가 있는데요. (아이콘떄문에 뭔가 정신 없습니다...) 여러가지 방법이 있겠지만, 단순하고 확실한 방법이 있어 소개해 드립니다. SVN에 연결된 폴더에서 한단계 하위폴더로 들어가면, .svn 이라는 폴더가 존재하는데요. (만약 안보이신다면 숨김폴더라서 안보이시는 걸꺼예요. 그럼 우선 폴더 메뉴 항목의 보기에서 숨김 폴더 보기로 체크 하시고 다시 보시면 보일것 입니다.) 위의 이미지의 내용처럼 .svn 폴더를 삭제해 주세요. 그럼 주변의 연결표시되었던 아이콘들이 사라지면서 연결이 해제됩니다. 만약 지워도 연결아이콘들이 존재한다면 폴더 새로고침(F5)을 해보시면 사라지는 것..

프로젝트 시작하면 프로젝트 관리를 위해 tortoise SVN 을 사용하고 있습니다.기존의 프로젝트 SVN을 연결하면 아이디와 비밀번호를 입력하라는 alert 창을 확인 할 수 있습니다. 자 그럼 기존의 프로젝트 작업이 끝났다고 하고 새로운 프로젝트를 들어간다고 합시다.그럼 인증정보를 적고 SVN을 들어가려하면 들어갈 수 없고 에러 alert 창이 뜹니다. ㅜㅜ 이유는... 기존의 작업하던 프로젝트의 인증 정보가 저장 되어있기 때문에 새로운 SVN 프로젝트를 연결할 수 없는 것입니다.그럼 기존의 저장된 인증 정보를 삭제하고 들어가면 해결!!!! 기존의 인증정보를 삭제하는 방법은 아래와 같습니다. 인증정보 지우기해당 SVN 이 연결된 폴더에서 마우스 우클릭을 하면 TortoiseSVN ---> 설정 을 클..