ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko ko ko hbs_lat ko ko ko ko ko ko fr ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
#26 파비콘 30초만에 적용하기 – 웹 코딩 강좌 | 디자인베이스
홈 웹 코딩 #26 파비콘 30초만에 적용하기 – 웹 코딩 강좌
이번 영상에서는 파비콘을 웹사이트에 쉽고 간단하게 적용하는 방법을 알아볼게요.
파비콘이란 favorites+icon의 합성어로, 인터넷 웹 브라우저의 주소창에 접속했을 때, 상단 탭의 왼쪽에 작게 보여지는 아이콘을 말합니다. 브라우저에 여러 사이트에 방문할 경우 브러우서 상단에 탭이 많은데, 그중에 심볼만 봐도 내가 만든 사이트라는걸 알 수 있도록 힌트를 줘야겠죠. 간단하지만 중요한 역할을 하고 있습니다.
파비콘 이미지 크기는 몇으로 하고, 어떻게 ico파일로 출력하는지, 그리고 HTML 코드로 어떻게 넣는지 다 알려드릴게요.
파비콘 제너레이터 – https://realfavicongenerator.net
예제 다운은 멤버십 회원 커뮤니티에 올린 링크에서 받으실 수 있습니다.
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 제가 사용하는 툴은 비주얼 스튜디오 코드(Visual Studio Code)를 사용하며 여러분이 다른 툴을 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.
#1 로티 강좌 소개 – Lottie.js 강좌
#31 완성된 코드 웹 서버에 올리기 – 웹 코딩 강좌
#3 앱 UI 디자인의 시작, OS 별 해상도 및 안드로이드 DP 단위 – 스케치 강좌
인공지능이 채색을 대신 해준다?!
그라데이션 컬러 추천해주는 사이트
저작권 완전 무료 이미지 사이트 모음
앱 개발 관련 일러스트 ai 파일
시네마 4D로 제작된 아기자기한 그래픽
아이폰 11 Pro 폰케이스 목업
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.