이 GitHub 페이지는 일반적인 UI 기능을위한 비 JS 대안을 나열합니다.
몇 번이나하고 싶습니까? 빠른 CSS 전용 슬라이드 쇼 또는 모달 창 만들기? 이것들은 가장 일반적인 UI 요소 웹에서 요즘에는 자바 스크립트 없이도 빌드 할 수 있습니다..
물론 Google을 만나 솔루션을 찾고있을 가능성이 있습니다. 하지만 왜 안돼? 선별 된 목록에서 선택 놀라운 리소스?
바로이 GitHub 페이지가 등장합니다. 제목이 붙었다. "자바 스크립트가 필요 없다", 그 (것)들을위한 실행할 수있는 해결책의 거대한 명부를 제안합니다 공통 인터페이스 요소.
한 가지주의해야 할 점은 이러한 코드는 모든 끝이 아닌 해결책.
목록에있는 모든 항목이 모든 브라우저를 지원하는 것은 아니며 이러한 솔루션 중 상당수가 모바일 브라우저의 정상적인 성능 저하 또는 문제를 완벽하게 처리 할 수 없습니다. 그래서 당신은 각자 개별적으로 수의사가되다. 사안별로.
그러나 당신이 죽어 가고 있다면 순수한 CSS 솔루션 다음이 GitHub 당신이 덮여있다.
목록 기능 20 가지 UI 요소 다음과 같은 많은 주요 솔루션이 있습니다.
- 햄버거 메뉴
- 툴팁
- 탭
- 이미지 갤러리
- 드롭 다운 메뉴
- 그리고 훨씬 더.
각 프로젝트 CodePen 데모 링크 당신이 할 수있는 곳 살아있는 것을 보아라. 와 함께 샘플 소스 코드.
이 특정 GitHub 저장소를 주목하십시오. 실제 코드가 없습니다. 그 안에. 오히려 그것은 단지 CodePen 데모 목록 특징 공통 인터페이스 문제에 대한 비 JS 솔루션.
향후 참고 자료로 북마크하고 필요할 경우 가까이에 보관할 수있는 완벽한 자료입니다..
누구에게나 연락을하면 기부 할 수 있습니다. 메인 GitHub 페이지 새로운 자료에 대한 아이디어 나 제안이 있다면.
너는 자유 야. 모든 소스 코드 복사 이러한 데모 및 그들을 재사용하다. 프로젝트에서.
그냥 CSS 속성 탭을 확인합니다. 어떤 것을 복사하기 전에 여분의 라이브러리를 포함한다..
전반적으로 이것은 환상적인 GitHub 레포이며, 완벽한 하나의 솔루션으로 Google을 수색하는 것보다 사용하기가 훨씬 쉽습니다..
을 체크 해봐 전체 GitHub 페이지는 여기에 있습니다., 네가 원한다면 모든 잠재적 변경 사항보기 당신은 풀 요청 탭.