HTML5

  • Touch and Swipe
    HTML5

    3 부트스트랩 – 반응형 이미지

     Head<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3…

  • Touch and Swipe
    HTML5

    3 동그라미 안에 숫자 넣기

      동그라미 안에 숫자 넣기 <style type="text/css"> .circle1 { width:200px; height:200px; border-radius:100px; -moz-border-radius : 100px; -webkit-bor…

  • Touch and Swipe
    HTML5

    1 Bootstrap modal 사이즈 및 위치 조절

     Bootstrap modal 사이즈 및 위치 조절Bootstrap의 자바스크립트 기능 중 하나인 modal 사용법을 간단하게 소개하고 CSS 클래스 조정을 통해 화면 가…

  • Touch and Swipe
    HTML5

    웹표준 사이트 만들기 ( Webstoryboy) - 4 css footer 꾸미기, 슬릭 슬라이드 배너 적용, 메뉴 토글 적용, 슬릭 무비 갤러리 적용

       강의 목록 : https://www.youtube.com/playlist?list=PL4UVBBIc6giKkfYN_2TVPgbMpd87lJEfg   01. 웹표준 사이트 만들기 - 기본 셋팅하기02. 웹표준 …

  • Touch and Swipe
    HTML5

    웹표준 사이트 만들기 ( Webstoryboy) - 3 css 탭 메뉴 꾸미기, gallery 만들기, 로그인 form 만들기

       강의 목록 : https://www.youtube.com/playlist?list=PL4UVBBIc6giKkfYN_2TVPgbMpd87lJEfg   01. 웹표준 사이트 만들기 - 기본 셋팅하기02. 웹표준 …

  • Touch and Swipe
    HTML5

    웹표준 사이트 만들기 ( Webstoryboy) - 2 CSS Navigation Bar 꾸미기, 배너 슬라이드

       강의 목록 : https://www.youtube.com/playlist?list=PL4UVBBIc6giKkfYN_2TVPgbMpd87lJEfg   01. 웹표준 사이트 만들기 - 기본 셋팅하기02. 웹표준 …

  • Touch and Swipe
    HTML5

    웹표준 사이트 만들기 ( Webstoryboy) - 1 기본셋팅, Layout, header, block 와  inline  차이 ,폰트 적용, ir 효과 적용

       강의 목록 : https://www.youtube.com/playlist?list=PL4UVBBIc6giKkfYN_2TVPgbMpd87lJEfg   01. 웹표준 사이트 만들기 - 기본 셋팅하기02. 웹표준 …

  • Touch and Swipe
    HTML5

    모바일 웹 개발 - 아이폰 폰트 크기 문제

     모바일 웹 개발 시, 특정 사이즈 이상의 모바일 화면에서 font-size가 크게 보이는 경우가 있어요.아이폰의 경우 뷰포트가 변경이 되면 자동으로 폰…

  • Touch and Swipe
    HTML5

    Bootstrap modal 사이즈 및 위치 조절

     Bootstrap modal 사이즈 및 위치 조절Bootstrap의 자바스크립트 기능 중 하나인 modal 사용법을 간단하게 소개하고 CSS 클래스 조정을 통해 화면 가…

  • Touch and Swipe
    HTML5

    open CDN jsdelivr github 사용으로 트래픽 감소 속도업

               다음예와 같이 적용하면 된다.gh/아이디/프로젝트명@버전/ 파일https://cdn.jsdelivr.net/gh/braverokmc79/easyk@1.0.…

  • Touch and Swipe
    HTML5

    동그라미 안에 숫자 넣기

      동그라미 안에 숫자 넣기 <style type="text/css"> .circle1 { width:200px; height:200px; border-radius:100px; -moz-border-radius : 100px; -webkit-bor…

  • Touch and Swipe
    HTML5

    반응형 로그인 페이지

     반응형 로그인 페이지      <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link r…

  • Touch and Swipe
    HTML5

    부트스트랩 – 반응형 이미지

     Head<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3…