디자인 시계 만들기 도전
일본의 웹사이트를 보다가 멋진 시계 형태의 사이트를 보고 비슷한 디자인으로 시계 만들기를 시도해 보았다. 모바일에서의 초의 위치를 데스크탑 화면과는 좀 다르게 조정했다. 노란색 원은 시간, 하늘색 원은 분, 빨간 막대기는 초를 나타낸다. 그리고 마우스를 시계위에 올리면 디지털 시계가 표시된다. 00:00 @import url('https://fonts.googleapis.com/css?family=Gamja+Flow..
IT/블로그 2018.05.18 21:04
티스토리 이벤트 명함과 메모장, 스티커 도착
지난달 티스토리 명함 이벤트에 당첨 소식을 접하고 경품을 고대해왔다. 최근 다른 블로거들의 글들에서 경품 수령한 글들을 보고 왜 나만 안오나 했는데 드디어 나에게도 경품이 도착했다. 대충 경품의 내용물은 이미 알고 있었지만 그래도 박스 개봉은 설레게 한다. 박스안에는 명함 2상자와 스티커, 메모장이 들어있다. 명함을 사용할 일이 얼마나 있을까 싶긴 하지만 기재된 내용면에서는 좀 아쉽긴 하다. 블로그 아이콘을 활용하거나 폰트종류 크기등을 독특하게 하거..
IT/블로그 2018.03.25 02:38
일본의 유치원 홈페이지
웹사이트 구성에 관한 관심이 많아 해외 홈페이지를 자주 찾아 본다. 유명 웹사이트 소개 사이트를 보면 일본의 웹사이트들이 자주 소개되고는 한다. 우리나라의 웹사이트는 아쉽게 거의 볼 수 없었다. 훌륭한 사이트들이 많은데도 불구하고 해외사이트에는 알려지지 않는것인지 알수는 없지만... 최근에는 중국, 러시아 등 다른 나라의 웹사이트들의 발전도 눈에 띄게 보인다. 지난해 일본의 분재 관련 사이트를 언급한적도 있지만 일본의 경우 회사나 공공 기관..
IT/블로그 2018.03.20 15:21
말풍선 이미지의 블로그 활용
블로그들을 보다 보면 글 중간 중간 이모티콘을 사용하여 기분을 나타낸다거나 글과 관련된 이미지들을 삽입하여 글을 작성하기도 한다. 블로그에서 자체적으로 제공하기도 하지만 그렇지 않은 경우도 있다. 정작 나는 네이버에서 사용하는 이모티콘의 사용을 그리 좋아하지는 않는다. 글들이 동일한 이모티콘의 사용으로 다 비슷하게 보인다. 남들과 똑같아지고 싶지는 않다.       HOW !!!!!! 남들과 ..
IT/블로그 2018.02.10 16:54
2017 티스토리 결산 이벤트 명함받기 당첨
올해 1월초 티스토리에서는 2017년 결산 이벤트를 했다. 결산은 지난 한해 활동을 되돌아보고 새해의 계획을 세우고 게을러진 나 자신을 다잡는 계기가 되기도 해서 다른 블로거들에게도 나름의 의미가 있는 이벤트였다고 생각한다. 이번 티스토리의 결산 이벤트에는 추가로 2가지 이벤트가 있었다. 선물받기와 명함받기 행사인데 선물받기 행사는 결산하기 참여자를 대상으로 500명, 명함받기 행사는 칭찬해를 많이 받은 블로거 중 100명을 선정한다고 한다..
IT/블로그 2018.02.07 18:17
타이틀 배경에 원 모양 배치
문득 든 생각인데 타이틀 부분의 배경에 이미지를 삽입할 생각만 했었는데 이미지가 아닌 원모양을 css로 배치해 보면 어떨까 싶은 생각이 들어 시도해본다. 타이틀 클래스에 before 나 after 를 활용해서 레이어 하단에 원을 배치하면 쉽게 추가할 수 있다. 원 뿐만 아니라 애니메이션도 가능하고 원하는 건 뭐든지...SVG 를 이용한 그림 그리기 효과도 괜찮을꺼 같다. 반응형에 맞게 원 크기를 변경하는게 좀 문제긴 하지만... ..
IT/블로그 2018.01.20 14:35
애드블럭 무력화 사이트 차단하기
AD 애드블럭 무력화 사이트 차단 나는 광고를 별로 좋아하지 않는다. 내가 사용하는 모든 컴퓨터와 모바일 기기들에서는 광고 차단 앱이 설치되어 있어 광고 사이트를 가더라도 광고가 위치한 공간은 어느정도 파악 가능하지만 왠만한 광고는 보이지 않는다. 예전에는 여러개의 광고 차단앱을 설치해 사용하다가 지난해부터 똘똘한 하나만 남겨두고 나머지는 앱들은 삭제했다. 그런데 오늘 우연히 어느 블로그를 들어가 보게 되었는데 광고가 눈에 보인다..
IT/블로그 2018.01.17 22:26
티스토리 첫화면을 슬라이드 방식 구성 시도
티스토리의 첫화면이나 카테고리 선택 화면 구성은 보통 리스트 나열이나 맨소니 방식이 주를 이루고 있다. 이 블로그에도 맨소니가 적용되어 있기는 하지만..지난번에 지그재그 형태의 첫화면을 시도해 보니 가능은 하지만 한페이지에 목록이 2개 밖에 되지 않아 실사용하기에는 한계가 있다.최근에는 이미지 그리드 구성 방식에 대한 관심이 많아져 맨소니를 벗어난 여러 구성들을 생각해 보는 중이다.이미지 그리드를 이용한 ..
IT/블로그 2018.01.17 15:28