web sprit

영상 작업을 하고 아이폰(아이폰12 미니) 기기로 test를 하는중 하얀 배경으로 되어진 영상주변에 테두리 라인이 보이는 현상을 확인 하였습니다. border도 0이고 다른 라인이 들어갈만한 효과를 준 내용도 없었습니다. 같이 일하는 친구의 도움으로 아래와 같은 내용을 확인할 수 있었습니다. video { -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } video 태그에 위와 같은 css 속성을 넣으니 사라지는 것을 확인했고 이런 문제를 경험하신 분들에게 도움이 되었으면 합니다. 참고 https://stackoverfl..

문제점 Swiper js를 사용하여 모바일의 슬라이드를 만들어 보았다. 문제는 스크롤 시 반복되는 사로 슬라이드가 있는데 스크롤을 위에서 아래로 내리고 다시 위로 올리면 슬라이드를 조작하는 nav 버튼이 사라져서 안보인다는 것이 문제다. 안보여도 누르면 기능은 동작한다. 해결방법 z-index문제일거라면 큰 오산이다. 이미 z-index의 값은 슬라이드 움직이는 리스트보다 nav가 더 크게 잡혀있었다. 검색을 하다가 우연히 발견한 크롬fixed 버그에 대한 내용이다. 크롬에서 fixed를 사용하면 사라지는 버그가 있다고 한다.(?) 우선 한번 그대로 아래와 같은 내용을 넣었다. .target{ -webkit-backface-visibility:hidden; -webkit-transform:translat..

반응형 사이트를 작업하면서 생긴 이슈입니다.iframe을 모바일에서 스크롤 안되는 문제가 있었는데특히 사파리(아이폰에서 안된다능....)에서 안된다는 이슈가 있었습니다. 특정 영역 안에 iframe을 넣으면 스크롤이 안될뿐더러 모바일 화면에서 영역을 벗어나 넘치는 현상입니다. 구글신(?)의 힘을 빌려 서치하던 중 여러가지 해결 방법이 있었는데제가 잘못 적용한것도 있을 수 있지만 완벽하진 않았습니다. 그래서 조금 수정해서 올려봅니다.HTML123 Colored by Color Scriptercs SCSS1234567891011.iframe-wrap{ border: 1px solid #d6d6d6; height: 150px; overflow: auto; -webkit-overflow-scrolling: to..

아이폰8+로 바꾸면서이전 아이폰에 메일 등록하는 방법이 생각이 안나 이렇게 포스팅하게 됩니다. 어렵지 않으니 순서대로 따라해 보시기 바랍니다~ ^^ 우선 메일 연동을 위해선 네이버 메일 서비스에서 간단한 설정이 필요합니다. 1. 네이버 메일 페이지로 이동 후 POP3/IMAP 설정하기위의 순서대로 작업 하십시요 ㅎ 1. 외부메일 가져오기 또는 톱니바퀴모양 클릭!2. POP3/IMAP 설정 클릭!3. POP3/IMAP 설정 탭 클릭!4. 사용함 클릭 2. 아이폰 설정하기기존 알아본것과 다르게 아이폰이 업데이트 되면서 내용이 조금 다르게 바꼇네요.오늘 기준으로 최신이니 안심하세요 ㅎ기존의 메일 계정을 추가 안하셧다면 상관 없지만 추가하신 상태에서 다른 메일을 추가하려면 이 방법을 따라하시면 됩니다. 물론 계..

아이폰 8로 바꾸면서아이폰 5s 골동품(?)을 초기화 하여 사용하기로 합니다. 이런저런 방법 필요없이 간단한 방법이 있더군요 ㅎ~자 그럼 설명 들어갑니다! 1. 설정 클릭 (톱니바퀴 모양) 2, 일반클릭 3. 재설정 클릭 4. 모든 콘텐츠 및 설정 지우기 클릭 위와 같은 순서로 진행 하였다면 초기화 완료~!!!간단하게 아이폰 초기화 하는 방법에 대해 알아봤습니다.

모바일 제작이나 반응형웹을 제작할때 부딪힐 수 있는 문제입니다.마크업을 작업하면 PC로 비교해보면서 작업을 하게 되는데요.쉽게 지나치고 모바일에서 확인했을때 전화번호로 되어진 부분예) 010-xxxx-xxxx 전화번호 부분을 IOS 모바일로 확인했을때 링크로 인식하여 내가 의도치 않은 색으로 지정되어 집니다.황당하죠....이 현상은 IOS는 전화번호 자동링크로 인식하여 화면의 UI 나 디자인에 영향을 미칩니다. 그럼 바로 해결 해야죠. 아래의 메타태그를 head 태그 안에 입력해 줍니다. 그럼 원래 지정했던 색이 적용되어 모바일에서 확인하실 수 있습니다.IOS 에서 자동 링크로 전화걸기를 연결하지말고 원래 디자인은 적용하면서 전화걸기 링크를 넣으려면 다음과 같은 방법을 사용하십시오.전화걸기그럼 모바일에서..