파이어폭스 썸네일형 리스트형 html5 Audio 태그 사용시 브라우저별 지원하는 오디오코덱 정리 html5 Audio 태그 사용시 브라우저별 지원하는 오디오코덱 정리 HTML5의 가장 특징적인 기술 중 하나를 뽑으라면 바로 플러그인 없이도 웹 브라우저에서 동영상을 재생할 수 있는 것이다. 하지만, 정작 많이 사용해본 적은 없다. 지속적인 시행착오가 필요할 것 같다...적어도 나에게...ㅜㅠ 아무래도 2010년 자료다 보니 지금은 많이 변했을라나?... 크롬이 갑이네...거의 다 지원되네... 무서운 구글... [파이어폭스 설정] 문서열때마다 새로고침 설정 방법 [파이어폭스 설정] 문서열때마다 새로고침 설정 방법 인터넷 익스플로어에만 있는 줄 알았는데 아니네요. 저도 검색하다가 찾아서 기록으로 남겨봅니다. 파이어폭스 인터넷브라우저에서 새로고침 했을시 예전이미지가 저장되 있어 그대로 보이는 경우가 종종 있습니다. 그럴때는 줄곳 그 사이트에 적용되 있는 캐시까지 지우는 새로고침인 Ctrl+F5번 키를 눌러 보곤 했습니다. 이렇게 사용하다 보면 저와 같이 홈페이지를 수정하거나 제작하시는 분들은 많은 불편함이 있습니다. 익스플로어는 설정란에 보면 옵션란에 페이지를열때마다 새로고침적용 할 수 있는 곳이 쉽게 자리하고 있지만 파이어폭스에는 없는줄로만 알았습니다. 그러나 파이어폭스에서도 설정 조작으로 인해 "페이지열때마다 새로고침" 적용을 할 수 있다는걸 알아 이렇게 방법을.. 현재 브라우저 대립관계 ㅎㅎ html, asp, php 에서 플래시로 변수 전달할때 크롬, 파폭에서는 전달이 안될때 혹은 유의사항이다. 아..익스에서는 잘 됐는데...파폭, 크롬에서는 안돼...요새는 페이지에 플래시를 삽입할 경우~~object 태그나 embed 태그를 동시에 써서, 크로스브라우징을 하게 된다. 예를 들어서 보통 html에서 flash로 변수값(parameter) 넘겨줄때 방법중 많이 쓰던 방식을 말하자면, 이렇게 object, embed 태그를 두번 쓰는 이유는 익스계열에서는 object 태그를 사용해 플래시를 가져오고, 파폭이나, 크롬에서는 embed 태그를 사용해서 플래시를 가져오기 때문이다. 그리고, 변수를 플래시에 넘길 시에는 get 방식으로 전달한다 한다면 ?, & 사용해서 하면 되었었다. 하지만, 익스플로러 옵션에서 temporary 설정을 auto(default)이상으로 해놓았을 경우. 이렇게 되면 temp.. 유명기업들의 로고 변천사와 미래의 로고 모습 ㅋ 유명기업들의 로고변화는 하나의 역사입니다. 삼성전자의 삼별이 로고는 솔직히 촌스러웠죠. 그러던 삼성로고를 엄청난 돈을 주고 지금의 단순한 형태로 바꾼게 93년부터입니다. 글로벌을 표방하던 삼성이 세계에 나가기 위해서는 기존의 삼별이 로고 대신에 새로운 로고가 필요했고 둥그런 파란 타원형 로고가 탄생했습니다. 해외 유명 기업들의 로고들의 변천사는 언제봐도 재미있죠. 그런데 유명 기업들의 미래의 로고는 어떻게 변할까요? http://stocklogos.com/topic/past-and-future-famous-logos 파이어폭스(FireFox,파폭)에서 임시파일을 [페이지 열 때마다] 로 변경하기 크로스브라우징...이젠 지친다... 1. 주소창에 about:config 를 입력한후, 고급기능 사용 동의를 클릭. 2.필터창에 browser.cache.check_doc_frequency 를 넣은후 값부분의 숫자(3)을 클릭. 3. 정수 값 입력창에 '1' 로 변경. - 관련 값 내용. 0: 현 브라우저 세션이 끝날때까지 한번만 체크 (파폭을 종료하기 전까지는 되도록 cache에서만 읽음) 1: 페이지에 들를때 마다 매번 체크 2: 체크하지 않음. (한번 cache되고 나면 늘 cache를 씀) 3 (기본 설정): 자동으로 주기적으로 체크 CSS 핵정리 - 핵과 필터 사용에 대한 주의사항 핵과 필터 사용에 대한 주의사항 CSS는 언어적인 측면에서 상위 버전 호환성을 잘 고려해서 설계되었다. 브라우저가 특정 선택자를 이해하지 못할 경우 해당 규칙을 전혀 적용하지 않게 된다. 마찬가지로 특정 속성이나 값을 이해하지 못할 경우 해당 선언을 모두 무시해버린다. 이런 기능으로 인해 새로운 선택자, 속성, 값이 추가되더라도 구버전의 브라우저에는 별다른 영향을 주지 않게 된다. 이런 특성을 이용하면 구식 브라우저에서도 안전하게 동작하면서도 최신 브라우저를 위한 규칙과 선언을 사용할 수 있다. 새로운 버전의 브라우저가 나올 경우 기존에 필터를 써야했던 CSS가 제대로 동작하게 될 것이다. 구버전의 브라우저에서 문제가 있어서 고급 CSS 기능을 사용했다면 새로운 버전에서는 이런 문제가 해결될 것이다. 이.. [Mobile] 모바일 웹 개발, 화면 확대 방지 viewport 출처 : http://htglss.tistory.com/66 모바일 웹을 개발하기 위해서는 일반 컴퓨터 환경과는 약간 다르기 때문에 고려해야 할 사항들이 몇가지 있습니다. 오늘은 처음으로 모바일 웹에 대해 이야기 하고자 하는데요. 모바일 웹이 일반 웹과 다른 것 중 가장 중요한 것은 접속하는 환경적인 차이가 너무 확연하게 크다는 것입니다. 이미 웹 표준이 대두되면서 크로스브라우징 문제가 많이 있었는데요. 우리나라의 인터넷 익스플로러 기반으로 개발된 많은 웹페이지가 다른 브라우져(파이어폭스, 사파리, 크롬, 오페라 등)에서 많이 깨지게 되는 현상입니다. 그래도 그나마 그것은 비슷한 컴퓨터 환경인데 모바일 환경은 그 차원이 달라집니다. 우선 OS부터에서 매우 다양하고, 마우스가 없으며 키보드가 제한적입니다... 크로스브라우징 CSS 핵 정리 Netscape 4 제외시키기 Netscape 4은 media속성값에 "screen"이외의 값이 올 경우 읽어 들이지 못하는 것을 이용한 방법이다. 이나 라고 지정할 경우 Netscape 4은 읽어 들이지 못한다. 부분적으로 읽어들이지 못하게 하는 경우에는 Caio's hack인 /*/*/를 이용한다. 보통 코멘트는 */으로 닫지만 /*/으로 닫게 되면 Netscape 4에서는 인식되지 않는다. 그 뒤에 평상시의 코멘트 /* */를 적어두면 그 뒤의 스타일은 Netscape 4에서도 문제없이 적용된다. p { /*/*/ color:white; /* */ } Win IE 3~4, Mac IE 4~4.5, Netscape 4 제외시키기 @import로 url()함수를 이용하여 외부 스타일시트를 이중인용부호로.. 이전 1 다음
