본문 바로가기

M-media/WEB Dedign

Social Media Specs Cheat Sheet 2015. 12. 23.
티스토리에 슬라이드 베너 달기 2015. 12. 9. 기존의 홈페이지를 제작 할때는 계정의 정책이나 선택하는 언어에 따라 슬라이드 베너를 자유롭게? 넣을 수 있지만 티스토리에서는 여러가지 제약조건에 의해 자유롭지 못합니다.그래서 다른 플로그인 개념의 서브 프로그램에 의존 하게 됩니다. 그중 하나가 제이쿼리입니다.여러 복잡한 사항들을 아주 간단 하게 해결해 줍니다.제가 오늘 제 티스토리에 슬라이드를 설치 한것 처럼 여러분들도 도전을 한번 해 보시기 바랍니다. 제이쿼리는 타인이 만든 것을 손쉽게 설치할 수 있어서 사용하기 아주 편리합니다. 웹 애니미에션 프로그램으로 플래시가 많이 쓰였는데 애플 아이폰에서 플래시를 제외시키고 제이쿼리로 대체하면서 제이쿼리에 대한 관심이 높아졌습니다. 플러그인을 만들려면 제이쿼리와 자바스크립트에 대한 지식이 많아야하겠지만 어떤 프..
Develop a website 2015. 12. 6.
Social Media Image Sizes Guide 2015. 12. 6.
facebook Image sizing cheat sheet 2015. 12. 6.
http://enjoyfiji24.com/ 사이트 종료!! 2015. 10. 29. 그제 매일이 하나왔는데 호스팅 만기일 이라 갱신하라는 매일이었다. 여기 피지에 와서 취미로다가 사이트를 하나 만들었었다. 그땐 여기 생활에 막연함 때문에 뭐라도 해야했다.사이트를 만든다는 건 원래 여러과정을 거쳐야 하고 나름 전문적인 분야라 손이 많이 가는 작업이다.대학에서 멀티미디어공학을 전공한 나는 1학년때 교내 홈페이지제작 경연대회를 했었고 50만원인가 하는 상금도걸려 있어 '한번해볼까?' 라고 시작 한게 금삼!!그때 똑똑한 복학생 학년으로는 선배애가 하나 있었는데 금산에서 인삼밭을 하는 나름 시골에서 외아들에 귀하게자란 아이였다. 같은과라 자주 봤었는데 홈페이지 경연대회 같이 나가자는 말이었다.녀석의 제안은 자긴 상금은 관심없고 만약에 입상하면 상장은 지가 가지겠단다. ㅎㅎ 고놈 참~난 그러자했다..
티스토리의 반응형 사이트 스킨 반영 2015. 10. 15. 반응형 사이트 라는 말이 나온지 몇년이 지났다.다양한 크기의 디스플레이를 가진 디바이스들이 많이 나오면서 홈페이지들이 혼란기를 격은 것이다.사이트를 제작하는 단위가 픽셀을 가지고 하는 것이니만큼 디스플레이의 크기와 비율이 제각각 달라지므로 디자인이 원하지 않게 짤리는 등의문제점과 운영체계에서 오는 기능상의 문제도 등장 하게 됐다.웹의 표준화와 언어들의 발달로 더욱 다양해지고 복잡해진 웹디자인 세계에 하나의 트렌드처럼 등장한 것이 반응형 사이트이다. 저의 사이트는 다음에서 서비스하는 티스토리 라는 블로그와 홈페이지를 섞어 놓은 듯한 독특한 서비스이다.계정을 가지는 것도 초대장이 있어야만 가입이 가능한 아! 폰으로 계정을 만들게 되면 초대장 없이도 가능하다.기존의 블로그나 카페 같은 서비스는 디자인의 자율성..
유튜브 동영상 반응형으로 삽입하기 2015. 7. 23. 유튜브(YouTube)의 동영상을 사이트에 넣을 때 보통 iframe 소스를 이용합니다.유뷰브에서 제공하는 코드는 다음처럼 생겼습니다.width와 height가 정해진 고정 크기입니다.고정폭으로 디자인된 사이트라면 크기를 조정해서 넣으면 되지만, 반응형이라면 곤란합니다. 웹브라우저의 가로폭이 줄어도 동영상의 크기는 줄어들지 않기 때문입니다.iframe { width: 100%; ​ height: auto; }로 스타일링하면 가로 크기는 변경되지만 가로 세로 비율이 맞지 않습니다.Bootstrap은 이 문제를 해결하는 코드를 포함하고 있습니다.16:9 동영상이라면 다음과 같은 형식으로 만들면 됩니다. 4:3 동영상이라면 다음과 같은 형식으로 만들면 됩니다. 예제responsive-embed-01.html ..

티스토리툴바