티스토리나 구글 블로거, 워드프레스 등 CMS 나 웹페이지에 html 을 직접 삽입할 수 있다면, 간단하게 유튜브 동영상을 반응형으로 코드를 생성할 수 있습니다. 반응형 라이브러리인 부트스트랩이나 파운데이션, CSS 프레임워크를 스킨에 사용한다면 기본 지원하는 동영상 등 반응형 embding 코드를 사용하면 되는데요. 티스토리 기본 제공 반응형 스킨이나 판매용 스킨들도 코드를 기본으로 지원하는 경우가 많지는 않습니다. Embed Responsively 이구요. 말그대로 반응형으로 삽입하다! 이구요. 유튜브 동영상의 경로 붙혀넣기 만으로 반응형 html 코드를 생성할 수 있습니다. Embed Responsively 바로가기: http://embedresponsively.com/ 먼저, 페이지 접속하면 간단..

디자인 2021. 8. 27. 17:35

소개해 드릴 디자인 소스는 수정해서 바로 사용가능한 명함 템플릿 파일입니다. ai, psd, eps 등 파일종류는 다양하지만, 모두 색상, 위치, 전화번호, 이름 등 수정하실 수 있습니다. 한글로 변환 하면, 좀 어색한 면이 있을 수 있으니 글꼴 바꿔가면서 작업하시면 좋을 것 같습니다. 요즘은 한글도 무료로 글꼴이 다양하게 있으니 말이죠. 파일 공개해주신 분들께 감사의 말씀을 전하구요. 아래에 미리보기 이미지와 다운로드 링크 같이 작성해 놓겠습니다. Free Modern Business Card Design & Logo Template 깔끔한 느낌의 명함입니다. 앞면은 어두운 계열, 뒷면은 흰색과 로고로 채워놓았습니다. 탭메뉴같은 디자인 구성도 눈에 띄구요. 회사명함으로 사용해도 손색이 없겠습니다. 로고..

디자인 2021. 8. 17. 18:21

기아 SUV 풀체인지 스포티지 내외관이 공개되었는데요. 15년 4세대 이후 6년만의 풀체인지 된 5세대 모델입니다. 훨씬 이전 세대 보다 훨씬 날렵해 보이는 모습으로 보이구요. 기존 타이거 노즈 디자인으로 그릴은 검정색으로 힘이 느껴지네요. 내장 인테리어도 사용자 중심 설계로 깔끔하니 이쁘게 나온 것 같습니다. 기아 제공 템플릿 사진이라 실물 사진이 나오면 좀 다른 느낌일 수 있겠지만, 전체적으로 날렵해 보이고 비율도 좋아보입니다. 그리고, 같이 공개된 디자인 차별화 모델인 그래피티 도 사진도 공개됐는데요. 색상 때문인지 기본 모델 보다는 조금 더 중후하고 볼륨감이 느껴지는구요. 경쟁 모델인 투싼, qm6 보다는 좀 더 젊은 느낌이긴 한데, 좀 더 정보가 공개되어야 비교가 될 것 같습니다. 신형 스포티지..

디자인 2021. 8. 9. 11:04

오늘 소개해드릴 영문폰트는 서부영화 느낌나는 웨스턴 스타일의 영문폰트입니다. 서부영화 포스터나 악당들의 현상금 이미지 등에 나올만한 느낌이구요. 비슷한 느낌으로 디자인 제작할 때 유용하게 쓰일 수 있습니다. 글자 느낌만 봐도, 영화 속 현상범 사냥꾼이 된 듯 총잡이가 된 느낌이 납니다~ 많이 쓰이진 않겠지만 말이죠^^; 먼저, 제작하고 공개해 주신 분들께 감사의 말씀을 전합니다. 아래 페이지에서 미리보기 이미지 및 다운로드하실 수 있습니다. Knox Font Family Mcraft Studio에서 제작한 폰트 입니다. 총 6종의 패밀 폰트인데, 기본 1종만 무료 데모 버전으로 제공합니다. 아쉽게 개인사용자만 무료로 이용할 수 있습니다. 웨스턴 느낌과 모던한 느낌을 동시에 보여주는 글꼴입니다. 유료 풀 ..

