sadgrl.online은 개인적인 글과 웹 제작 안내를 함께 담은 웹사이트다. HTML과 CSS를 처음 다루는 사람을 위한 설명, 작은 효과를 만드는 코드, 다른 개인 웹으로 이어지는 길을 제공한다. ([자료 안내](https://sadgrl.online/resources/))

- [공식 웹사이트](https://sadgrl.online/)
- [제작 안내](https://sadgrl.online/guides/)

## 자기 공간을 만드는 자료

- 안내는 배경과 폰트, 반응형 레이아웃부터 [[네오시티]]의 404 페이지와 백업까지 다룬다. 화면을 꾸미는 일과 만들어 둔 파일을 돌보는 일이 같은 목차 안에 있다. ([안내 목록](https://sadgrl.online/guides/))
- 코드 조각에는 하이퍼링크에 마우스를 올리면 회전하는 효과, 목록에서 주소를 무작위로 고르는 기능, 배경을 겹치는 방법이 있다. 예제가 작아 바뀌는 부분을 좁혀 살피기 좋다. ([코드 조각](https://sadgrl.online/resources/))
- [[링크 모음 웹사이트]]와 개인 웹을 찾는 검색 도구를 소개한다. [[클라우드하이커]]와 [[href.cool]]도 이 탐색 안내에 들어 있다. ([웹을 돌아다니는 안내](https://sadgrl.online/guides/surf/))
- 레이아웃 제작기와 배경 자료 등은 Archive로 구분하며 더 이상 갱신하지 않는다고 밝힌다. [[개인 웹의 자료실]]에서는 지금 만드는 것과 남겨 두는 것이 나란히 놓일 수 있다.

## 기타 등등

- 이전 모습인 sadgrl.online과 goblin-heart.net을 별도로 보존해 공개한다. [출처](https://sadgrl.online/about/)
- 자료실에는 88×31픽셀 크기의 버튼 제작기도 있다. 웹사이트를 알리는 작은 직사각형이 제작 도구 하나를 차지한다. [출처](https://sadgrl.online/resources/)

#웹사이트 #인디웹 #HTML #CSS #웹제작