본문 바로가기

탐구, DISCOVER/Web development

[HTML/CSS] 간단하게 스크롤바 색상 바꾸기 Scrollbar 스크롤바 색상을 바꾸는 것만으로 홈페이지 느낌이 달라지지요. 개인적으로 톤이 강한 색을 많이 쓰는 웹페이지에 더 잘 어울리는 것 같아요. 예를 들어 블랙/화이트 배경을 가진 홈페이지에 포인트로 줘도 좋겠고, 테마 색상에 맞춰 보색 효과를 주기에도 유용하고요. 간단하게 CSS로 스크롤바 색상 변경하는 법을 함께 알아 볼게요. 단, 이 방법은 파이어폭스랑 익스플로러 IE/Edge와는 호환되지 않고 Webkit 브라우저인 크롬, 사파리, 오페라에서만 활용 가능합니다. Style/CSS 아래 소스를 html 파일 사이에 추가하거나 CSS 파일 body 뒤에 바로 붙여 넣기 하면 됩니다. (예: body::-webkit-scrollbar....) ::-webkit-scrollbar{width: .. 더보기
[홈페이지/블로그 꾸미기] 파비콘 생성 및 적용하기 Favicon=Favorites+Icon 구글, 네이버 등 웹서핑을 하다 보면 탭 타이틀, 웹 브라우저 창에 조그만 아이콘이 보이죠? 홈페이지를 꾸미는데 필수로 하다시피 한 파비콘(favicon)은 favorites과 icon의 합성어로 즐겨찾기에 추가하거나, 웹서핑 시 표시되는 아이콘을 의미합니다. 작은 시도지만 아이콘 추가만으로 홈페이지 개성을 드러낼 수 있을뿐더러, 특히 브랜드 로고와도 같이 웹 identity를 표현하는 대표적인 방법이지요. 전 데스크탑, 모바일 브라우저를 지원하는 방법도 있지만 제일 간단하게 파비콘을 생성 및 적용하는 방법을 알아볼게요. 파비콘 만들기 우선, 원하는 이미지(png, jpg, gif)를 파비콘의 파일 확장자인 .ico로 변환 혹은 생성해 주어야 합니다. 웹 브라우저.. 더보기
봄의 프랑스 생활, 티스토리 블로그로 이사한 이유 Bonjour, Newcomer 처음으로 진지하게 쓰는 블로그 첫 글! 네이버 블로그를 운영하다가 바쁜 생활에 잠시 쉬고 있었다. 다시금 블로그를 시작하려다, 새로운 동기 부여가 필요한 참에 티스토리 발견. 우선, 티스토리 초대장 얻기가 생각보다 어려워서 놀랐다. 다행이도 지인이 초대장을 나눠줘서 블로그 오픈 (감사해요!). 잘 운영하고 있던 블로그를 이사하게 된 주된 이유는 자기 계발의 기회 대부분 티스토리 블로거들이 그러하듯, 디자인과 기능의 Flexibility가 가장 큰 이유였다. 요즘 IT/디지털 분야로 이직을 준비하면서 프로그래밍 언어에 관심이 많아졌는데 확실히 이 분야는 티스토리 블로거들이 많다. 내 글이 남에게도 도움이 되지만, 나에게도 도움이 되는 그런 경험이길 바랐다. 이론보다는 실제로.. 더보기