본문 바로가기 메뉴 바로가기

Frontend Developer를 향해 !

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Frontend Developer를 향해 !

검색하기 폼
  • 분류 전체보기 (152)
    • xhtml/css (15)
    • 웹접근성 (5)
    • html5 (2)
    • css3 (10)
    • 반응형웹 (5)
    • 자바스크립트 (19)
    • 제이쿼리 (17)
    • 제이쿼리 플러그인 (31)
    • 팁! (30)
    • git (10)
    • VsCode (3)
    • nodeJS (2)
    • gulp (1)
    • 북마크 (1)
    • 신앙 (1)
  • 방명록

분류 전체보기 (152)
웹 접근성을 준수한 selectbox, checkbox, radio button 제이쿼리 플러그인

- 프로젝트 구축을 하다보면 html 폼요소를 디자인를 하는 경우가 많아서 정말 애를 많이 먹을때가 있다. - form요소는 css로 디자인을 바꾸는게 한계가 있고 접근성에 위배되기 때문에 기본값으로만 사용하는게 맞다. (참고 : http://naradesign.net/wp/2008/10/11/159/) - 사전에 디자이너한테 말해주는게 제일 좋지만, 그렇지 못하는 경우가 많기때문에 진행을 하게 된다면 아래 사이트를 참고해서 제이쿼리로 해결하는 방법이 있다. 0. all- https://www.psd2html.com/js-custom-forms 1. selectbox- https://github.com/marcj/jquery-selectBox- https://github.com/KennethanCeyer..

제이쿼리 플러그인 2015. 10. 2. 15:43
jQuery Number Animation Plugins

- 아래 링크 주소 참고http://www.sitepoint.com/5-jquery-number-animation-plugins/

제이쿼리 플러그인 2015. 9. 30. 09:59
UI 관련 디자인 kit

https://github.com/designmodo/Flat-UI

제이쿼리 플러그인 2015. 9. 25. 09:52
이미지 Lazy Loading

- Lazy Loading 이란? 이미지와 같이 사이즈가 큰 데이터를 로딩할 때 사용자의 브라우져 화면에 나타나지 않은 이미지까지 로딩을 하면 페이지 로딩이 느려질 수 있습니다. lazy loading은 사용자 브라우져에 보이는 이미지만 로딩하고 다른 이미지들은 사용자가 스크롤 하면서 이미지에 가까워지면 로딩됩니다. - 제이쿼리 플러그인으로 간단히 해결 - documentation : https://github.com/ressio/lazy-load-xt- demo : http://ressio.github.io/lazy-load-xt/

제이쿼리 플러그인 2015. 9. 24. 10:11
IIFE(즉시실행함수)패턴 사용시 멤버를 공개(Public Member)하는 방법 2가지

- 즉시실행 함수를 사용하면 안에 있는 함수나 객체 등 멤버들이 비공개가 되는데 이 멤버들을 즉시실행함수 외부에서 참조하기 위한 두 가지 방법을 정리하였습니다. 1) // dom helpers var dom = (function(global){ // validate() 헬퍼 함수 | 전달인자 [조건, 오류메시지] // 공개 멤버 function validate(condition, error_msg){ if (condition == undefined || condition == null){ condition = false; console.log(condition); } else if (!condition && condition != 0 && condition != ''){ throw new TypeErro..

자바스크립트 2015. 9. 23. 14:06
제이쿼리$사용시 주의점

jQuery.noConflict(); jQuery(function($){ // 여기에 작성한 코드는 브라우저가 HTML을 해석을 마칠 때까지 기다렸다가 실행합니다. }); 1. 다른 자바스크립트 라이브러리와 jQuery를 함께 사용할 우려가 있는 경우 위와 같이 작성합니다. 또 다른 자바스크립트 라이브러리에서도 달러 ‘$’ 기호를 객체로 사용하고 있어 충돌이 날 수 있기 때문입니다. 이렇게 jQuery.noConflict() 라고 시작 부분에 선언하고 jQuery(function(){ … }) 함수 괄호() 안에 ‘$’를 넣어 두면 jQuery(function($){ … }) 안쪽에서는 충돌 없이 안전하게 달러 ‘$’ 기호를 사용할 수 있습니다. 2. 다른 방법으로는 를 선언하고 $ 대신에 변수명으로 사..

제이쿼리 2015. 9. 4. 15:54
modernizr.js 와 Detectizr.js 자바스크립트 라이브러리

- modernizr.js : https://modernizr.com/ 사용자의 브라우저가 html5, css3를 어느정도 지원하는지 체크해 줍니다. (기능 제공은 x) - Detectizr.js : https://github.com/barisaydinoglu/Detectizr 사용자의 디바이스 환경을 체크해줍니다. device device model device orientation screen size operating system operating system version operating system version full browser browser version browser engine browser plugins - 사용법 : http://webdir.tistory.com/82http:/..

자바스크립트 2015. 9. 4. 15:30
IIFE(즉시실행함수)

스크립트를 작성할때 전역 스코프 내에서 사용을 하게 되면 다른 js와 충돌이 날 확률이 높고 변수명이 같으면 덮어씌워져서 원하는 대로 동작을 하지 않을 경우를 대비하여 함수안에 작성하여 전역과 분리시키는 걸 권장. 예시) (function(global, $){ 'use strict'; })(window, window.jQuery);

자바스크립트 2015. 9. 3. 15:09
slick slider

bxSlider 와 비슷한 기능을 하는 제이쿼리 플러그인. 아래 링크 참조. http://kenwheeler.github.io/slick/?utm_source=jquer.in&utm_medium=website&utm_campaign=content-curation

제이쿼리 플러그인 2015. 9. 3. 14:37
html5 시멘틱 태그 설명

1. 한페이지 내 여러개를 사용할 수 있다. 2. 한페이지 내 딱 한번 사용할 수 있다. 3. 한페이지 내 여러개를 사용할 수 있다. 4. "한가지 주제로 묶는다." 라는 의미 따라서 section은 자신만의 header footer를 가질 수 있다. 5. 계속 발행되는 부분 배포 목적으로 section태그와 구분 됨. acticle은 자신만의 header footer를 가질 수 있다. 6. 주 내용과 분리된 부가적인 정보나 인용, 광고등의 내용을 담습니다. 7. 주요 네비게이션을 그룹핑. 8. html문서의 의미구조를 보여주는 툴 https://gsnedders.html5.org/outliner/

html5 2015. 8. 25. 11:07
이전 1 ··· 11 12 13 14 15 16 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 주님과 동행하는 자
TAG
  • VSCode
  • SFPro웹폰트
  • WAI-ARIA tab menu
  • 접근성 tabmenu
  • 자바스크립트 탭메뉴
  • WAI-ARIA탭메뉴
  • placeholder css
  • 패럴럭스 스크롤
  • jquery
  • one scroll
  • PlaceHolder
  • node.js
  • 본고딕
  • bxslider
  • 부트스트랩 네이밍
  • San Francisco web font
  • CSS3
  • 애플웹폰트
  • Git
  • 키보드접근성자바스크립트
  • San Francisco웹폰트
  • Flexbox
  • 웹폰트
  • SFPro web font
  • 키보드 웹접근성
  • 깃허브
  • 반응형웹
  • 접근성탭메뉴
  • 웹 접근성
  • 부트스트랩class명
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바