웹사이트31 CSS[6] 그리드안에 그리드 넣기 중첩 된 격자는 격자 항목이 격자 자체가되는 곳입니다. 다음은 간단한 개요 및 데모입니다.그리드 항목은 CSS 그리드 레이아웃으로 그리드가 될 수 있습니다. 그런 다음 모눈 항목을 모눈 항목 안에 배치하여 중첩 된 모눈을 만들 수 있습니다.중첩 된 표를 만들려면 그리드 항목에 display: grid(또는 display: inline-grid)를 적용 하면 그리드가됩니다. display: subgrid서브 그리드를 작성하는 데 적용 할 수도 있습니다 . 서브 그리드에 대한 자세한 내용은 아래를 참조하십시오.다음은 그 예입니다.Stack editor Unstack editor Editor PreviewExample#outer-grid { display: grid; grid-template-rows: 1fr.. 2018. 12. 21. CSS[5] 반응 형 그리드 생성 그리드에는 고정 된 크기의 그리드 아이템이 뷰포트 크기에 따라 위치를 이동할 수있는 "응답 성"기능이 있습니다. 그리드를 미디어 쿼리와 결합하여 더 작은 뷰포트에 다른 그리드를 제공 할 수도 있습니다.그리드 레이아웃은 컨테이너에 맞는 특정 크기의 트랙을 많은 수로 그리드를 생성 할 수있게 해주는 auto-fill및 auto-fit키워드를 제공합니다 . 그리드 항목은 브라우저의 크기를 조정할 때 위치가 바뀌는 반응 형 그리드가 될 수 있습니다.auto-fill키워드사용 예 auto-fill: RunStack editor Unstack editor Editor PreviewExample#grid { display: grid; grid-template-columns: repeat(auto-fill, minma.. 2018. 12. 20. CSS[4] 그리드로 웹 사이트 레이아웃 만들기 여기서 CSS 그리드 레이아웃의 "ASCII art"구문을 사용하여 3 열 웹 사이트 레이아웃을 생성합니다.그리드에는 직관적 인 "ASCII 아트"구문이 포함되어있어 코드 내에서 레이아웃을 사실상 볼 수 있으므로 레이아웃을 쉽게 작성하고 수정할 수 있습니다. 심지어 몇 초 안에 큰 변화가 일어날 수 있습니다. 이 직관적 인 구문은 반응 형 웹 디자인에도 도움이됩니다. 그리드를 사용할 때 다른 장치에 대한 다른 레이아웃을 만드는 것은 아주 간단합니다.이제 다음과 같은 웹 사이트 레이아웃을 만듭니다.CSS 그리드 레이아웃이 나오기 전에이 레이아웃은 제대로 작동하도록하는 것과 관련하여 종종 "거룩한 레이아웃"이라고 불 렸습니다. CSS 그리드 레이아웃을 사용하면 이러한 레이아웃을 쉽게 만들 수 있습니다.코드는.. 2018. 12. 20. 유용한 무료 의료(병원) 아이콘 60개 오늘날 점점 많은 의료기관이 인터넷을 통해 유용한 건강 정보를 공유하고 전문 커뮤니티를 만들고 온라인 환자 치료를 제공하고 있습니다. 그러나 많은 다른 보수 산업과 마찬가지로 건강 관리는 진보적 인 웹 디자인이 부족하고 잘 정교화 된 UX 및 세부적인 접근 방식으로 어려움을 겪고 있습니다. 아이콘은 유용성을 향상시키고 의료 웹 사이트 또는 소프트웨어를 인식 할 수있게 해주는 아이콘입니다. 이 기사에서 Agente 는 디자인 기밀을 공개하고 건강 관리 아이콘 을 작성하여 효과적으로 만드는 방법을 보여줍니다 . 결국에는 디자인 팀에서 개발 한 무료 의료 아이콘 세트 를 다운로드 할 수 있습니다.의료 아이콘 세트에 대한 아이디어를 얻는 방법 ?모든 디자인 프로세스에는 고유 한 워크 플로우가 있으며 아이콘 디자.. 2018. 6. 18. 여행 웹 사이트 디자인 9가지 우수 사례 관광과 여행 페이지여행과 여행은 요즘 어떤 사람이든 현대 생활의 주요 구성 요소입니다.우리는 기술을 따라 여행 비즈니스에 어떤 영향을 주는지 점차적으로 변화시키고 있습니다.관광 서비스를 예약하고 제공하는 방법은 매년 전통적인 오프라인에서 온라인으로 바뀌고 있습니다.새로운 유형의 여행 비즈니스 모델이 빠른 속도로 등장합니다.예를 들어, 경제 공유 (Uber, Airbnb 모델)는 숙박 업체 Airbnb이 전통적인 호텔 체인의 좋은 대안인관광 서비스를 제공하는 고전적인 방식에 영향을줍니다.우리는 승객 운송 및 기타 여행 비즈니스 분야에서 동일한 경향을 볼 수 있습니다.저희 회사는 주로 CIS 시장을위한 대부분의 여행 프로젝트, 주로 OTA (온라인 여행사 웹 사이트 디자인) 및항공편, 호텔 및 자동차 예약을.. 2018. 6. 18. 최고의 레스토랑 웹 사이트 디자인 아이디어 식당 주인은 항상 자신의 접시에 많은 것을 가지고 있으며, 그들은 실질적인 이점을 가져올 수있는 영역에 주로 초점을 맞추고 있습니다. 불행히도 웹 사이트는 완벽한 웹 사이트조차도 레스토랑이 매일 저녁 꽉 차는 것을 보장하지 않기 때문에 이러한 영역 중 하나가 아닙니다. 그래서 웹 사이트가 가끔 무시 될 수 있고 이상적인 것과는 거리가 먼 사용자 경험을 제공 할 수 있습니다.그러나 모든 웹 사이트는 비즈니스의 접점이며 고객이 레스토랑을 보는 방식에 영향을 미칩니다. 물론 레스토랑이 좋다고 판명되면 가난한 웹 사이트는 전체 그림을 망칠 수는 없지만 방문자가 웹 사이트에 약간의 시간을 투자하여 잘 작동하는지 확인하면 방문자는 감사하게 생각합니다.이 기사에서는 레스토랑 웹 디자인에 대해 이야기 할 것입니다. 나.. 2018. 6. 17. 최고의 부동산 웹 사이트 디자인 10가지 무엇이 좋은 부동산 웹 사이트 디자인을 만드나요? 일부 회사는 제공하는 서비스에 대한 설명과 연락처 정보를 제한하여 정보를 색인화하고 잠재 고객에게 보여줄 수 있습니다. 그러나 많은 에이전트와 중개인 중에서 아름답게 디자인되고 사용자에게 친숙한 웹 사이트가 없으면 결코 눈에 띄지 않을 것입니다. 모범 사례를 분석 한 결과, 잠재 고객 및 기존 고객이 주택 및 관련 데이터를 검색하고 신뢰도를 높이고 수입을 늘리는 데 도움이되는 부동산 웹 사이트 디자인의 아이디어와 사례를 제시했습니다.부동산 웹 사이트 디자인의 핵심 요소부동산 웹 사이트 디자인 및 레이아웃에 관해 생각할 때 사용자 경험에 집중하십시오. 단어와 그림으로 페이지를 압도하지 마십시오. 때로는 공백이있는 콘텐츠보다 공백이 더 좋으며 각 페이지에서 .. 2018. 6. 16. 의료 웹 사이트 디자인 10가지 예제 10 가지 최고의 의료 웹 사이트 디자인 예오늘날 인터넷 사용자 수는 엄청나고 여전히 증가 추세입니다. 퓨 리서치 센터 (Pew Research Center)의 한 연구 에 따르면, 성인 10 명 중 약 9 명이 미국에서만 인터넷을 사용합니다. 인터넷은 귀중한 정보원이되었습니다. 예를 들어, 연결된 성인의 70 % 이상이온라인으로 건강 정보를 찾습니다. 인터넷은 효과적인 사업 도구이며 기업과 개인은 온라인으로 다른 목적으로 이동합니다. 더 나은 고객 지원을 제공하고 신규 고객의 관심을 유도하며 비용을 절감하는 것입니다. 의료 기관 및 전문가는 적극적으로 온라인 존재감을 구축하고 웹 사이트를 시작합니다 가장 일반적인 전략입니다. 의료 웹 사이트 디자인은 관련 경험이 부족한 웹 사이트 디자이너에게는 어려운 .. 2018. 6. 16. 웹사이트를 위한 10가지 색상 팔레트 구성표 웹 사이트에 가장 적합한 색상 표를 결정하는데 너무 많은 시간을 소비했습니다. 블랙 - 그레이 - 화이트, 애플처럼? 또는 Facebook과 같은 푸른 색조? 2 ~ 3 색 이상이 필요하고 색조와 잘 어울리는 추가 색조와 일치하면 어떨까요? 첫째, 감정적 인 선택으로 돌진하지 마십시오. 색상은 모두 개인적인 감정, 분위기, 취향 및 인식에 관한 것입니다.이 모든 것을 한쪽에두고 비즈니스에 집중합시다. 웹 사이트의 완벽한 색상은 무엇입니까? 방문자를 끌어 들이고 머물게하는 데 도움이되는 것은 무엇입니까? 이 기사에서는 웹 사이트에 적합한 색상과 색상 팔레트의 가장 좋은 예를 선택하기위한 모범 사례를 볼 수 있습니다.올바른 색상 표를 선택하는 방법은 무엇입니까?1. 타겟 고객 및 핵심 목표 파악웹 사이트에 .. 2018. 6. 15. 스톡 아이콘 판매 기획 과정 스톡 아이콘을 온라인으로 판매하거나 판매하려는 경우이 기사는 반드시 읽어야합니다! 아이콘 파인더 (Iconfinder) 의 놀라운 팀은 당신과 내가 좋아하는 아이콘 디자이너가 주식 아이콘을 판매하는 데 성공할 수 있도록 데이터를 공유 한 것은 너무나 친절했습니다. 당신이 그것을 시도한 적이 있다면, 당신은 이미 그것이 옳은 틈새를 선택하는 것이 중요하다는 것을 알게 될 것입니다. 물론 고객이 원하는 것을 항상 시도해 볼 수는 있지만 아무도 관심이 없다는 것을 확인하기 위해 아이콘을 만드는 데 몇 시간을 소비하고 싶지는 않습니까? 그건 시간 낭비와 에너지 낭비입니다. 적절한 시장 조사를하는 것이 세트 자체를 만드는 것보다 훨씬 더 중요하다고 말할 수있는 신경을 썼습니다.실용적인 예가 있습니다. 오래전에 저.. 2018. 6. 15. 블록체인 ICO 토큰배포 디자인 종류 오늘날의 디지털 세계에서 cryptocurrency는 단지 전문 용어가 아닙니다. 모두가 참여하기를 원하는 성공적인 프로젝트와 비슷합니다. 라이오넬 메시 (Lionel Messi) 와 같은 많은 유명인들은 암호 경제의 예민한 지지자로 변했습니다. 그러나 아직도 많은 사람들이 cryptocurrency 동전과 토큰의 차이를 말하기 어렵고 이러한 용어를 서로 바꾸어 사용합니다. 그러나 동전과 토큰은 같은 것이 아닙니다.Coin (aka altcoin)은 자체 플랫폼을 사용하고 독립적으로 작동하는 cryptocurrency를 나타냅니다. altcoin에는 일반적으로 Bitcoin의 변형 인 Dogecoin, 소스 코드를 사용하여 빌드 된 Dogcooin, 독립적이고 새로운 블록 체인을 사용하여 빌드 된 Eth.. 2018. 6. 15. Crypto,Token, ICO 웹 사이트를 디자인하는 방법 Cryptocurrency 란 무엇입니까?Cryptocurrency는 10 년 전의 전문 용어였습니다. 일부 기업은 다음과 같은 접근 방식을 취합니다. 사람들이이 시장에 진입 할 기회를주기 위해 암호 해독 거래를위한 웹 사이트를 구축합니다. 코인 마켓 캡 ( CoinMarketCap )에 따르면 cryptocurrency 시가 총액은 이미 1,520 억 달러에 달했습니다 .Bitcoin은 cryptocurrency 시장의 선구자입니다 (네트워크는 2009 년에 생겨났습니다). 그리고 초기 채택 자들은 그들이 만든 수많은 돈을 자랑합니다. 이 통화는 Ethereum, Ripple, Lotecoin, Dash, NEM, IOTA 등 다른 cryptocurrencies, 즉 소위 altcoin (Bitcoin.. 2018. 6. 14. 로그인 페이지 디자인 종류 웹 사이트와 모바일 앱의 성공은 다양한 요소에 달려 있으며, UX는 그 목록의 마지막이 아닙니다. 로그인 폼과 같은 작은 구성 요소는 일반적으로 UX에서 중요한 역할을합니다. 매력적인 로그인 페이지는 처음 웹 사이트 방문자를 충실한 친구로 만들 수 있지만 로그인 페이지 디자인이 좋지 않으면 이탈률이 높아질 수 있습니다.복잡한 로그인 폼 디자인은 오늘날의 소비자가 기대하는 것이 아닙니다. 시간이 너무 소중한이 급변하는 세상에서 사람들은 특히 모바일 화면에서 양식에 액세스하는 경우 긴 양식을 작성하는 데 시간을 낭비하지 않을 것입니다.온라인 상점, 소셜 미디어 네트워크, 블로그 및 온라인 뱅킹 웹 사이트 는 모두 이러한 양식이 필요한 악의적 인 웹 사이트 및 응용 프로그램의 예입니다. 인기가 많고 트래픽이 .. 2018. 6. 14. 404오류 페이지 디자인 종류 (2018년) 웹 사이트에 액세스 할 때 사용자는 일반적으로 특정 목표를 염두에두고 있습니다. 그리고 기술적 인 문제는 그들이 기대할만한 것이 아닙니다. 막 다른 골목을 치는 것은 방문자를 좌절시키고 종종 사이트를 포기하게하고 다시는 돌아 오지 않게합니다. 그러나 때로는 오류를 피하기 위해 노력하는 경우에도 오류가 불가피합니다. 그리고 404 오류는 그 중 하나를 나타냅니다.404 페이지 란 무엇입니까?404 오류 페이지는 방문자가 더 이상 존재하지 않거나 전혀 존재하지 않을 수있는 웹 사이트의 페이지에 도달하려고 시도 할 때 표시됩니다. 이처럼 404 페이지를 찾을 수없는 오류를 수정하는 효과적인 방법 이 있지만 완전히 제거하지는 못할 것입니다.이 페이지가 나타나는 몇 가지 일반적인 이유가 있습니다.페이지 제거사이트.. 2018. 6. 14. 게임 웹 사이트 디자인 우수 사례 소개10 년 전에 제작 된 비디오 게임과 현대 게임을 비교해 보면 기술력과 시각적 능력이 큰 차이가 있음을 알게 될 것입니다. 매년, 비디오 게임 산업은 시대에 맞춘 수백 가지의 업그레이드 된 게임을 제작합니다. 디자이너는 훌륭한 사용자 인터페이스 및 디자인 방식을 통해 만족스럽고 즐거운 사용자 경험을 만들어냅니다. 영웅과 풍경은 해가 갈수록 현실적입니다. 또한 게임 웹 사이트는 비디오 게임과 함께 생성되고 업그레이드됩니다. 이 기사에서는 깊이있는 게임 웹 사이트 유형을 설명하고 10 가지 멋진 게임 웹 사이트 디자인 예제를 소개합니다.게임 웹 사이트의 카테고리게임 산업에는 엄청난 양의 비디오 게임뿐 아니라 다양한 종류의 게임 홍보 모델이 있습니다. 거의 모든 비디오 게임에는 차례대로 다양한 웹 사이트가.. 2018. 6. 13. 이전 1 2 3 다음
