티스토리

Seong-Jung's Blog
검색하기

블로그 홈

Seong-Jung's Blog

it.tamnazio.com/m

망뎅이 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • [웹접근성] 웹접근성 진단 도구 OpenWax [웹접근성] Openwax 사용하기다운로드 링크 : http://openwax.miya.pe.kr/OpenWax는 Naver 웹접근성 진단도구인 Nwax를 개발한 개발자가 오픈소스로 배포하여 한국형 웹접근성 지침 2.0에 맞게 웹접근성 진단을 할 수 있도록 도와주는 도구입니다.주의할 점OpenWax는 실제로 서버에서 구동되는 사이트에 대해서만 웹접근성 체크가 가능합니다.OpenWax는 한국형 웹접근성 컨텐츠 지침 2.0에 따라 웹접근성 준수 여부를 검사합니다.가이드 페이지http://openwax.miya.pe.kr/#guide크롬 브라우저에 확장도구 설치하기 공감수 0 댓글수 0 2014. 4. 22.
  • [HTML] 블록 요소(Block Elements)와 인라인 요소(Inline Elements) 블록 요소(Block Elements)와 인라인 요소(Inline Elements)1. 블록 요소(Block Elements)HTML4 이상address, ol, ul, p, form, pre, blockquote, h1~h6, table, dl, dd, div, fieldset, hr, table, tfoot, noscriptHTML5article, figcaption, figure, output, aside, footer, audio, section, canvas, header, hgroup, vide2. 인라인 요소(Inline Elements)b, big, i, small, ttabbr, acronym, cite, code, dfn, em, kbd, strong, samp, vara, bdo, b.. 공감수 0 댓글수 0 2014. 3. 17.
  • [Markdown] 하루패드(haroopad) 설치 경량화된 마크다운 언어를 쉽고 빠르게 사용할 수 있는 하루패드(haroopad)를 설치해보도록 하겠습니다.다운로드 페이지 : http://pad.haroopress.com/user.htmlharoopad는 다양한 플랫폼을 지원하는 오픈소스 기반의 마크다운 에디터입니다. 1. 자신의 OS에 맞는 파일을 다운로드 후 설치 파일을 실행합니다. Next 버튼을 클릭합니다. 2. 자신이 설치하고자 하는 디렉토리를 선택하고, Next 버튼을 클릭합니다. 3. Install 버튼을 클릭합니다. 4. Finish 버튼을 클릭합니다. 5. haroopad를 실행한 화면입니다. 경량화된 마크업 언어인 마크다운을 지원하는 haroopad를 이용하여 복잡한 마크업 언어 또는 블로그 글, 이메일 문서를 작성해보시길 권장합니다... 공감수 0 댓글수 2 2014. 3. 4.
  • [Safari] 사파리 개발자 도구 사용 방법 과거의 Safari 브라우저와 최신버전의 Safari 브라우저에서 개발자 도구를 사용하기에 조금 다른 점이 있는 것을 확인하여 최신 Safari 브라우저에서 개발자 도구를 사용하는 방법을 알아보도록 하겠습니다.1. Safari 브라우저의 우상단 톱니 바퀴 아이콘 선택 -> 메뉴 막대 보기 메뉴 선택 2. 메뉴 막대 보기 했을 경우 아래와 같이 메뉴 막대가 생성됩니다.3. 메뉴 막대에서 편집 -> 기본설정 선택. 메뉴 막대에서 개발자용 메뉴 보기 선택 4. 아래와 같이 개발자용 메뉴 생성위와 같이 개발자용 도구가 생성이 되었습니다. 개발자 도구 활용을 통해 웹개발을 쉽게 빠르게 할 수 있도록 해요 ^^ 공감수 0 댓글수 0 2014. 3. 4.
  • [WEB] 크롬 테마 만들기 크롬 테마 만들기 방법. 자세히~ 알려드릴께요. 저만 따라하시면 참 쉬우실 거에요 ^^ ★ 먼저, 크롬 테마를 만들기 위해서는 구글 크롬 테마 생성 사이트로 이동합니다. http://www.themebeta.com/chrome-theme-creator-online.html - Basic 탭 : 테마 배경 이미지에 대한 처리를 할 수 있는 탭 - Images 탭 : 이미지를 업로드할 수 있는 영역에 대한 설정 탭 - Colors 탭 : 글씨색을 설정할 수 있는 영역에 대한 설정 탭 - Pack 탭 : 설정이 완료된 크롬 테마에 대한 packaging 탭 - Theme Name : 테마명을 입력합니다. - 1. Upload an Image : 배경이미지를 업로드합니다. - 2. G.. 공감수 0 댓글수 0 2014. 2. 24.
  • [TOOL] Aptana 3 설치 및 실행 Aptana Studio 3 설치 방법을 알아보도록 하겠습니다. Aptana Studio는 오픈소스 기반의 IDE 웹 기반 툴입니다. 무료이며, 이클립스 기반입니다. 또한, 이클립스의 플러그인으로 추가하여 사용할 수도 있습니다. 쉽고 빠르게 웹기반 프로젝트를 구축할 수 있도록 도와줍니다. 또한, 작은 웹서버를 갖추고 있어, 따로 TOMCAT 등의 웹컨테이너를 구축하지 않아도 쉽게 웹프로젝트를 실행할 수 있습니다. 1. http://www.aptana.com/ 에 접속하여 PRODUCTS > DOWNLOADS > DOWNLOAD APTANA STUDIO 3 버튼 클릭하여 다운로드 2. 다운로드 받은 파일을 실행 -> Next 클릭 3. 라이선스에 동의할 경우, I Agree 버튼 클릭 4. 설치 경로 설정.. 공감수 0 댓글수 0 2014. 2. 24.
  • [TOOL] Editplus ini 파일 설정하여 꾸미기 Editplus를 그냥 사용하기에는 하얀 바탕색 화면에, 식상한 폰트 색에... 너무너무 불편합니다.이래서 Editplus에서는 편집창의 색상 정보를 수정할 수 있도록 ini파일을 수정할 수 있도록 하고 있습니다.어떻게 변경하는지 보겠습니다~ 첨부파일의 ini 파일을 다운받으세요 ^^ 1. 기존의 식상한 편집창 2. 도구 -> 디렉토리 지정 선택 3. 디렉토리 지정에서 INI 파일 디렉토리와 구문 디렉토리를 설정해주기 위해 ... 버튼 클릭하여 경로 선택 4. INI 파일이 존재하는 폴더를 선택, 확인 버튼 클릭 5. 확인 버튼 클릭 6. 확인 버튼 클릭 7. 변경된 샤방샤방한 화면~ 이제 편집창의 가독성도 좋아졌죠? ^^ 이제 변경된 편집창을 통해 Editplus를 더욱 더 잘 사용해 보아요 ^^ 공감수 1 댓글수 0 2014. 2. 18.
  • [WEB] 크롬 테마 설정 브라우저의 기본 테마를 사용하면 너무 식상해요~~ 그래서!!크롬 브라우저에서 테마를 설정하는 방법을 알아보겠습니다 ^^ 1. 크롬 브라우저를 실행하고, 크롬 브라우저 상단의 Chrome 맞춤설정 및 제어 아이콘을 클릭 -> 설정을 클릭합니다. 2. 설정 항목에서 테마 추가 클릭 3. 여러 테마 중에서 마우스 커서를 위로 올리면 무료 버튼이 생깁니다. 클릭해주세요 ^^ 4. 테마 적용완료. 참 쉽죠잉~~ ^^ 공감수 0 댓글수 0 2014. 2. 18.
  • [HTML] 로그인 폼 마크업 하기 로그인 폼을 마크업하는 방법을 아주~ 간단하게 배워보겠습니다 ^^ 코딩 방식은 지극히(?) 개인적인 방법인 것을 알아두셨으면 좋겠습니다. 코딩 순서 : HTML 코딩 → CSS 코딩 [HTML 코딩] 로그인 아이디 비밀번호 아이디 저장 [CSS 코딩] /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,.. 공감수 0 댓글수 0 2014. 2. 18.
  • [웹접근성] Fujitsu Color Doctor 사용 방법 다운로드 링크 : http://design.fujitsu.com/en/universal/assistance/colordoctor/colordoctor210win.exe 가상의 브라우저를 활용하여 시각 장애 유형별로 화면이 어떻게 표시되는지 확인할 수 있도록 도와주는 도구입니다. 메뉴 설명 및 각 메뉴 사용 방법 1번 영역 : 브라우저 화면을 제어할 수 있는 영역입니다. - Back : 이전 페이지로 이동 - Forward : 앞 페이지로 이동 - Stop : 브라우저 해석 정지 - Refresh : 브라우저 새로고침 - Home : 홈 페이지로 이동 - Go : 입력한 사이트로 이동2번 영역 : 화면 해석 모드 및 실제 변환에 대해 제어할 수 있는 영역입니다. - Mode : Browser(웹 브라우저 .. 공감수 0 댓글수 1 2014. 2. 12.
  • [웹접근성] Colour Contrast Analyser 사용 방법 다운로드 링크 : http://files.paciellogroup.com/resources/CCA-KO.zip웹접근성 평가 도구 중 하나로, 명도 대비 테스트 및 시각 장애 유형별로 화면을 확인해볼 수 있도록 기능을 제공합니다.색상 추출 및 명도대비 확인- 배경색 선택 --> 전경색 선택 --> 결과 확인명도대비 준수시 명도대비 미준수시 (상세결과까지 확인 결과)환경설정환경설정 > 항상 위에 노출다른 윈도우 화면에 가려지지 않도록 가장 상단 레이어에 위치합니다.환경설정 > 글꼴프로그램의 글꼴을 설정합니다.환경설정 > 색상 값 유형 선택Hex 값으로 색상을 추출할지, RGB 값으로 색상을 추출할지 설정합니다.환경설정 > 색각이상을 위한 대비결과 노출 색각이상(각 장애별 시각 관점) 명도 대비를 확인합니다... 공감수 1 댓글수 0 2014. 2. 12.
  • [TOOL] Editplus(에디트플러스) "파일" 메뉴 소개 어떠한 툴을 잘 다루기 위해서는 어떻게 해야 할까요? 일단, 툴에서 제공하는 기능을 잘 알아야겠죠? 그래서 대표 편집툴 중 하나인 Editplus(에디트플러스)를 잘 다루기 위해 제가 직접 써보면서 그 기능에 대한 소개를 정리해 나갈 것입니다. 이번 포스팅에서는 "파일" 기능에 대해 소개합니다. 1. 새파일(N) (도구모음 : ) - 에디트플러스에서 새 문서를 작성할 경우에 사용하는 메뉴입니다. 1) 보통문서(N) - 확장자가 없는 빈 파일 형식의 새 문서를 생성합니다. [ 보통문서로 새 문서를 생성했을 경우 화면 ] 2) HTML 페이지 - 기본 템플릿 형식의 html 페이지를 생성합니다. [ HTML 페이지로 새 문서를 생성했을 경우 화면 ] 3) 브라우저 창(B) - 편집툴 내에 내장 브라우저를 실.. 공감수 0 댓글수 0 2014. 2. 7.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.