profile
프론트!
post-thumbnail

position: sticky;로 스크롤 이펙트 만들기

이번에 작업한 것은 position: sticky;를 활용하여 스크롤 애니메이션을 만드는 것입니다. 추상적으로 떠돌던 아이디어를 유튜브 ✨1분코딩✨님의 영상을 보고 제가 찾던 것이라는 생각이 들어 참고하여 공부해봤습니다🎉. 1: Html 2: 베이스 css 작업

2021년 2월 27일
·
0개의 댓글
post-thumbnail

Infinite Slide/Carousel with CSS

종종 웹사이트에서 브랜드명들이 자연스럽게 이동하는 슬라이더를 보신적이 있을 것입니다.우리는 이것을 slide 혹은 carousel이라고 부릅니다. slide는 많이 들어보셨을겁니다.carousel은 컨베이어 벨트/회전목마의 뜻을 가진 단어입니다. 일정한 주기로 이동을

2021년 2월 25일
·
0개의 댓글
post-thumbnail

클래스 명명규칙, BEM

개발 공부 초보자의 입장에서 수많은 클래스의 이름을 지정해주는 것은 여간 까다로운 것이 아닙니다. 프로그램이 복잡해질수록 필요한 클래스명도 덩달아 복잡해질텐데 이는 숙련된 개발자들에게도 고민되는 부분인가 봅니다.혼자 퍼블리싱을 하다가도 --를 쓰는게 맞는지, 혹은 -,

2021년 2월 5일
·
1개의 댓글
post-thumbnail

red border in input(with Firefox)

LOGIN FORM 만들기 로그인 폼을 만들어보겠습니다. 유튜브의 코딩왕홍키 님을 많이 참고하였습니다. HTML FORM 태그 > 태그는 , , 등 각기 다른 타입의 태그를 감싸기 위한 container입니다. -w3schools- : 을 식별하기 위한 이름.

2021년 1월 26일
·
0개의 댓글
post-thumbnail

float & clearfix

구글로 로그인 연동하기에 실패했으니 로그인 흉내라도 내보겠습니다.. ㅜㅜ 처음부터 실패라니... Header에 버튼 추가하기 먼저, 로고와 메뉴만 존재하던 입니다. 이후, login과 signup 버튼을 넣은 입니다. 기존의 에서는 로고와 메뉴를 각각 그룹으로 묶

2021년 1월 25일
·
0개의 댓글