본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

SITE 제작19

#검색결과

총 19개를 찾았어요 ^^b

/

사이트 유형 종합_02 : 버그 픽스와 함께 사이트 유형 종합의 완성도를 UP! 사이트 유형 종합_02 저번에는 기초적인 유형의 틀 자체만 만들었었는데 지금까지 만들었던 사이트 유형들을 모두 조합해 버그들을 fix한 사이트 유형을 만들어보도록 하겠습니다~! HTML 코드 햄버거 메뉴 / swiper을 이용한 이미지 슬라이드 이 두가지만 유의해 저번 유형때 만들었던 코드에 추가시켜줍니다. ##햄버거 메뉴 : html 코드에 적혀있는 span은 햄버거 메뉴의 막대기 역할을 담당합니다. ##swiper : 슬라이드 유형 구현을 위한 기본적인 틀이 잡혀있는 플러그인을 사용하기 위해 하단과 같은 코드를 삽입하였습니다. 어디로 가볼까? #새하얀_눈. 눈 덮힌 마을 속 고히 잠들어 있는 새싹들 자세히 보기 사이트 보기 어디로 가볼까? #새하얀_눈. 눈 덮힌 마을 속 고히 잠들어 있는 새싹들 자세..

사이트 유형 종합해보기! 사이트 유형 종합 해보자! 지금까지 만들어두었던 사이트 유형들을 모두 종합해 하나의 홈페이지로 만들어 보았습니다 자 그럼 가볼까요~~~~~~~~~~? HTML 작성 각 종 예제들의 코드를 종합해줍니다. 체크용 헤더 영역 바로가기 슬라이드 영역 바로가기 이미지 영역 바로가기 이미지/텍스트 영역 바로가기 카드 영역 바로가기 배너 영역 바로가기 텍스트 영역 바로가기 푸터 영역 바로가기 #여행_가자! 슬라이드 영역 이미지 영역 이미지 텍스트 영역 카드 영역 배너 영역 텍스트 영역 푸터 영역 로그인 #여행_가자! 자연으로 슬라이드 영역 이미지 영역 이미지 텍스트 영역 카드 영역 배너 영역 텍스트 영역 푸터 영역 슬라이드 영역 어디로 가볼까? #새하얀_눈. 눈 덮힌 마을 속 고히 잠들어 있는 새싹들 자세히 보기 사..

내.디.코 : 티스토리 스킨 만들어보기_01 '내'가 '디'자인 해보고 '코'딩하기 요번에 한거는 숙제는 아닌데 선생님이 저번주쯤인가 PHP로 블로그를 만들어보신다고 하셨었는데 다들 기억나시나요? 그때 저한테 디자인 해보라고 말씀해주셔서 바로 그날 학원 끝나고 두개정도 만들어두었는데 무언가.... 조별작업도 그렇고 다른 배울것들도 많아서 왠지모르게 그대로 스윽 묻히게 될거같더라구요 그래서 차마 만들어둔건 못버리겠어서 눈물 똑똑 흘려가며 기록으로나마 남기려고 제가 직접 만들어보기 시작했어요🥲 이번것은 그 두개 중 첫번째 입니다! 피그마를 통해 레이아웃 잡아보기 디지-탈 느낌 조금 감도는 느낌으로 구상해봤는데 너무 강했으려나.. 뭐 아무렴 어떻습니까 ^^b 뭔가 블로그라고 해서 꼭 블로그하면 떠오르는 모습들로 가기보다는 조금은 다르게 가고싶어서 이렇게..

패럴렉스 효과_03 : TOP 버튼과 네비 메뉴를 스크롤에 따라 변화시켜보자! 패럴렉스 이펙트_03 구현하기 이번 예제는 하단과 같은 기능을 구현해보도록 하겠습니다 1. 이전 스크롤값과 현재 스크롤값을 비교 후 스크롤을 올렸을때 이전 스크롤값보다 작으니 메뉴가 나타나는 기능 2. scrollTop값과 브라우저 내부 높이값을 더한 값보다 스크롤되지 않은 브라우저 내부 높이 보다 작을때 "top" 버튼에 클래스 show를 붙여 top버튼이 브라우저 맨 하단까지 내렸을때 버튼이 보이는 기능 HTML 작성 Top버튼 구현을 위해 하단 부분을 이전 예제에 추가시킵니다. Top CSS 작성 이번 예제 구현을 위한 살을 붙여줍니다! /* parallax__nav */ #parallax__nav { position: fixed; right: 20px; top: -200px; z-index: 20..

이전 1 2 3 4 5 다음

728x90

#HASH_TAGS

-

1

ImageSlideEffect 슬라이드 결과 : 월요일 화사한가요? 오징어 한마리 수확 완료! scroll-snap-align 오징어 두마리 포획 완료 제이쿼리 오늘은 내가바로 오징어! 코드 이건 또 뭐람 공부 다크모드 scroll-snap-type 필터선택자 울적하니 꽃을 달아봤습니다 메서드 오늘 조업 마감했습니다. 멈추지 않는 ' j ' 시리-즈 선택해주세요 JQuery Method 코딩 내일은 즐거운 월요일 숙제가 다양해서 너무 좋아요 오징어 1Kg 당 3000원 오늘도 웹표준은.. HTML

티스토리툴바