본문 바로가기
728x90
반응형

샘플2

접근성을 고려한 프런트엔드 UI 샘플 - Frend #1967 Frend(프랜드?) 발음은 잘 모르겠습니다만.. 접근성을 고려한 최신 프런트 엔드 구성요소입니다. 자바스크립트는 ES2015 모듈을 사용하고 있다고 합니다. 이 사이트는 많이들 사용하고 있는 Jekyll로 구성된 사이트네요. 사이트에 사용된 CSS는 BEM을 적용시켰다는 등등 여러 정보가 있지만, 이런 건 둘째치고 사이트에서 제공하고 있는 샘플들은 공부하기에 적당한 것 같습니다. 사이트 구조는 Frend에서 제공하는 샘플이 전부입니다. 각 샘플들의 페이지에서는 각 샘플에 대한 개요와 설치방법, 사용법, 옵션, 지원 브라우저 현황(데스크톱, 모바일 포함) 등에 대해서 설명해 주고 있는 구조를 가지고 있습니다. Frend — A collection of accessible, modern fron.. 2019. 10. 26.
vuetify grid layout 들여다보기 아래 내용은 버전 1.x대의 내용입니다. 2.x대에서 기본 레이아웃을 잡는 규칙이 변경되었습니다. 기본적인 레이아웃을 참고하실 경우 다음 글을 참고하시면 좋으실지도 모르겠습니다. - 2020/09/26 - [IT/program] - Vuetify 2.x 버전으로 레이아웃 잡기 프레임워크를 그리 좋아하지 않는 저로서는 아마 프로젝트가 끝나고 나면 Vuetify를 사용할 일은 두번다시 없지 않을까 생각하면서도.. 메모는 해두어야 겠다는 생각이 들어서.. 대부분의 웹프레임워크가 그렇듯이 Vuetify역시 기본적으로 반응형웹을 고려하여 만들어져 있으며, 일반적으로 사용되는 12단 형식을 사용하고 있습니다. Vuetify에서 제공하는 반응형 웹의 기본적인 내용은 'https://vuetifyjs.com/ko/la.. 2018. 10. 13.
728x90
반응형