티스토리 뷰
HTML과 CSS로 구글 검색 페이지를 클론해보았습니다.
98% 똑같게요.
위 사진은 구글 검색 페이지를 캡처한 사진입니다.
이 페이지를 99% 똑같게 클론한 결과물은...
똑같죠?
프로필 사진과 그 옆에 있는 메뉴 몇 개만 빼고는 똑같이 구현했습니다.
그러나 입력창에 검색하거나 버튼 클릭해서 이동하는 기능은 뺐습니다.
게다가 반응형도 아니여서 화면이 작거나 크면 깨질수도 있습니다.
UI 클론하는데만 엄청 오래걸려서...
클론 페이지 안에 재미있는 요소도 있으니 한번 찾아보세요 :)
소스 코드:
https://github.com/sunwoo1524/Google-Clone
GitHub - sunwoo1524/Google-Clone: I cloned Google search page.
I cloned Google search page. Contribute to sunwoo1524/Google-Clone development by creating an account on GitHub.
github.com
구경하기:
https://google-page-clone.netlify.app/
Google 검색 I'm Feeling Fucking
google-page-clone.netlify.app
'웹 개발' 카테고리의 다른 글
| 맵을 매트릭스 배열로 만들어주는 매트릭스 맵 생성기 (0) | 2023.06.18 |
|---|---|
| 타입스크립트로 만든 지뢰찾기 (2) | 2023.04.03 |
| 대신 텍스트를 반복해주는 도배도배 (2) | 2022.10.29 |
| 자바스크립트로 간단한 GUI 계산기 만들기 (0) | 2022.07.22 |
| 자바스크립트로 시계 만들기 (0) | 2022.07.10 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 리디렉션광고
- golang
- Firebase
- 안드로이드
- 연합우주
- 운석 충돌 시뮬레이션
- 난해한 프로그래밍 언어
- CSS
- 자바스크립트
- HTML
- Go 언어
- 맵 생성기
- 브레인퍽
- 앱 인벤터
- vercel
- 태극기 그리기
- WSL
- p5.js
- 이상한 사이트
- 게임 개발
- 매트릭스 생성기
- 2x2 배열
- ActivityPub
- brainfuck
- 콜라츠 추측
- 미스키
- godot
- Preact
- 소스코드 뷰어
- 코딩
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함