웹 디자이너 및 개발자를위한 새로운 리소스 (2015 년 7 월)
웹 개발자는 온라인에서 무료로 제공되는 도구 및 리소스를 사용하여 매월 Fresh Resources 시리즈에 정성을 기울여 수집합니다. 지난 달 배치를 놓친 경우 여기를 다시 방문하거나 올해 초반에 작성된 나머지 신선한 자료를 확인하십시오..
2015 년 7 월 일괄 작업을 위해 우리는 새로운 도구와 리소스를 사용하여 WordPress 플러그인에서 개인적으로 자바 스크립트 라이브러리에 플러그인 업데이트를 배포하여 매력적인 애니메이션을 추가 할 수 있도록 도와줍니다..
알라딘
이 플러그인은 OS X Spotlight와 유사한 WordPress 관리 기능을 추가합니다. 이를 통해 Mac의 파일 및 폴더에 빠르게 액세스 할 수 있습니다. 설치가 완료되면 Shift 키를 두 번 누른 다음 액세스하려는 항목을 입력하십시오. 키보드 사용으로 WordPress 관리를보다 쉽게 사용할 수 있습니다..
SiteOrigin CSS
SiteOrigin CSS는 실시간으로 모든 테마 모양을 사용자 정의하는 강력한 WordPress 플러그인입니다. 플러그인은 새 패널을 모양> 사용자 정의 CSS 메뉴. 여기서 사용자 정의 CSS 규칙을 작성하여 사용중인 테마의 CSS를 덮어 쓸 수도 있고 GUI 패널을 사용하여 직관적으로 CSS 규칙을 추가 할 수도 있습니다.
DynamicsJS
DynmaicJS는 물리 기반 애니메이션을 적용하는 라이브러리입니다. 나는 Physic 전문가는 아니지만이 메뉴의 예제는 정말 멋지다. HTML 및 SVG 요소에 애니메이션을 적용 할 수 있으며 종속성없이 빠른 성능을 제공합니다. DynamicJS는 Safari 7 이상, Firefox 35 이상, Chrome 34 이상 및 IE 10에서 테스트되었습니다.+.
비행기 모드
이 플러그인은 Google Fonts, Gravatar 및 WordPress 업데이터에 대한 몇 가지 WordPress 외부 HTTP 요청이 플러그인 및 테마 저장소에 대한 업데이트 시도를 방지합니다. 이러한 호출이 실패 할 때 발생하는 오류를 억제하기위한 로컬 개발을위한 유용한 플러그인입니다 (일반적으로 예외적으로 느린 인터넷에서 로컬로 개발할 때 발생합니다).
커버 러
웹 사이트 헤더에 적합한 동영상 모음입니다. 모든 비디오는 무료이며 공용 도메인으로 라이센스됩니다. 체크 아웃하는 것을 잊지 마세요. “사용하는 방법” 섹션을 통해 웹 페이지에 비디오를 추가하는 방법을 배웁니다..
활기찬
VibrantJS는 이미지에서 눈에 띄는 색상을 부여합니다. 또한 색상 형식을 전환하고 배경 및 텍스트에 적합한 구성을 결정하는 것과 같이 획득 한 색상을 처리 할 수있는 몇 가지 API를 제공합니다. 이 도구를 사용하여 동적 색상 생성을 사용하여 웹 사이트 인터페이스를 개선하고 이미지가 아직 완전히로드되지 않은 상태에서 자리 표시 자 이미지로 색상을 사용하거나 색상 견본을 생성하기위한 웹 응용 프로그램을 만들 수 있습니다.
GradifyCSS
이 라이브러리는 두 개의 눈에 띄는 색상을 잡고 얻은 색상 중 CSS 그라디언트를 생성합니다. VibrantJS와 마찬가지로 그라디언트를 이미지가 완전히로드되지 않았을 때 또는 오버레이 색상으로 사용할 때 이미지 자리 표시 자로 적용 할 수 있습니다.
PurifyCSS
PurifyCSS는 스타일 시트에서 사용되지 않은 CSS 규칙을 지 웁니다. 이를 사용하여 부트 스트랩 및 파운데이션과 같은 대형 프레임 워크의 스타일 시트 크기를 최대 40 %까지 줄일 수 있습니다. PurifyCSS는 Grunt and Gulp 플러그인으로 사용할 수 있습니다..
WordPress의 타이틀 자본
그 이름은 모든 것을 말했습니다. 이 WordPress 플러그인은 게시물과 페이지를 저장하거나 게시 할 때 제목과 제목을 콘텐츠에서 적절한 대문자로 변환합니다. 이 플러그인은 웹 사이트 콘텐츠에 일관성을 유지하기 위해 여러 명의 작가가있는 웹 사이트에 유용합니다..
GitHub 업데이터
이 플러그인을 사용하면 설치하고 자동으로 업데이트 GitHub에서 호스팅되는 WordPress 플러그인. 이름에도 불구하고이 플러그인은 개인 저장소에 포함 된 Bitbucket 및 GitLab도 지원합니다. 플러그인이나 테마를 고객 전용으로 개발하여 배포하는 개발자에게 유용한 플러그인입니다..
코드 예제
코드 예제 모음 WordPress 테마 검토 팀. 이 예제는 Section, Settings 및 Panel을 생성하는 것을 포함하여 Customizer API를 사용하여 Theme Customizer 구성 요소를 빌드하는 코드로 구성됩니다. 미래에 추가 된 베스트 프랙티스의 코드 예.