반응형 6
반응형 포트폴리오 사이트 제작 (2021.09)
반응형 포트폴리오 사이트를 제작했습니다. http://ssimplay.com/ SSIMPLAY ssimplay.com contact :: www.instagram.com/draw_wool/ :: www.pinterest.co.kr/draw_wool/_created/ :: notefolio.net/draw_wool :: www.behance.net/draw_wool :: grafolio.naver.com/draw_wool [포트폴리오] - [PC] EEUU 쇼핑몰 [PC] EEUU 쇼핑몰 쇼핑몰 EEUU의 작업이 완료되어 사이트를 소개해드립니다. 1. PC 쇼핑몰 eeuu는 고급 코트를 판매하는 인터넷 쇼핑몰입니다. 좋은 기회를 얻어 퍼블리셔로 프로젝트에 참여했고, 사이트 제작이 완 ssimplay.tis..
[css] 미디어쿼리로 반응형웹 제작하기
css에서 미디어 쿼리를 이용해 반응형 웹을 제어해볼게요. 1. html 반응형 ① html - 일단은 간단하게 html을 작성해봤어요. - 예시로 사용할 거라 간단하게 하나만 만들었습니다. - [! + Tab]을 누르면 html 기본 구조를 간단하게 불러올 수 있습니다. 자세한 사항은 아래에 링크로 달아둘게요. 2. pc 사이즈 css *{ margin:0; padding:0; } .reactive{ width:100%; height:300px; background:lightcoral; text-align: center; line-height: 300px; font-size: 24px; color:white; } ① 기본 css - pc 사이즈는 그냥 평소대로 코딩을 해줍니다. - 저는 보기 좋게 간단..
[반응형] 빛방울 서브 페이지
안녕하세요. 플입니다. 빛방울 서브 페이지를 만들었어요~ 1. 서브 페이지 빛방울의 서브페이지를 만들었어요~ 서브는 안 만들려고 했는데 어찌어찌하다 보니 만들게 되었네요. 서브페이지는 인스타그램 페이지를 만들어봤어요. 인스타 연동은 여러 방면으로 해봤는데 인스타그램에서 지원을 그만둬가지고 그만... 연동은 아니고 인스타에 올려둔 그림 중 마음에 드는 그림들을 모아서 갤러리처럼 만들어두었어요. 앞으로 점점 늘어날 예정이랍니다. 메인 페이지도 조금씩 조금씩 수정해가고 있어요..;; 원래 유지보수가 더 중요한 것 아니겠어요? :) 2. 사이트 바로가기 https://ssimplay.github.io/shinedrop/sub1.html paint drop ssimplay.github.io 사이트 링크를 남겨둘게..
[반응형] 물감방울 랜딩페이지
안녕하세요. 플입니다. 물감 방울 랜딩페이지가 완성되었어요. 1. 디자인 제작 중이던 물감 방울의 랜딩페이지 작업이 완료되었어요. 단일 페이지로 긴 세로 형태의 사이트입니다. 메뉴를 누르면 스크롤이 해당 위치로 이동하는 사이트예요. 그림이 잘 보이도록 연한 색을 컬러 포인트로 사용했어요. 배경에 연한 노랑을 주로 사용한 이유예요. 2. 사이트 보러 가기 https://ssimplay.github.io/shinedrop/ shine drop 우당탕탕 좌충우돌 신나는 일상이야기. 톡 떨어진 물감에서 태어난 시트렛은 궁금한게 너무나 많다. 세상에는 모르는 것과 신기한 것들 투성이. 여기저기 안가보는 곳 없이 기웃거리며 미끄러�� ssimplay.github.io 클릭하시면 완성된 사이트를 구경하실 수 있어요!..
[반응형] 포트폴리오 사이트
안녕하세요. 플입니다. 포트폴리오 사이트 리뉴얼을 완성했습니다 1. 디자인 전체 디자인이에요. 반응형 홈페이지라 pc버전, 태블릿 버전, 모바일 버전, 세 가지 모두 있답니다. 이번엔 노랑과 청록을 주요 컬러로 해서 디자인을 진행해봤어요. 네모 모양을 사용해 깔끔한 느낌을 주도록 노력했습니다. 포트폴리오 취지에 맞게 가장 잘 보이는 것은 작업물이도록 신경 썼어요. 2. 주소 http://ssimplay.com/ ssimplay ssimplay.com 도메인 주소는 이전과 동일하답니다. 직접 방문하여 여러 기능들과 포트폴리오를 구경해주세요~ 3. 포트폴리오 페이지 마지막으로 포트폴리오 페이지의 이미지를 올려보고 마무리하겠습니다. 그럼 이만. 총총.