디자인 2021. 7. 9. 17:55

유료 디자인 리스소 제공 업체인 엔바토마켓(EnvatoMarket) 에서 운영하는 테마포레스트(themeforest) 에서 3종 총 131달러에 해당하는 워드프레스 테마를 무료로 공개했습니다. 요즘 티스토리와 네이버 관련해서 여러가지 변경 등으로 새로운 플랫폼 중 워드프레스 또한 하나의 대안으로 많이들 준비하고 있는데요. 기본적으로 워드프레스 플러그인, 테마 카테고리에도 바로 사용할 수 있는 공개 테마들이 많이 존재하지만, 테마포레스트나 크리에이티브마켓 같은 유료 기반의 테마, 외주작업나 프리랜서 알바 할 때는 구매해서 사용하지만. 개인 블로그용으로 구매해서 쓰기에는 조금 부담 스러웠는데요. 가끔 무료로 공개할 때, 다운로드 받아 두시는 것도 좋습니다. 테마포레스트 무료 워드프레스 테마 다운로드 - ht..

디자인 2021. 7. 9. 17:30

윈도우 메모장 없어서는 안될 프로그램 중에 하나죠. 빠르게 실행되고, 간단하게 뭐든 적고 저장할 수 있고 말이죠. 가독성도 괜찮아서 유용하게 쓸 수 있는 유틸입니다. 하지만, 뒤로가기(Ctrl+z) 가 한 번 밖에 되지 않아서 좀 긴 글을 적거나 간단한 코드들 작성할 때 사용하기는 조금 부족한 면이 있습니다. 실제 예전에 메모장으로 코드짜는 개발자를 보기도 했지만 말이죠. 소개할 프로그램은 메모장 대용으로 쓸만한 간단하고 빠르게 실행되는 메모장2입니다. 먼저 다운로드페이지 확인해 주시구요. 다운로드(ENG): http://www.flos-freeware.ch/notepad2.html 다운로드(한글화 버전): http://teus.me/category/IT/Notepad2 메모장2(Notepad2) 다운로..

디자인 2021. 7. 7. 17:10

요즘은 브라우저 등 기술 발전으로 왠만한 작업은 웹으로 작성가능합니다. 네이버 오피스나 구글의 문서, 스프레드시트, 프레젠테이션을 충분히 활용할 수 있으니 말이죠. 편리함이나 익숙함은 아직은 MS 오피스나 한컴오피스 등이 있지만요. 가끔 급하게 한글 hwp 파일을 워드파일로 변환해야 하는데, 한컴오피스나 한글이 설치되어 있지 않을 때 간단하게 웹에서 MS 워드 파일인 docx 나 doc 로 변환할 수 있는 방법입니다. 온라인 컨버팅 툴인 Free Online File Converter 에서 변환해 보실 수 있는데요. Free Online File Converter 바로가기 - https://www.freefileconvert.com File Converter - video converter, audio ..

디자인 2021. 7. 5. 16:37

구글 번역에서 제공하는 무료 웹사이트 번역기를 티스토리 등 블로그에 설치하는 방법입니다. 가끔 블로그 보면, 위젯으로 번역기 제공하는 곳들 있는데요. 해외에서도 쉽게 접근할 수 있는 통로라 기본으로 설치해 놓으면 좋을 것 같습니다. 그럼, 코드를 구글번역에서 받을 수 있는 방법 순서대로 소개해 드리겠습니다. 먼저, 구글 번역 웹사이트에 접속합니다. https://translate.google.com/ 페이지 하단의 Google 번역 정보 를 클릭해 주시구요. 이동된 페이지에서 도구를 선택합니다. 페이지 내에 관련 앱 등 설명 들 있으니, 유튜브 영상 참고해서 보시면 좋습니다. 무료 웹사이트 번역기 시작하기를 클릭합니다. 웹사이트에 지금 추가 버튼을 클릭합니다. 웹사이트를 추가하기 위해서 인터넷 주소 UR..

디자인 2021. 7. 2. 17:16