본문 바로가기

개발자 도전기107

[HTML]나만의 파비콘(Favicon) 간단히 만드는 방법 (feat. favicon.cc) 파비콘(favicon)이란? Favorite icon의 줄임말입니다. 웹사이트를 브라우저에 열었을 때, 탭 좌측에 표시되는 아이콘입니다. 반드시 정사각형 형태의 이미지를 사용해야 합니다. ICO format에 따라 권장되는 사이즈는 16x16, 32x32, 48x48 pixels 입니다. 이번 포스팅에서 설명드릴 내용은 나만의 파비콘 만드는 방법입니다. 1. favicon.cc 웹사이트 접속 → Create New Favicon 버튼 클릭 광고가 조금 뜨긴 하지만, 무료로 사용할 수 있는 웹사이트입니다. 2. 펜으로 그리기 오른쪽 Color Picker에서 원하는 색상을 선택할 수 있습니다. 3. 파일 다운로드 하단에 Download Favicon을 클릭하면, 본인이 그린 이미지를 파비콘 사이즈에 맞게 .. 2023. 1. 26.
[CSS] 기본 문법 selector { property : value; } selector : Who? 어떤 대상을 바꿀 것인가 선택 property: What? 선택한 대상의 어떤 것을 바꿀 것인가 value : How? 어떤 값으로 바꿀 것인가 h1 { color: #66BFBF } /* Who? h1 태그를 What? h1 태그의 color를 How? #66BFBF 색상으로 */ 2023. 1. 26.
[CSS] 웹 개발자를 위한 Chrome Extension 추천 - 박스 형태로 표시 (feat. presticide for Chrome) 개발자에게 유용한 Chrome Extension 추천. CSS 작업을 할 때, 전체 구성 요소들을 화면에서 바로 볼 수 있도록 돕는 Extension이다. 1. Chrome web stor로 이동한다. 2. Presticide for Chrome을 검색하여 설치한다. 3. Chrome 우측 상단에 더보기 버튼 > Setting에 들어간다 4. Extenstions을 선택한다. 5. Presticide for Chrome의 Detail을 선택하여, Allow access to file URLs을 체크한다. 이렇게 설정해주면 끝. 2023. 1. 25.
[CSS] 웹 개발할 때 유용한 색상 정보 사이트(feat. Color Palette) 웹 개발할 때, 어떤 색상을 사용할지 고민이 되는 경우가 많다. 나처럼 디자인 감각이 부족한 사람들에게는 더욱이 그렇다. 그런 고민을 덜어 줄 사이트를 알게 됐다. 'Color Hunt' 인기있는 색상 조합을 추천해준다. 한 두 가지 색상만 알려주는 것이 아니라, 조화로운 색상을 알려주는 웹 개발 할 때 유용하다. 색상에 마우스 커서를 올리면, 색상 코드를 확인할 수 있다. https://colorhunt.co/palette/b9f3fcaee2ff93c6e7fedeff Color Palette: #B9F3FC #AEE2FF #93C6E7 #FEDEFF - Color Hunt Discover the newest hand-picked color palettes of Color Hunt. Get color i.. 2023. 1. 25.
윈도우10에서 이모지 사용방법 WIN + . 또는 WIN + ; 2023. 1. 25.
프로필 사진 편집하기 편한 웹사이트(feat. IMAGEONLINE.CO) 사진만 업로드하면, 동그랗게 잘라준다. 다운로드해서 사용하면 간편하다. 광고가 조금 있긴 하지만, 불편할 정도는 아니다. 간편하게 사용하기 좋다. https://crop-circle.imageonline.co/ Crop a circle in image online - free tool Supporting file formats Most of the common image formats like (.jpg, .jpeg, .png, .bmp etc..) are supported, you can upload any type of images, irrespective of size and dimensions to do a circle cropping. crop-circle.imageonline.co 2023. 1. 24.