반응형 컴퓨터 활용14 [CSS] 유튜브 동영상을 반응형 웹에 넣는 방법은? [CSS] 유튜브 동영상을 반응형 웹에 넣는 방법은? 개인적으로 근무하는 곳 홈페이지를 개편 하기 위해 html과 css를 다시 정리하고 있습니다. 궁금한 내용들을 인터넷으로 검색하면서 정리하는 내용들을 이 곳에 함께 정리하려고 합니다. 검색해서 오신 분들에게는 좋은 정보를 제공하고, 저 자신에게는 다음에 참고할 자료를 정리하는 의미로 기록을 남깁니다. 누군가에게 조금이나마 도움이 되었으면 좋겠습니다. 1. 무엇이 문제인가? 수정하려는 웹페이지에 유튜브 동영상을 iframe을 이용하여 링크하려고 했습니다. 그런데 반응형 웹 스타일로 적용을 하려니 작은(?) 문제점에 봉착하게 되었습니다. 유튜브 동영상 소스가 반응형이 아니다보니 반응형 웹디자인에 유튜브 영상을 넣었을 때, 웹브라우저의 가로 크기가 줄어들면.. 2015. 11. 2. [CSS] div와 span, id와 class는 무엇이 다른가요? [CSS] div와 span, id와 class는 무엇이 다른가요? 개인적으로 근무하는 곳 홈페이지 개편을 하기 위해 html과 css를 다시 정리하고 있습니다. 궁금한 내용들을 인터넷으로 검색하면서 정리하는 내용들을 이 곳에 함께 정리하려고 합니다. 검색해서 오신 분들에게는 좋은 정보를 제공하고, 저 자신에게는 다음에 참고할 자료를 정리하는 의미로 기록을 남깁니다. 누군가에게 조금이나마 도움이 되었으면 좋겠습니다. 1. 그룹화 요소 (div와 span) div 요소는 블록(block) 레벨 요소이며 인라인(inline) 요소와 텍스트를 포함하고 다시금 블록 레벨 요소를 포함할 수 있습니다. 한편 span 요소는 인라인(inline) 요소이며 인라인 요소와 텍스트를 포함하지만 블록 레벨 요소를 포함할 수.. 2015. 10. 31. 무료 이메일 관리 프로그램 - 썬더버드(Thunderbird) 사용해보기, 지메일 Gmail, 네이버 Naver 메일, 다음 한메일 Daum hanmail 메일 설정하기 무료 이메일 관리 프로그램 - 썬더버드(Thunderbird) 사용해보기, 지메일 Gmail, 네이버 Naver 메일, 다음 Daum hanmail 한메일 설정하기 저는 개인적으로 다양한(?) 종류의 이메일 계정을 가지고 있습니다. 구글의 Gmail, 네이버 메일, 다음 한메일 등 여러 종류의 메일 제공 업체의 메일 서비스를 활용하고 있죠. 여러 계정들을 통합하여 활용하고 싶은데, 괜찮은 프로그램이 없을까 고민을 하던 중에 모질라 Mozilla 에서 제공하는 썬더버드 Thunderbird라는 이메일 관리 프로그램에 대해 듣게 되었습니다. MS에서 나온 아웃룩(Outlook) 프로그램도 있지만 오피스 프로그램을 구입해야 사용할 수 있으므로 무료 프로그램을 찾던중에 발견하게 된 것이죠. 이메일 관리 프로그램.. 2015. 10. 29. 포토샵으로 광택나는 고급진 아이콘 만들기, 유리로 덮은 듯한 예쁜 아이콘 Add Glossy / Shine Effect to Icon / Photoshop CS5 포토샵으로 광택나는 아이콘 만들기, 유리로 덮은 듯한 예쁜 아이콘 Add Glossy / Shine Effect to Icon / Photoshop CS5 단순하고 평면적인 느낌의 아이콘은 싫어! 좀 더 고급진 아이콘을 내 손으로 만들어 볼 수는 없을까? 특히 모바일 앱의 아이콘으로 많이 활용되기도 하는 광택나는 아이콘을 손 쉽게 만들어볼까요? 필요한 것포토샵 (Adobe Photoshop)기본적인 포토샵 기술 (Basic Photoshop Skills) 그럼 시작해볼까요? Step 1. 포토샵을 열고, 새 파일을 만들어 줍니다. 저는 가로 세로 길이를 각각 300 px 인 정사각형으로 만들었습니다. Step 2. 원형 툴을 선택해서 원형 아이콘틀을 만들어 줍니다. 원형을 그려줄 때 쉬프트(Shift) .. 2015. 10. 28. 이전 1 2 3 4 다음 반응형
