본문 바로가기

IT

 (198)
Kalam Font / 영문폰트 Kalam Font Kalam Font Family | Download Free Fonts for Desktop and Webfonts Download the Kalam font for free to create great typographic content. www.cufonfonts.com license: Public domain, GPL, OFL
Baloo Chettan 폰트 다운 / 무료 영문 폰트 / 폰트추천 귀여운 Baloo Chettan 폰트 Baloo Chettan Font | Download Free Fonts for Desktop and Webfonts Download the Baloo Chettan font for free to create great typographic content. www.cufonfonts.com
Cofolios / 페이스북, 구글, 애플 등에서 일하는 인턴 디자이너의 포트폴리오? 안녕하세요 웹디자이너 마리입니다. 오늘은 페이스북, 구글, 애플, 아마존 등에서 인턴을 하고 있는 디자이너들의 포트폴리오를 소개하고 있는 사이트를 소개해 드릴 건데요. 바로 Cofolios라는 사이트예요 들어가면 인턴 디자이너들의 포트폴리오를 볼 수 있어요. 사이트에 Resume도 참고하면 좋을 것 같아요 포트폴리오를 만들 때 도움이 되었으면 좋겠어요! Cofolios Cofolios helps design students land jobs and discover the best design interns at top tech companies. cofolios.com 저는 그중에 마음에 드는 포폴 몇 개를 캡처해봤어요.
[무료폰트]스포카 한 산스(Spoqa Han Sans) / 웹폰트로 사용하기 2015년 한글날 공개한 커스텀 글꼴, 스포카 한 산스 https://spoqa.github.io/spoqa-han-sans/ko-KR/ Spoqa Han Sans Spoqa unveil the new version of Spoqa Han Sans, which has evolved in many ways. | 여러모로 개선을 거쳐 진화한 스포카 한 산스 두 번째 버전을 공개합니다. | これまでいろいろ改善して進化した新しいスポカーハンサンスを公開します。 spoqa.github.io 웹폰트로 사용하기 스포카 한 산스를 웹폰트로 사용하시려면 두 가지 방법이 있습니다. 1. 스타일 시트에 아래의 코드를 넣거나, @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanS..
파비콘(favicon) 변환 및 적용하는 방법! 오늘은 파비콘 변환 및 웹사이트에 적용하는 방법에 대해 알아볼건데요. 먼저 파비콘이란? favorites + icon의 합성어로 인터넷 브라우저에서 즐겨찾기를 하면 생기는 아이콘을 지칭해요. 파비콘은 기본적으로 ico파일입니다. ico 파일을 만들기 위해서는 특정 프로그램을 사용해야하는데 우리가 사용하는 포토샵에서는 ico파일을 지원하지 않아요. 하지만 파비콘 파일로 변환해주는 사이트가 있어요. STEP 1 CONVERTICO convertico.com ↓ 사용방법은 아주 간단해요. 회원 가입 필요없이 png 파일을 업로드하면 ico파일이 생성되어 다운받으면 됩니다. STEP 2 파비콘ico파일이 생성되었으니 이제 웹사이트에 적용을 해주어야겠죠? HTML 안에 아래 코드를 넣어주면됩니다. 저는 img폴더..
[웹디자이너] 포토샵 시안 제작 가이드! Adobe Photoshop CC를 기준으로 포토샵 시안 제작 가이드에 대해서 알아보도록 하겠습니다 ↓ 동영상을 참고해주세요 https://www.youtube.com/watch?v=shDovOnzJaA&feature=youtu.be 초보 웹디자이너분들께 도움이 될까 해서 올려요 먼저 File > New(ctrl + N)를 눌러 새파일을 열어주세요 저는 보통 넓이 1200에 높이 1920으로 만들어줘요 새파일을 열었다면 View > New Guide Layout을 열어주세요 위 화면이 나오면 Number :12 , Gutter :20px, margin: 0 16px 0 16px 으로 잡고 OK해주세요! 그러면 위화면처럼 안내선이 나타나요 여기서 아래, 위 안내선(노란색 표시해둔부분)은 지워주세요! 그리고..

티스토리툴바