웹 디자이너 및 개발자를위한 새로운 리소스 (2016 년 8 월)
이 기사에서는 다음과 같은 목록 프레임 워크와 도구를 제공합니다. 웹 개발에 초점을 맞춘. 흥미롭게도 Microsoft와 Alibaba와 같은 거대 기업에서 나온 몇 가지 도구와 프레임 워크를 발견했습니다..
이것은 더 좋은 회사가 오픈 소스에 기여하고 더 나은 웹을 형성하는 데 도움이되기 때문에 좋은 신호입니다. 이 달의 편집을 위해 무엇이 매장에 있는지 살펴 보겠습니다..
추가 자료를 보려면 클릭하십시오.추가 자료를 보려면 클릭하십시오.
추천 자료 및 최고의 웹 디자인 및 개발 도구 모음을 찾아보십시오..
귀여운 스트랩
Sass 위에 구축 된 UI 프레임 워크. 양식, 탐색 및 버튼과 같은 가장 일반적인 모든 웹 인터페이스가 제공되므로 많은 경우에 충분합니다. 부트 스트랩 및 파운데이션과 같은 인기있는 프레임 워크가 압도적 인 경우, 커틀랩 너에게 좋은 대안이 될지도 몰라..

HTML5 테스트
HTML5 테스트 는 브라우저가 최신 HTML5 사양을 얼마나 멀리 지원하는지 테스트하는 온라인 도구입니다. 최신 웹 응용 프로그램을 디버깅하고 테스트하는 사람들을위한 편리한 도구입니다..

브라우저 열량
브라우저 열량 웹 페이지의 무게를 측정하는 Chrome 확장 프로그램입니다. 로드 된 파일과 페이지의 전체 가중치에 대한 해당 파일을 스캔합니다. 웹 사이트 성능을 최적화하는 데 도움이되는 아주 작은 도구.

웨이
웨이 Alibaba에서 HTML, CSS 및 JavaScript만으로 모바일 앱을 개발할 수있는 프레임 워크입니다. 모듈, UI 구성 요소, 자체 DevTools 및 CLI가 모바일 환경에 맞게 설계되어 개발 속도가 향상됩니다..

Microsoft 웹 프레임 워크 (MWF)
Microsoft의 프레임 워크, MWF Microsoft Modern 디자인 언어를 기반으로합니다. 평면, 깨끗하고 단순합니다. UI 구성 요소를 제외하고이 프레임 워크는 색상, 타이포그래피 및 애니메이션 사용에 대한 지침도 제공합니다. Material Design Lite가 드디어 동등 경쟁자를 만났다고 생각합니다..

치명적인
치명적인 매우 기쁜 최소 인터페이스가있는 프레임 워크입니다. 가볍고, JavaScript가없고, 기본적으로 Rogue입니다. Ruby 기반의 syntaxhiglighter입니다..

폰테
폰테 수백 개의 Google 글꼴을 쉽게 관리하고 적용 할 수있는 무료 Photoshop 확장 프로그램입니다. Photoshop 내부에서 글꼴을 검색하고 미리보고 글꼴을 디자인에 바로 적용하여 작업 흐름을 간소화 할 수 있습니다..

이슬비
이 도구를 사용하면 웹 사이트의 UI 패턴 또는 스타일 가이드를 작성할 수 있습니다. 색상, 기본 스타일 또는 구성 요소의 레이아웃과 코드 스 니펫과 같은 요소가 생성됩니다. 스타일 가이드 생성기 이슬비 웹 사이트 스타일과 일관성있게 머물 수있게 해줍니다..

인터 쿨러
InterCoolerJS HTML 속성을 추가하는 것만 큼 쉽게 웹 사이트에 AJAX를 적용하는 JavaScript 라이브러리입니다. 도구 사용을 시작하는 데 도움이되는 광범위한 가이드와 많은 예제가 제공됩니다.

Picla
Picla 이미지에서 가져온 이미지 레이블을 표시하는 jQuery 플러그인입니다. 대체
속성. 사용자 정의 스타일 및 동작을 레이블에 추가 할 수있는 몇 가지 옵션을 제공합니다. Bower와의 웹 사이트 의존성으로 Picla를 설치할 수 있습니다..

이지 모달
표시 할 jQuery 플러그인은 다음과 같습니다. 모달 팝 업. 이지 모달 개인화를위한 많은 옵션이 있습니다. 예를 들어, 애니메이션, 텍스트 컨텐츠, 색상을 사용자 정의 할 수 있습니다. 가볍고 반응이 좋으며 망막이 준비되어 있습니다..

메가 보일러 플레이트
메가 보일러 플레이트 개발 스택을 신속하게 설정하는 발전기입니다. 웹 사이트로 이동하여 웹 사이트 기반으로 사용할 도구 및 라이브러리 (Node.js, HTML5, Vanilla JavaScript 및 Electron)를 선택하십시오. 압축 된 패키지에서 필요한 모든 것을 컴파일하고 구성하여 다운로드 준비가 완료됩니다..

기적
Web Audio API를 사용하여 최신 오디오 플레이어를 표시하는 JavaScript 라이브러리, 기적 IE9만큼 오래된 브라우저에서 작동하며 MP3, WEBM, WAV와 같은 많은 오디오 코덱을 지원합니다. 다양한 기능, 모듈 식 및 외부 라이브러리가없는 작업.

SuperEmbed
SuperEmbed 원래의 비율을 유지하면서 임베디드 객체를 반응 적으로 만드는 작은 JavaScript 라이브러리입니다. Youtube, Flickr, Vine, VideoPress, DailyMotion 등 다양한 소스를 지원합니다. 데모보기.

CleaveJS
쪼개다 입력의 값을 자동으로 형식화하는 JavaScript 라이브러리입니다. 예를 들어 통화 구분에 천 단위 구분 기호를 추가하거나 신용 카드 번호 입력에 공백을 추가하거나 /
날짜 입력. 더 나은 사용자 환경을 제공하려면이 라이브러리를 사용하십시오..

일반적으로 뒤집기
뒤집기 전형 시스템에 설치된 모든 글꼴을 볼 수 있습니다. 이 앱을 사용하는 것보다 더 편리하다고 생각합니다. FontBook MacOS에서 app. 임의의 텍스트를 입력하고 내 시스템의 글꼴 중 가장 잘 보이는 글꼴을 확인합니다..

라이트 테이블
내가 생각하는 새로운 IDE는 가치가있다. Matt Mullenweg (WordPress 창립자)가 후원 한 KickStarter 프로젝트로 시작하여 마침내 오픈 소스로 옮겨졌습니다. 이 IDE가 얼마나 멋진 지에 대한 아이디어를 얻으려면이 비디오를 시청하십시오..

압축기
압축기 는 시각적 품질을 유지하면서 이미지 파일을 가장 작은 크기로 압축하는 웹 앱입니다. JPG, GIF, PNG 및 SVG도 지원합니다. 이 앱은 무료입니다..

Microsoft 사이트 검색
이 도구는 브라우저 호환성 및 접근성과 같은 문제에 대해 귀하의 웹 사이트를 분석하는 Microsoft의 편리한 도구입니다. 도구에는 웹 사이트에 대해 옳지 않은 것이 있는지 여부와 문제 해결 방법을 알려주는 보고서가 나열됩니다. 시도 해봐!

블로깅 사용 안함
이름에서 알 수 있듯이이 플러그인은 게시물, 댓글 및 피드와 같은 블로깅 기능을 제거합니다. 그것은 워드 프레스에서 블로깅 기능이 필요하지 않으면 당신을위한 권리 플러그인입니다.
