웹 디자이너 및 개발자를위한 새로운 리소스 (2016 년 7 월)
이 자료에는 다양한 자원이 다시 제공됩니다. 우리는 다음 착륙 페이지 디자인에 영감을 불어 넣는 출처, 눈부신 화면의 효과를 줄이기위한 두 가지 방법, 드래그 앤 드롭으로 웹 레이아웃을 작성하는 플러그인, 날짜 선택 도구를 돋보이게하는 jQuery 플러그인, 많은 자바 스크립트 개발자를 돕기위한 라이브러리.
또한 HTTP2, 인쇄 용어, 접근성이 용이 한 사이트 구축 및 프로그래밍 언어 구문 검색 엔진에 대한 리소스가 포함되어 있습니다. 그들을 체크하자..
추가 자료를 보려면 클릭하십시오.추가 자료를 보려면 클릭하십시오.
추천 자료 및 최고의 웹 디자인 및 개발 도구 모음을 찾아보십시오..
방문 Folio
방문 Folio는 방문 페이지 디자인의 예를 찾을 수있는 중심적인 장소입니다. 사이트에는 수백 가지 예제가 있으며 범주를 기반으로 목록을 미세 조정할 수 있습니다. 이것은 확실히 웹 디자이너를위한 서표를만한 가치가있다..

요소 쿼리
수행 할 수있는 자바 스크립트 요소 쿼리. 요소 질의는 @요소
달리, @미디어
, @요소
그 이상의 많은 조건을 알고있다. “신장” 과 “폭”. 예를 들어, 요소에 포함 된 숫자 문자를 기반으로 스타일을 적용 할 수 있습니다.

HTTP2
HTTP2 HTTP의 최신 사양으로 중요한 변경 사항이 있습니다. 더 나은 성능과 효율적인 데이터 전송을 보장합니다. 이 리소스에서는 이러한 변경 사항 (세부 사항), 보안, 속도 및 사용자 경험에 미치는 영향을 확인할 수 있습니다.

엘리멘터
엘리멘터 드래그 앤 드롭으로 웹 레이아웃을 만들 수있는 WordPress 플러그인입니다. Elementor를 사용하면 더욱 매력적인 레이아웃을 만들 수 있습니다. 그것은 반응, 완벽하게 사용자 정의 및 사용자 친화적 인.

TimeDropper
이 플러그인에는 웹에서 날짜를보다 매력적으로 선택하는 몇 가지 애니메이션이 있습니다. 또한 UI 모양을 변경하는 데 사용할 수있는 옵션이 있습니다. 그것은 더 매운 데이트 피커를위한 jQuery 플러그인입니다..

SyntaxDB
프로그래밍 언어 구문을 검색하는 검색 엔진입니다. 현재 Java, C, Ruby, JavaScript 및 Python을 포함한 많은 언어를 지원합니다. 데이터베이스 및 언어 지원이 늘어남에 따라 개발자를위한 최고의 검색 엔진이 될 수 있습니다..

Github Dark UI
Github Dark UI Github.com의 어두운 색 테마입니다. 희미한 환경에서 작업하거나 오랜 시간 동안 화면을 응시해야하는 경우 이는 좋은 대체 색 구성표가 될 수 있습니다..

초경량
다른 색상으로 코드를 강조 표시하는 대신 아래에서 볼 수 있듯이 Microlight는 코드를 만듭니다 “불타는 듯한 빛깔”. 코드를 강조하는 JavaScript 라이브러리 - 말 그대로.

BarbaJS
BarbaJS는 JavaScript History API / pushState를 통해 원활한 페이지 전환을 가능하게하는 JavaScript 라이브러리입니다. 이 플러그인에는 메소드, 맞춤 이벤트 및 소수의 API가 포함되어있어 웹 사이트의 페이지를 더 원활하게 사용할 수 있습니다. 여기 예시들이 있습니다.

유형 사용
이제까지 무엇이 다른지 궁금해했다. “문자 간격” 과 “커닝” ~이다.? 유형 사용 이 혼란스러운 인쇄 기술 용어를 배울 수있는 대화식 프레젠테이션입니다..

버터 빈
버터 빈 WordPress에 Meta Box를 구축하는 새롭고 정교한 플러그인입니다. 그것은 현대적인 WordPress Customizer API 아키텍처에 따라 개발되었습니다. 이 특정 WordPress 관리 UI를 더욱 우아하게 만들어줍니다..

어린이 테마 확인
부모 테마에 대해 자녀 테마를 확인하는 WordPress 플러그인. Child 테마가 의존하는 파일이 업데이트되었는지를 검사합니다..

CloudFlare UI
CloudFlare UI React 위에 구축 된 컬렉션 UI 구성 요소입니다. React의 인기가 상승하고있는 것을 고려해 보면 비슷한 UI 프레임 워크가 많이있을 수 있습니다..

Lerna
대규모 프로젝트에서 여러 패키지 및 저장소를 관리해야한다는 것은 피할 수없는 일입니다. 이 도구를 사용하면이 특정 상황을 처리하고 결국 워크 플로를 간소화 할 수 있습니다..

침착 해
침착 해 CPU 사용을 줄이는 데 도움이되는 JavaScript 라이브러리입니다. JavaScript 네이티브 함수 대신 사용할 수있는 함수 집합을 제공합니다. 일반 웹 사이트 또는 Node.js 기반 애플리케이션에 배포 할 수 있습니다..

젤 타이포그래피
젤 타이포그래피 BBC의 서체 스타일 가이드입니다. 활자체를 표준화하는 방법에 대한 훌륭한 자료와 영감.

사고 패턴
MIND Patterns는 접근 가능한 전자 상거래 웹 사이트를 구축하기위한 실용 가이드입니다. HTML 구성, ARIA 레이블 사용 및 장애가있는 사용자가 사용하기 쉬운 CSS 스타일 작성과 관련하여 가이드를 제공합니다..

CSS의 특이성
CSS Specificity의 작동 방식을 설명하는 일러스트레이션 모음.

CSS 추출
CSS를 최적화하는 데 도움이되는 Chrome 확장 프로그램입니다. 귀하의 페이지를 스크랩하고 보고서와 함께 사용 된 속성 목록 (예 : 색상)을 제공합니다..

템플릿 숨김
HTML5, WordPress, Ghost, Bootstrap 및 전자 상거래 템플릿을 포함한 다양한 유형의 템플릿을 찾을 수있는 손으로 골라낸 템플릿 모음.
