웹 디자이너 및 개발자를위한 새로운 리소스 (2015 년 12 월)
웹 개발 장면은 올해 빛의 속도로 진행되고 있습니다. CSS3는 잘 채택되었으며 우리는 덜 의존적입니다. 폴리 필 최신 브라우저가 최신 웹 표준을 지원하는 데 실제로 능숙하기 때문입니다. Microsoft Edge가 소개되면서 Google은 Web 용 오픈 소스 두 가지를 발표했습니다. Material Design Lite 및 Polymer 2.0.
이제 동료 웹 개발자를위한 몇 가지 유용한 도구로 1 년을 마무리합시다. 우리는 몇 가지 JavaScript 라이브러리와 jQuery로보다 효과적으로 작업 할 수있는 도구를 제공합니다. 자세한 내용은 웹 개발자 시리즈 전체 리소스를 확인하십시오..
추가 자료를 보려면 클릭하십시오.추가 자료를 보려면 클릭하십시오.
추천 자료 및 최고의 웹 디자인 및 개발 도구 모음을 찾아보십시오..
Notie.js
Notie.js는 더 나은 JavaScript 알림, 알림 및 대화 상자입니다. 대신에 경보() 둔하고 약간 보여주는 기능 충격적인 경고 상자로 교체 할 수 있습니다. notie () 기능을 사용하여 스타일 가능한 경고를 표시합니다. Notie.js를 사용하여 경고 스타일을 사이트의 전체 디자인과 쉽게 일치시킬 수 있습니다..
기 스텁 코너
최근에 나는 오픈 소스 프로젝트의 홈페이지에서 볼 수있는 Github 코너가 이미 7 살이라는 사실을 깨달았습니다. 안면 성형술을위한 시간. 기 스텁 코너 Github 리본을보다 현대적이고 신선한 모양으로 만들기위한 이니셔티브입니다. 고해상도 스크린에서 선명하게 유지할 수있는 비트 맵 그래픽 대신 SVG를 사용합니다..
달콤한 (슬랙) 테마
슬랙은 중소기업, 신생 기업 및 개발자들에게 가장 인기있는 채팅 앱이되었습니다. Skype 및 Google 행 아웃과 같은 다른 앱과 비교할 때 Slack은 테마 (앱 인터페이스의 외관 및 뉘앙스)를 비롯한 다양한 방법으로 맞춤 설정할 수 있습니다. 다음은 바로 설치할 준비가 된 Slack 테마 모음입니다. .
jQuery 구성
jQuery는 모듈 식입니다. 즉, 불필요한 모듈을 제거 할 수 있으므로 크기가 더 가볍습니다. 이전 자습서 인 jQuery에서 불필요한 모듈을 제거하는 방법에서는 Homebrew, NPM을 사용하여 수행하는 방법을 보여 주지만 터미널을 통해 수행됩니다. 그런 식으로 사용하고 싶지 않은 경우 jQuery 구성. 클릭만으로도 동일하게 작동합니다..
SummerNote
SummerNote WYSIWYG 편집기를 작성하는 JavaScript 라이브러리입니다. SummerNote는 유명한 오픈 소스 프로젝트 인 jQuery, Bootstrap 및 Font Awesome 위에 개발되었습니다. SummerNote를 배치하는 것은 다른 JQuery 라이브러리를 배치하는 것만 큼 쉽습니다. 특히 TinyMCE의 기초 라이브러리로 부트 스트랩을 사용하는 경우 TinyMCE의 완벽한 대체 라이브러리입니다..
BackstopJS
BackstopJS는 지루한 과정 인 웹 사이트 응답 성을 테스트하는 훌륭한 도구입니다. 간단히 말해서,이 라이브러리는 자동화를 통해 여러 화면 크기에서 사이트를 테스트하는 작업을 훨씬 더 원활하게합니다. 이 도구는 웹 사이트의 스크린 샷을 캡처하고 지정된 매개 변수와 화면 크기를 기반으로 테스트를 통과 한 페이지에 주석을 달아줍니다. 반응 형 웹 사이트를 배치하기위한 단위 테스트 도구와 같습니다..
SuitCSS
SuitCSS Custom Property 및 Custom Media Query와 같은 CSS의 향후 구문을 지원하는 고유 한 CSS Pre-processor로 구성된 상용구입니다. 요소 정렬, 크기 지정 및 위치 지정을위한 BEM 방법론에 기반한 몇 가지 유틸리티 클래스 및 많은 CSS 모듈 잘 구축 된 웹 사이트 개발을 시작하십시오..
묶다
묶다 TheGrid에서 개발 한 레이아웃 알고리즘 인 GridStyleSheet를 사용하여 웹 인터페이스 및 레이아웃을 작성할 수있는 네이티브 OS X 응용 프로그램입니다. GSS를 사용하면 웹 사이트를 효과적으로 배치 할 수 있습니다. 예를 들어, CSS와 달리 GSS에서는 요소 컨테이너를 코드 한 줄로 세로 정렬 할 수 있습니다..
안티 모 테이트
안티 모 테이트 이미지를 더 현명하게로드하는 JavaScript 라이브러리입니다. 이 라이브러리를 사용하면 느린 인터넷 연결에서도 더 작은 이미지를 먼저로드 할 수 있으며 큰 이미지는 여전히 백그라운드에서로드됩니다. 완전히로드되면 큰 이미지가 중심 단계로 이동합니다. 이 기법을 사용하면 웹 페이지의로드 속도가 빨라질 수 있습니다..
jQuery 팁 알아 두어야 할 사항
차가운 제목과 더 시원한 내용까지도 jQuery 팁이 많이 있습니다. (그 중 절반은 훨씬 이전에 많이 알았 으면합니다.) 완전히 체크 아웃 할 가치가있는.
