홈페이지 » 웹 디자인 » 웹 디자이너 및 개발자를위한 새로운 리소스 (2015 년 6 월)

    웹 디자이너 및 개발자를위한 새로운 리소스 (2015 년 6 월)

    이 시리즈가 거의 3 년 동안 운영되어 온 것으로 믿을 수 있습니까? 그 짧은 시간 안에, 우리는 웹 디자이너와 개발자들에게 최소한 30 개의 새로운 리소스 목록을 제공했습니다. 그리고 우리는 6 월을 위해 새로운 편집 작업을 계속 진행할 것입니다..

    이번 편집에서는 슬라이더를 표시하고 데이터 테이블을보다 부드럽게 스크롤하며 위쪽에서 아래로 스크롤 버튼을 사용하는 멋진 엘리베이터 효과 등을 보여주는 몇 가지 JavaScript 라이브러리를 살펴 보겠습니다..

    그들을 체크하자..

    중간 스타일 확인

    중형은 그것의 디자인을 위해 칭찬되었습니다; 레이아웃과 UI가 철저히 생각 된 것 같습니다. 또한 웹 개발자가 UI를 복제하기 위해 JavaScript 또는 CSS 라이브러리를 개발하도록 유도합니다. 중간 스타일 확인은 보통 팝업 또는 대화 상자와 유사한 하나의 JavaScript 라이브러리입니다..

    펭귄

    Penguin은 웹 사이트의 기초로 사용할 수있는 새로운 프런트 엔드 프레임 워크입니다. Grunt and Sass와 같은 도구를 사용하면 프레임 워크에서 필요하지 않은 라이브러리 나 CSS를 쉽게 추가하거나 제거 할 수 있으므로 가볍게 만들 수 있습니다. 부트 스트랩 및 파운데이션을위한 좋은 대안이기도합니다..

    Elevator.js

    페이지 상단으로 슬라이드 할 수있는 웹 사이트의 버튼을 본 적이 있습니까? 대부분의 버튼은 맨 위로 이동하지만 Elevator.js를 사용하면 엘리베이터, 음악 및 기타와 유사한 슬라이딩 가속 효과를 얻을 수 있습니다. “땡땡!” 꼭대기 층에 도착하면 소리가납니다. 정말 좋은!

    X-Instagram

    X-Instagram은 Instagram에서 태그별로 이미지를 가져와 보여주는 Polymer 맞춤 요소입니다. 이 요소는 전체 프로세스를 훨씬 쉽게 만듭니다. 요소를 일반 HTML 요소처럼 추가하고 태그 키워드를 요소 속성으로 지정하기 만하면됩니다.

      

    그리고 마법이 시작되도록하십시오.!

    CamanJS

    CamanJS 이미지 조작을위한 훌륭한 JavaScript 라이브러리입니다. 이미지 편집기에서 흔히 볼 수있는 기능 세트가 제공됩니다. 이미지를 흐리게, 흑백으로 바꿀 수 있으며 대비를 높일 수도 있습니다..

    ClusterizeJS

    Clusterize.js는 테이블의 많은 데이터를 처리 할 때 성능을 향상시키는 JavaScript 라이브러리입니다. 목록에서 5000을 사용하여 테이블을 아래로 스크롤하면 일반적으로 경험이 뒤떨어져 움직이지 않게됩니다. 이 JavaScript 라이브러리는이 문제를 해결하여 스크롤 동작을 부드럽게 항해합니다..

    시험에 참여하십시오.

    시험에 참여하십시오. CSS3, HTML5 및 JavaScript에 대한 기술과 지식을 평가하는 질문 모음입니다. 각 테스트에는 이러한 질문을 모두 완료 할 수있는 많은 질문과 제한된 시간이 주어집니다. 이러한 언어로 우리가 얼마나 훌륭한 지 알 수있는 좋은 소식지입니다..

    HTML 화살표

    이것은 HTML 및 CSS에 임베드 할 수있는 특별한 네이티브 유니 코드 심볼의 모음입니다. 이러한 문자에는 화살표, 통화 및 구두점이 포함됩니다. 때로는 문자를 표시하기 위해 글꼴 아이콘이 필요하지 않은 경우가 있습니다..

    플리 시티

    Flickity는 웹 사이트에 캐 러셀, 갤러리 또는 슬라이더를 표시하는 JavaScript 라이브러리입니다. 터치 스크린에 최적화되어 있습니다. 손가락으로 손쉽게 캐 러셀을 밀거나 랩톱에있는 경우 트랙 패드를 움직일 수 있습니다. 또한 원하는대로 원하는대로 전체 사용자 정의가 가능한 여러 옵션이 함께 제공됩니다..

    Typeslab

    Typeslab은 슬랩 형 포스터를 만드는 데 유용한 도구입니다. 단순히 내용을 쓰고 글꼴을 선택하면 Typeslab이 포스터를 즉시 생성합니다. 그런 다음 Imgur에서 다운로드하거나 게시 할 수 있습니다..

    MatchMedia

    Matchmedia는 CSS 미디어 쿼리를 복제하는 라이브러리입니다. 도서관은 실제로 신선하지는 않지만 목록에 올리기로 결정한 것은 정말 유용한 도서관입니다. 사용자 뷰포트 크기 또는 미디어 유형을 기반으로 스크립팅을해야하는 경우 원하는 라이브러리입니다.

    다음은 320px 이하의 뷰포트 크기로 스크립트를 실행하는 예제입니다.

     if (matchMedia ( '화면과 (최대 너비 : 320 픽셀)') 일치)  

    새스 버거

    Sass Burger에는 Mixin이 포함되어있어 “햄버거” 아이콘을 클릭하고 번거 로움을 덜어줍니다..

    맑스

    맑스는 요소 스타일을보다 일관성있게 만드는 CSS 스타일 규칙 모음입니다. 가볍고 사용자 정의가 가능하며 (Sass 포함), 바로 사용할 수 있습니다. 이미 인기있는 CSS 재설정 도구 인 Normalize.css에 대한 좋은 대안.

    CSS.js

    CSS.js 스타일 선언을 위해 CSS 파일을 구문 분석하는 데 사용됩니다. 이 라이브러리는 초기에 Jotform의 팀에서 CSS로 양식 편집을위한 WYSIWYG 환경을 구축하는 데 사용되었습니다. 이제 그들은 우리 모두가 사용하기 위해 오픈 소싱을했습니다. 필요할 때를 대비하여 절약 할 가치가 있습니다..