CSS 레이아웃: 유행하는 레이아웃과 패턴의 집합

엔지니어로서 나는 많은 레이아웃과 부품을 처리해야 한다.
많은 CSS 프레임워크가 유행하는 레이아웃과 구성 요소를 제공하지만, 나는 내 프로젝트에 전체 프레임워크를 포함하고 싶지 않다. 왜냐하면

그것은 거대하고 내가 필요로 하지 않는 것이 많다

모든 레이아웃이나 구성 요소는 많은 사람들에게 많은 기능을 제공하기 때문에 불필요한 옵션을 제공한다

각기 다른 수요가 있는 항목마다 구글에서 특정 레이아웃이나 UI 모델의 가장 기본적인 부분을 검색하고 그 중에서 구축한다.
그래서 가장 유행하는 레이아웃과 구성 요소를 수집했습니다. 순수한 CSS로 구축할 수 있습니다.그것들은 flexbox와grid 등 현대 CSS 기능에서 지원한다.
이것은: https://csslayout.io🎉🎉🎉

그것들은 모든 특정한 수요에 따라 쉽게 선택하고 맞춤형으로 제작할 수 있는 좋은 출발점이다.그것들을 조합함으로써 너는 현실 생활에 존재하는 모든 가능한 구조를 가질 수 있다.
이것은 나에게 매우 큰 도움이 되었으니, 그것이 너를 도울 수 있기를 바란다.

소스 코드

이것은 가짜 JavaScript 코드이지만 웹 사이트를 구축하는 데 사용하는 모든 도구를 포함합니다.

this
    .madeWith([react,typescript])
    .then(r => lint(tslint))
    .then(r => lazyLoad(@loadable/component))
    .then(r => optimizeAndBundle(webpack))
    .then(r => exportHtml(react-snap))
    .then(r => deploy(Netlify))
    .then(r => {
        expect(r).is(scalableCode);
        expect(r).is(superFastWebsite);
        expect(r).is(seoFriendly);
    })
    .finally(() => {/* Give me 1 star */}) 🎉

사이트 전체가 오픈소스이기 때문에 탐색해 봅시다. 저에게 Github의 별을 주세요:)