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

야쿠이야기

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

야쿠이야기

必死則生 必生則死

검색하기 폼
  • 분류 전체보기 (359)
    • 나의이야기 (8)
    • 나의아들 (5)
    • 웹개발 (275)
      • Php (90)
      • Linux (43)
      • Server (1)
      • Tools (18)
      • Jquery (10)
      • Javascript (61)
      • HTML&CSS (12)
      • Java (11)
      • DataBase (29)
    • 모바일 (9)
    • 요리 (6)
    • 여러가지 (40)
  • 방명록

웹개발/HTML&CSS (12)
IE 에서 'position:fixed' 를 줘보자.

익스플로러에서 포지션 fixed가 안돼 어서 해매다가 찿은 자료. ie 핵을 쓰긴 해야 하지만 잘대서 좋구나. 참고 링크 : http://naradesign.net/wp/2007/09/08/128/ css 만으로 구현 난 고정하는 엘리먼트 입니다. // 상단 잴 왼쪽 고정 h1{ position:fixed; _position:absolute; top:0; _top:expression(eval(document.body.scrollTop)); left:0; margin:0; padding:0; background:lime; } /* 하단에 고정 h1{ position:fixed; _position:absolute; bottom:0; _top:expression(document.body.scrollTop+do..

웹개발/HTML&CSS 2013. 4. 2. 15:47
css3 , 트랜지션 애니메이션 예제

Transition me! Introducing CSS Transformations box 1 box 2 box 3 box 4 box 5 box 6 #stage #block #box1 #box2 #stage2 #box3 #box4 #stage3 Transition me! Introducing CSS Transformations box 1 box 2 box 3 box 4 box 5 box 6 #stage #block #box1 #box2 #stage2 #box3 #box4 #stage3 ease, linear, ease-in, ease-out, ease-in-out, cubic-bezier -webkit-transition-property: background; -webkit-transition-durat..

웹개발/HTML&CSS 2012. 12. 13. 15:04
IE 버전 다른 스타일 적용하기

버전별 스타일시트 사용 Internet Explorer Hacks IE6 Only Hacks * html input { padding:10px; } IE7 Only Hacks *+html input { padding:10px; } IE8 Only Hacks input { padding:10px\0/; } IE7 And IE8 Only Hacks input { padding:10px\9; } Not IE7 Hacks _input { padding:10px; } Conditional If Statement Change HTML Element With Javascript use JQuery if ($.browser.msie) { if(parseInt($.browser.version) == 8){ //For I..

웹개발/HTML&CSS 2012. 6. 14. 09:13
에디터플러스 젠코딩(zen coding) 활용하기

젠 코딩 정말 나이스 하네요. 긴 HTML 등들은 TAG, CLASS, ID 속명만으로 html tag를 자동으로 한방에 생성해주고 , 여러가지 옵션으로 편하게 사용할수 있네요. 에디터도 여러가지 지원하네요. 최신 버전의 에디터 플러스를 설치 하시면 zen coding 명령 탭이 화면에 나타납니다. 최신버전의 에디터플러스 설치하세요. 소개 : http://guny.kr/zen-coding-editplus/ Zen Coding 소개 동영상 : http://vimeo.com/40333685 http://code.google.com/p/zen-coding/wiki/Actions http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn 명령어 설명 - 단축키 잘..

웹개발/HTML&CSS 2012. 5. 16. 10:28
트위터 css , 이미지 버튼

http://twitter.github.com/bootstrap/index.html

웹개발/HTML&CSS 2012. 2. 3. 15:25
이전 1 2 3 다음
이전 다음
D-DAY
최근에 올라온 글
  • ES6 TODO 1
  • php7 클로져 사용하기
  • 베일리 어게인 영화 후기.
  • 알고리즘이 변화는 이유
최근에 달린 댓글
  • 감사합니다 설명을 명쾌하게 해주셨네요
  • 좋은 기사입니다. 여기에서 많은 유용한 것들을 찾을 수⋯
  • 그동안의 고되가 느껴지는 글이네요. 도움 감사합니다. ⋯
  • 정리를 너무 잘 해주셔서 이해가 많이 됐습니다. 태그⋯
Total
1,069,808
Today
2
Yesterday
7
링크
  • 네오미르
  • 아톰양
  • bloodguy
  • White Life Story :: White Life…
TAG
  • SlideShow
  • 할머니
  • 코엑스
  • 아들
  • jQuery
  • 아이폰 발행
  • selectbox
  • zen coding
  • jquery Custom Event
  • 아이폰
  • 사랑이
  • events
more
«   2023/03   »
일 월 화 수 목 금 토
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
글 보관함
  • 2019/04 (2)
  • 2018/11 (1)
  • 2018/03 (1)
  • 2017/12 (1)
  • 2017/10 (2)

Blog is powered by Tistory / Designed by Tistory

티스토리툴바