최고의 오픈 소스 CSS 프레임 워크

대부분의 웹 사이트는 콘텐츠 관리자 아래에서 실행되지만 처음부터 포털을 만드는 것을 선호하는 것이 많습니다. 어쨌든 콘텐츠 관리자는 시각적 인 모습을 관리 할 사람이 필요합니다. 이 게시물에서 CSS 스타일 시트를 만드는 데 가장 적합한 도구를 살펴 보겠습니다.

처음부터 시작하겠습니다. CSS 란 무엇입니까?

꿈의 집은 어떤 모습일까요? XNUMX 층 또는 XNUMX 층입니까? 아래층에 침실을, 위층에 주방을 원하십니까? 침실에 욕조를 두지 않겠습니까?

그게 해결되면 방을 어떤 색으로 칠할까요? 돌의 앞쪽을 만드시겠습니까?

우리는 웹 사이트와 집을 비유 할 수 있습니다.. 한편으로 우리는 사이트의 구조 및 다른 시각적 측면.  이 경우 장식 샘플을보고 계획과 외관으로 구조를 결정한다.

CSS는 Cascading Style Sheets의 머리 글자입니다.. HTML은 웹 문서를 구성하는 데 사용되는 반면 (페이지, 제목과 같은 것을 정의하고 이미지, 비디오 및 기타 미디어를 포함 할시기를 나타냄) CSS는 페이지 레이아웃 스타일, 색상 및 타이포그래피를 설정합니다.

CSS 사용 각 HTML 요소의 스타일을 정의 할 수 있습니다.. 요소는 웹 페이지의 개별 HTML 구성 요소입니다.

스타일 시트 외부, 내부 또는 온라인 일 수 있습니다.. 외부에서 사용하려면 파일을 .css 파일로 저장하고 .html 파일에 위치를 지정해야합니다.

내부 모드에서는 특정 .html 페이지의 헤더에 지침이 작성되므로 페이지로드 속도가 느려지고 수정이 더 복잡해집니다.

온라인 모드에서는 외부 스타일 시트가 다른 서버에서 호스팅됩니다. 여러 번 사용하고자 할 때 특히 적합합니다.

CSS 프레임 워크 란 무엇입니까?

CSS 프레임 워크 사용자 인터페이스 개발자가 작업 속도를 높이기 위해 사용하는 도구입니다. 새 프로젝트가 나올 때마다 처음부터 솔루션을 만드는 대신 l프레임 워크는 개발자에게 필요에 따라 조정하고 반복 할 수있는 사용자 인터페이스를 빠르게 생성 할 수있는 도구를 제공합니다.

간단히 말해서 프레임 워크를 다음과 같이 정의 할 수 있습니다. 바로 사용할 수있는 CSS 스타일 시트 모음 다양한 상황에서

시간 절약은 CSS 프레임 워크를 사용하는 유일한 이점이 아닙니다. 그것들을 사용함으로써 디자인이 표준화됩니다. 개발자가 다른 개발자의 코드를 쉽게 읽을 수 있습니다.

최고의 오픈 소스 CSS 프레임 워크

부트 스트랩

자신에 따르면부트 스트랩은 HTML, CSS 및 JS를위한 가장 인기있는 프레임 워크입니다. 모바일 친화적 (모바일 우선) 및 반응 형 사이트를 디자인하는 데 이상적입니다.

Foundation

틀을 만드는 사람에게는 할머니가없는 것 같습니다.
Foundation 설명 "세계에서 가장 진보 된 적응 형 프레임 워크"

웹 사이트 및 웹 응용 프로그램을 만드는 데 유용한 도구입니다. 비즈니스 요구에 중점을 둡니다. Facebook, eBay, Mozilla, Adobe, HP, Cisco 및 Disney가 사용자 중입니다.

불마

불마 무료 오픈 소스 CSS 프레임 워크입니다. Flexbox를 기반으로하며 200.000 명 이상의 개발자가 사용하고 있습니다.

Flexbox는 인터페이스에서 항목 사이의 공간을 분배하고 정렬 기능을 개선하도록 설계되었습니다. Flexbox는 한 번에 하나의 차원 (행 또는 열)의 레이아웃 만 처리합니다. 이는 열과 행을 동시에 처리하는 CSS 그리드 레이아웃의 XNUMX 차원 모델과는 대조적입니다.

시맨틱 UI

시맨틱 UI 개발 프레임 워크입니다. 인간 친화적 인 HTML을 사용하여 아름답고 반응이 빠른 레이아웃을 만드는 데 도움이됩니다.

이 프레임 워크를 통해 3000 개 이상의 주제 변수와 50 개 이상의 사용자 인터페이스 구성 요소로 아름다운 디자인을 만들 수 있습니다.

또한 React, Angular, Meteor 또는 Ember를 포함한 많은 타사 라이브러리와 통합됩니다.