본문 바로가기

벌마CSS

[Bulma]버튼 Button 이번시간은 버튼에 대해서 알아보겠습니다. Button Bulma Button 색상 기본버튼: button button is-primary button is-link button is-info button is-success button is-warning button is-danger 크기 button is-small button button is-medium button is-large 상태 button is-primary is-outlined 로딩중 "button" disabled 이렇게 필요한 클래스를 적어주는 것만으로 손쉽게 버튼 구현이 가능합니다. 더보기
[Bulma]Hello World Bulma Bulma CSS FrameWork 강좌 시작하겠습니다. 강좌 모든 내용은 https://bulma.io/ 에서 한국어 메뉴얼 생성했습니다. 설치방법 설치방법은 너무 간단합니다. Node.js가 설치된 상태에서 터미널에 아래 명령어를 실행해주면 됩니다. yarn add bulma 설치 끝잘 설치됐는지 확인용 html 생성해보겠습니다. index.html root ㄴindex.html Hello Bulma My first website with Bulma! 방금 만든 index.html을 실행해보겠습니다. Hello Bulma가 잘 보이나요? 더보기
[Bulma]벌마 CSS 프레임워크 Bulma 개인프로젝트에서 Bulma를 한번 사용해보려고 합니다. Bulma는 CSS FrameWork 임에도 부트스트랩보다 가벼워 테스트적인 용도가 아니라 실 구축에서도 써볼만할 정도로 가볍더라구요.우선은 찾아보고 조사했던 장단점을 써놓을건데, 직접 써보고 제 느낀 점대로 고칠 예정입니다. Bulma 장점 -가볍다(Only CSS, 최고 장점) -CSS3 기술들로 제작되어 편리 -러닝커브가 낮은편 -커스터마이즈가 쉽다. -Bulma 문법을 따라야 하기에 CSS가 오염되지 않는 편 -아직 사용자가 적어 참신한 느낌 Bulma 단점 -순수 CSS로만 구성되다 보니 기능이 제한적이다. -브라우저 호환성 낮음 -구형브라우저 지원 불가 -한국어 가이드 문서 없는 편 더보기