반응형

디브레 4

[HTML & CSS] 가로로 흐르는 텍스트 만들기

쇼핑몰, 사이트 내 가로로 흐르는 전광판 텍스트 만들기 최근 트렌디한 웹사이트에서 볼 수 있는 가로로 흐르는 전광판의 역할을 하는 텍스트를 CSS 만으로 만들 수 있는 방법을 소개해드립니다. moho design template glad moho design template glad moho design template glad moho design template glad moho design template glad moho design template glad 아래에서 예제를 확인해보세요. HTML 삽입 미리보기할 수 없는 소스 텍스트가 삽입된 사이트의 예시입니다. 적용된 사이트 확인하기 이 글이 도움되셨다면 댓글과 공감으로 응원해주세요 🥳 궁금하신 점은 댓글 남겨주세요.

HTML&CSS 2022.04.18

cafe24 쇼핑몰 메인 하단에 인스타그램 연동 설치하는 방법

쇼핑몰 디자인 트렌드로 메인페이지 내에 인스타그램 콘텐츠 연동을 많이 사용하고 있습니다. cafe24 쇼핑몰 무료 템플릿에는 인스타그램이 연동되어있지 않아 별도로 연동 설치가 필요한데요, 무료로 인스타그램 위젯 설치하고 연동하는 방법입니다. cafe24 쇼핑몰 인스타그램 연동하기 1. cafe24 쇼핑몰 관리자에 로그인합니다. 2. 스마트모드로 접속된 경우 좌측 상단에서 프로모드로 변경하고, 상단 메뉴의 제일 오른쪽에 있는 '앱스토어' 메뉴를 클릭합니다. cafe24 앱스토어란? cafe24의 앱스토어는 cafe24에서 무료로 제공하는 다양한 api를 앱의 형태로 설치하여 관리할 수 있는 플랫폼입니다. 다양한 기능으로 개발된 앱들을 검색하여 무료 또는 유료로 사용할 수 있습니다. 3. 앱스토어 페이지 내..

HTML&CSS 2022.02.10

[풀스택디자이너] SVG 변환이 필요없는 아이콘 무료 사이트 feather (feat. Adobe XD에서 적용하기)

웹에 최적화된 이미지 파일 유형인 .svg 아이콘을 무료로 다운로드 할 수 있는 사이트를 소개합니다. feather https://feathericons.com/ 지속적으로 새로운 아이콘을 업데이트하는 듯 합니다. png로 크게 키우고 이미지를 작게 조절해도 깨지기 일쑤인 아이콘 이미지 파일을 SVG 유형으로 사용할 수 있고, 깔끔한 디자인이 포인트인 고마운 무료 사이트입니다. 제작자 Colebemis 원하는 아이콘을 클릭하면 바로 파일이 다운로드 됩니다. Size와 Stoke width를 조절하여 원하는 느낌의 아이콘 디자인으로 변경하여 다운로드도 가능합니다. Color 코드를 입력하여 컬러 변경도 가능합니다. 상단의 Reset 버튼을 클릭 시 모든 설정이 초기화됩니다. feather에서 다운로드한 s..

IT Tip 2020.07.01

[디자인트렌드] 멋진 원페이지 웹사이트 디자인 21

여러개의 페이지로 생성할만한 충분한 양의 콘텐츠가 없을 때 소량의 콘텐츠와 텍스트만으로도 멋진 웹사이트를 구현할 수 있는 원페이지형 웹사이트 21가지를 소개합니다. 원페이지 웹사이트란 접속한 전면페이지에서 스크롤 다운으로 전체 메뉴가 구성되어 별도의 페이지 이동이 없이 전체 스크롤 페이지 내에서 위치를 이동할 수 있도록 구현된 웹 페이지입니다. 원페이지 웹사이트는 콘텐츠의 양이 적어 웹사이트 내에서 머물 수 있는 요소가 적을 수 있지만, 대신 스크롤을 내리고 슬라이드를 탐험할 수 있도록 다양한 인터랙션을 적용하면 콘텐츠의 양이 많은 웹사이트보다 콘셉을 전달하고 감각을 표현하는 데에 더욱 효과적일 수 있습니다. 요즘 많은 브랜드와 기업들이 단기적인 캠페인을 홍보하거나 마이크로사이트 등으로 활용하고 있습ㄴ다..

Design Trend 2020.03.29
반응형