웹 디자이너 및 개발자를위한 새로운 리소스 (2016 년 3 월)
마지막 연재에서는 더 나은 웹 사이트와 웹 애플리케이션을 개발하는 데 도움이되는 다양한 Javascript 및 CSS 라이브러리에 중점을 두었습니다. 이번 달에는 타이포그래피에 중점을두고 더 많은 도서관을 추천합니다..
시리즈의 이번 라운드에서는 몇 가지 JS 라이브러리를 살펴볼 수있을뿐만 아니라 팁 모음, 타이포그래피에 대한 매우 긴 에세이, 컬러 생성기 및 경량 프론트 엔드 프레임 워크를 사용할 수 있습니다. 더 이상 고민하지 않고 확인해 봅시다..
추가 자료를 보려면 클릭하십시오.추가 자료를 보려면 클릭하십시오.
추천 자료 및 최고의 웹 디자인 및 개발 도구 모음을 찾아보십시오..
JS 팁
JS 팁은 자바 스크립트 팁 모음이며 그 중 일부는 돌아 다니고 있습니다. 통사론, 몇 가지 코드 효율성 및 성능, 다른 일부는 AngularJS와 같은 프레임 워크에만 적용됩니다. 매일 새로운 팁이 추가되고 현재 50 개의 팁이 발행되었습니다. 그것은 본질적으로 반드시 북마크해야한다. 모든 웹 개발자를위한 사이트.
방랑 관리자
방랑 관리자 Vagrant를 제어하는 GUI 응용 프로그램입니다. Vagrant를 중지하거나 실행할 수있는 MAMP와 현재 실행중인 Vagrant를 확인할 수 있습니다. 이 응용 프로그램은 OS X 및 Windows에서 사용할 수 있습니다. 방랑자가 무엇인지 확실하지 않다면, 이전 글에서 방글라데시를 사용하여 WordPress를 로컬에 설치하는 방법을 확인하십시오..
부르마
부르마 프론트 엔드 프레임 워크입니다. 패키지에는 일부 공통 UI 구성 요소 탐색, 드롭 다운, 그리고 (물론) 그리드와 같은 웹의 플렉스 박스. 누락 된 유일한 기능 (적어도 현재는)은 JavaScript 구성 요소입니다. Bulma 구성 요소는 Bootstrap과 비교할 때 훨씬 얇은 편이지만 작지만 표현하기 쉬운 웹 사이트를 구축하는 데 충분해야합니다..
구텐베르크
요하네스 구텐베르크 (Johannes Gutenberg)의 이름을 딴 대중 언론 발명가. 구텐베르크 컬렉션입니다 적절한 서체 설정을위한 스타일 규칙 웹에서. 스타일 규칙은 기준선, 글꼴 크기 및 크기 조정 및 선 높이를 설정합니다. 웹 사이트 콘텐츠를 훨씬 더 멋지게 꾸미는 훌륭한 스타일 라이브러리.
OkayNav
OkayNav 는 반응 형 네비게이션을 구현하는 jQuery이지만 다른 것은 아닙니다. 플러그인은 반응하는 디자인과 약간 다른 방식을 취합니다. 뷰포트의 크기가 작아지면 각 메뉴는 차례로 제한된 뷰포트 크기를 허용하는 아이콘으로 병합되었습니다. 멋지다, 그렇지 않아.?
새로운 웹 타이포그래피
그만큼 새로운 웹 타이포그래피 는 타이포그래피에 대한 심층적 인 시각 여론입니다. 책 초창기부터 웹에서 제작하고 소비하는 현재의 스타일에 이르기까지 스타일을 설명합니다. 여러 삽화로 잘 연구되고 완전히 참조 된 Robin Rendle의 오랜 기사이지만 타이포그래피에 대한 더 나은 이해를 위해 꼭 읽을만한 가치가 있습니다..
색상 안전
색상 안전 웹용 색상 생성기 팔레트입니다. 이 시리즈에서 이전에 언급 한 도구와 달리 ColorSafe는 색상 접근성을 위해 WCAG 표준을 준수하는 색상 만 생성합니다.
접근 가능한 모달 대화 상자
이 라이브러리는 ~ 0.5kb의 작은 자바 스크립트 라이브러리입니다. 모달 대화 상자 창 만들기. 액세스가 가능하여 키보드와 마우스로 대화 상자를 열고 닫고 탐색 할 수 있습니다. 패키지는 단순한 JavaScript, 스타일링이 아니므로 원하는대로 대화 상자 모달을 자유롭게 모양을 지정할 수 있습니다..
Mo.js
Mo.js 자바 스크립트 애니메이션 라이브러리의 전체 패키지입니다. 프리셋 몇 개와 함께 제공되므로 애니메이션을 빠르게 설정하고 실행할 수 있습니다. 모듈화되어있어 불필요한 기능은 물론 유체 및 부드러움을 제거 할 수 있습니다. 불행히도 새 라이브러리가 새로 생겨서 설명서가 아직 준비되지 않았습니다..
입자
이 라이브러리는 웹 사이트에 떠 다니는 파티클 네트워크를 추가하여 웹 사이트를 즉시 더 차갑게 보이게합니다. 입자가 커서 움직임에 반응합니다. 반응, 색상, 거리 및 모양과 같은 다른 요소는 옵션을 통해 구성 할 수 있습니다..