TWICE New Tab

TWICE New Tab

크롬 확장 프로그램으로 제작한 TWICE New Tab을 싱글 페이지 앱으로 옮겼습니다. 앱 링크 외관은 크롬 확장 프로그램 버전과 크게 다르지 않습니다.크롬 외의 브라우저에서 해당 페이지를 홈페이지로 설정하면 크롬 확장 프로그램과 똑같이 사용하실 수 있습니다. 당연히 모바일도 지원합니다. 기본적으로 새 탭을 꾸미기 위해 만든 앱입니다.밋밋한 새 탭을 트와이스, 할 일 목록, 날씨 등으로 채울 수 있습니다....
[트게더 커스텀 CSS] 뽀게더

[트게더 커스텀 CSS] 뽀게더

트위치 스트리머 아구이뽀 님의 트게더입니다. 트게더 스킨은 처음 작업해보는데, 자바스크립트는 그렇다 치더라도 HTML도 건드릴 수가 없더라고요.웹 표준과 조금 거리가 있는 방식이지만 ::after, ::before 두 pseudo element를 십분 활용해서 만들었습니다. 먼저, 파스텔톤 밤하늘의 배경을 원하셔서, 보랏빛 밤하늘에 파스텔톤 달과 흰 별을 띄웠습니다.달에는 천천히 위아래로 움직이는 애니메이션, 뒤에 별은 깜빡이는 애니메이션을 추가했습니다.자바스크립트가 가능했다면 랜덤 위치에 별을 뿌려줬겠지만,...
Canvas 썸네일, 배너 제작기

Canvas 썸네일, 배너 제작기

깃허브 제작기 링크 소개 HTML5 Canvs를 이용해서 간단하게 썸네일, 배너 등에 쓸 수 있는 이미지를 제작할 수 있는 앱입니다. 이미지의 크기 조정, 텍스트 수정, 배경 색 및 글자 색 변경, 배경에 이미지 추가, 해당 이미지의 투명도 조절 등의 기능이 포함되어 있습니다. 포토샵 등의 도구보다 자유도는 떨어지지만, 배너나 썸네일을 만들기는 훨씬 수월합니다. 사용법 크기 조정 Canvas의...
티스토리 스킨 #13 - Kiss Me

티스토리 스킨 #13 - Kiss Me

티스토리 블로거 Kiss Me 님의 스킨입니다. 커버 화면의 모습입니다. 썸네일을 작게 4개씩 보여주는 리스트 썸네일을 1:1 비로 보여주는 리스트 배경에 썸네일이 들어간 리스트 갤러리형 리스트 총 4가지로 구성되어 있습니다. 좌측 드로워엔 관리자 프로필 구독, 이웃 추가, RSS 링크 링크 목록 방문자 수 티스토리 메뉴바 로 구성되어 있고 우측 드로워엔 홈, 방명록, 공지사항 바로 가기 카테고리...
티스토리 스킨 #11 - Summer Nights 2

티스토리 스킨 #11 - Summer Nights 2

5번 스킨인 Summer Nights와 비슷한 느낌으로 새로 만든 스킨입니다. 티스토리에서 추가한 커버 기능을 이용해 홈 화면을 다양하게 꾸밀 수 있도록 하고, 헤더 카테고리를 중앙 정렬시키는 등 다양한 개선이 이뤄진 버전입니다. 포스트 화면의 모습입니다.글에 집중할 수 있도록 1, 2단형 선택을 없애고 1단형으로 고정했습니다. 예전엔 글 목록을 표시할 때 Masonry 하나만 사용할 수 있었지만 2부터는 사진처럼 텍스트...
트와이스 캔디봉 z svg 파일

트와이스 캔디봉 z svg 파일

트와이스 젯디봉 모양 로더입니다. 위 파일을 내려받아 사용하시거나, 아래 코드를 복사해 html의 적당한 곳에 붙여 넣거나, svg 파일을 생성해서 사용하세요.
크롬 확장 프로그램 - TWICE New Tab

크롬 확장 프로그램 - TWICE New Tab

크롬 웹 스토어 링크 밋밋한 새 탭이 지겨워 만든 확장 프로그램입니다. 새 탭을 트와이스, 할 일 목록, 날씨, 포커스 타이머 등으로 채울 수 있습니다. 할 일 목록 (투 두 리스트) 좌측부터 북마크, 검색, D-day, 현재 날씨 대부분 설정에서 간단하게 사용자화가 가능합니다. 집중을 유지하기 위해, 집중할 시간을 설정하면 해당 시간 동안 유튜브 등의 사이트에 접속을 차단합니다....
티스토리 스킨 #10 - PC 통신

티스토리 스킨 #10 - PC 통신

둥근모꼴이란 글꼴을 보고 갑자기 만든 스킨입니다. 아무래도 요즘처럼 이미지가 많은 페이지완 어울리지 않아 만들다 중간에 엎었지만, 컨셉이 꽤 마음에 들어 업로드해뒀습니다.
티스토리 스킨 #9 - Lovely Pink

티스토리 스킨 #9 - Lovely Pink

욕심을 비우고 간단하게 만들었습니다. 브라우저 안의 창이란 느낌으로, 컨테이너 하나를 만들고 그 안에 모든 요소를 넣었습니다. 포스트 화면입니다. 간단하고 아기자기함이 목표이라, 포스트 화면에선 따로 크게 건드릴 게 없었습니다. 사이드바의 모습. 공지사항 / 방명록 / 카테고리 세 가지 요소가 들어있고, 카테고리는 아코디언 카테고리를 적용했습니다. 댓글과 방명록의 모습. 기존에 만들어둔 디자인에서 색만 변경했습니다.