본문 바로가기

반응형

전체 글

(161)
[퍼옴]익스플로러 조건부 주석 효율적으로 사용하는 방법 출처: demun(대문블로그)http://demun.tistory.com/2267#headerIE는 버젼별로 조건을 걸어서 스타일을 작성하곤 합니다.그래서 HTML이 아주 조건부 주석으로 난잡해지고 또한 스타일시트도 버젼별로 만들어서 사용하곤 했습니다.하지만 좀더 간단하고 효율적인 방법이 있어 소개합니다. 아래의 경우는 제가 이번에 제작한 스킨인 Responsive 라는 스킨에도 포함된 마크업구조 입니다.반응형 티스토리 블로그 스킨 Responsive 를 소개합니다. -> http://demun.tistory.com/2264티스토리의 경우 스킨 편집에서 업로드하면 images  라는 폴더구조가 생깁니다.ie6,7,8 등의 스타일시트를 만들고, IE를 조건부로 스타일시트를 링크시킬려면 에 아래처럼 사용합니..
크롬,사파리에서 col width값 안먹음 http://stspace.tistory.com/319 간만에 웹 텝스트 하다 보니까, 이런게 있었네. 왜 여지껏 못느꼈지 결론은 태그 숨김처리하는 클래스에 position:absolute만 빼주면 된다. 내가 사용하는 리셋용에도 수정을 좀 해야겠다.
html5 video tag 사용시 위에 a링크등 ios safari에서 클릭 안됨 IOS safari에서htlm5 video tag사용시 controls 속성에 의해 position:absolute등으로 해당 영역의 위에 레이어가 겹쳐진 상태에서 내부에 a링크나 onclick등의 명령이 실행이 되지 않는 버그가 있다. stackoverflow부터 구글링을 계속해도 position 관련된 설정이나 controls 나 opacity등을 video 태그에 설정하란 얘기등이 있는데 다 안됨. 현재는 안드로이드에서는 제대로 동작하니, 디바이스 체크해서 스크립트로 안드로이드일땐 video 태그, 아이폰일때는 대체 이미지에 해당 동영상 링크를 건 태그를 읽도록 하는 방법이 대안이 되겠다.
Entity Code http://www.danshort.com/HTMLentities/index.php?w=money DescriptionCharacter (click)HTML EntityCode DecimalCode HexMonetary SymbolsCents sign¢¢¢¢Pound Sterling££££General currency¤¤¤¤Yen¥¥¥¥Euro€€€€Franc (French)₣—₣₣Euro-currency sign₠—₠₠Colon (Costa Rica, El Salvador)₡—₡₡Cruzeiro (Brazil)₢—₢₢Lira (Italy)₤—₤₤Mill (US$.001)₥—₥₥Naira (Nigeria)₦—₦₦Peseta (Spain)₧—₧₧Rupee (India)₨—₨₨Won (Korea)₩—₩₩Ne..
iscroll시 native scroll 적용되게 iscroll.js 에서는 기본 스크롤하기전에 이벤트 막는것을 제거한다 아래처럼 iScroll v4.2.5 버전 기준,하위도 크게 상관없을것으로 보임 //onBeforeScrollStart: function (e) { e.preventDefault(); },onBeforeScrollStart: function (e) { }, 그리고 해당 스크롤 사용할 스크립트에, 붉은색 부분을 추가해준다.stackoverflow에서 검색했는데, http://stackoverflow.com/questions/7800261/iscroll-with-native-scrolling-on-one-axis여긴 onBeforeScrollMove를 썼는데, 그렇게 하니, 안드로이드에서(버전 상관없이, 진저에서 아이스크림 샌드위치까지)전..
css overay trick 원본이미지 하나로 그레이 필터효과를 사용하려면, (이미지 2개 쓰기 싫으니까) -webkit-filter: grayscale(100%); 인가를 주면 되는데, 이게 when can I use보면 http://caniuse.com/#search=grayscale 모바일쪽은 지원이 안된다. 고로 스크립트로 짜거나, 누가 이미 만들어논 jquery plug in 쓰면 되는데 쓸데없이 코드 길어지는것도 싫고 ,플러그인 추가하는것도 싫고 그래서. http://jsbin.com/igahay/1/edit 여기 보면, css에 before를 사용해 하는 편법?(트릭)을 사용하는 방법이 있다. 유용하다..
ie 핵 다시 참고 : http://paulirish.com/2009/browser-specific-css-hacks/ 속성 핵 /* IE6, IE7, IE8, but also IE9 in some cases :( */ #diecinueve { color: blue\9; }
카페 주소 보고 http://cafe.naver.com/pazdora 점심시간에 위키좀 보려고 했는데, 어려워서 새문서 만드는거 자체를 못하고 헤메다가 그냥 쓰기편한 네이버에 카페를 만들었습니다. 다음을 더 좋아하는데 네이버쪽이 이용자가 많은 관계로현재 각 게시판별 하나씩만 정보를 이런식으로 가져오겠다고 구성만 해놨구요.대문도 임시로 그냥 짤라다 붙여놓고, 몬스터일람도 샘플처럼 만들 예정이고, 각 던전별(위키처럼) 기본정보를 뿌려 놓고 그 게시물에 댓글형식으로, 정보가 오갈수 있게 될 예정입니다.

반응형