랜딩페이지 5
[반응형] 물감방울 랜딩페이지
안녕하세요. 플입니다. 물감 방울 랜딩페이지가 완성되었어요. 1. 디자인 제작 중이던 물감 방울의 랜딩페이지 작업이 완료되었어요. 단일 페이지로 긴 세로 형태의 사이트입니다. 메뉴를 누르면 스크롤이 해당 위치로 이동하는 사이트예요. 그림이 잘 보이도록 연한 색을 컬러 포인트로 사용했어요. 배경에 연한 노랑을 주로 사용한 이유예요. 2. 사이트 보러 가기 https://ssimplay.github.io/shinedrop/ shine drop 우당탕탕 좌충우돌 신나는 일상이야기. 톡 떨어진 물감에서 태어난 시트렛은 궁금한게 너무나 많다. 세상에는 모르는 것과 신기한 것들 투성이. 여기저기 안가보는 곳 없이 기웃거리며 미끄러�� ssimplay.github.io 클릭하시면 완성된 사이트를 구경하실 수 있어요!..
[영상] 랜딩페이지 html 작업
안녕하세요. 플입니다. 오늘은 랜딩페이지 html 작업 영상을 가져왔어요. 1. 랜딩페이지 html 작업 https://youtu.be/FMYF65EbuP4 코드가 잘 보이도록 신경을 써봤는데 어떤지 궁금하네요. 랜딩페이지 html 작업을 영상으로 만들어봤어요. 아직 css가 들어가지 않아서 실제 화면은 전혀 랜딩페이지 같지 않지만 다음 css 작업 영상은 그럴싸해질 테니 다음 영상도 기대해주세요~ 그럼 이만. 총총.
[html] a태그를 이용한 스크롤다운
안녕하세요. 플입니다. 오늘은 a태그를 이용해 스크롤 다운을 해볼게요. 1. 스크롤다운 스크롤 다운이라는 것은 간단히 말해 상단에서 특정 메뉴를 눌렀을 때 그 메뉴가 있는 곳으로 스크롤이 이동하는 것을 말합니다. 보통 세로로 긴 홈페이지에 많이 사용해요. 그리고 보통은 jQuery로 적용해주지만 오늘은 a태그를 이용해서 스크롤다운 기능을 만들어볼 거예요. 2. id 넣기 스크롤을 멈추게 하고 싶은 영역에 id를 만들어줍니다. class가 있더라도 추가로 넣어주셔도 상관없어요. class는 적용이 안되기 때문에 id로 꼭 넣어주셔야 합니다. 3. a태그에 적용 메뉴로 돌아와 a태그 href 부분에 #+id명을 적어줍니다. 그러면 끝입니다. 간단하죠? jQuery는 엄청 오래 걸리는데.. ㅠㅠ 다만 jQue..
[영상] 랜딩페이지 시안
안녕하세요. 플입니다. 오늘은 랜딩페이지 시안 영상을 가져왔어요. 1. 랜딩페이지 시안 랜딩페이지 시안 작업을 영상으로 담아봤습니다. 시안은 전에 올렸던 시안이에요. 아래에 링크 남겨둘게요. https://ssimplay.tistory.com/228 [시안] 랜딩페이지 [물감툰] 안녕하세요. 플입니다. 오늘의 시안은 물감툰 랜딩페이지예요 1. 물감툰 이번 작업은 랜딩페이지로 원페이지 작업을 해서 시안도 길게 만들어봤어요. 각 메뉴당 아래로 내려가는 형식이에요. 사이트는 연한 노란.. ssimplay.tistory.com 2. 영상 https://youtu.be/7Cs7KleHvJI 이번엔 자막으로 설명을 넣는 대신 속도를 빠르게 해서 과정을 쭉 볼 수 있는 영상을 만들어봤어요. 어떤 쪽이 더 좋으신가요?..
[시안] 랜딩페이지 [물감툰]
안녕하세요. 플입니다. 오늘의 시안은 물감툰 랜딩페이지예요 1. 물감툰 이번 작업은 랜딩페이지로 원페이지 작업을 해서 시안도 길게 만들어봤어요. 각 메뉴당 아래로 내려가는 형식이에요. 사이트는 연한 노란색을 포인트 컬러로 작업했어요. 캐릭터가 잘 보여야 하는 사이트라 연한 색을 골랐어요. 목업은 사이트가 연한 색이니까 진한 배경을 사용해 사이트가 잘 보이게 만들어봤어요. 요즘 디자인하면서 고려하는 건 잘 보이는 것이에요. 뭔가 이렇게 뽝! 하고 잘 보였으면 좋겠다! 하는 느낌으로 작업하고 있습니다(뭐야 그게) 물감툰이라는 이름을 변경할지 말지 고민하고 있어요. 바뀌면 올라올 사이트에서 이름이 바뀔 거 같네요. 랜딩페이지 작업 문의는 메일로 부탁드려요~ ssimplay@naver.com 더 많은 포트폴리오..