이러한 도구를 사용하여 생산성을 높이십시오! 🌻 당신을 위한 나의 7월 추천

매일 새로운 JS 라이브러리와 웹 도구가 게시되며 모든 항목을 추적하는 것은 불가능합니다. 저는 정기적으로 흥미로운 창작물을 검색하고 소규모 프로젝트에서 시도하는 것을 좋아합니다. 때로는 이러한 결과가 좋을 수도 있고, 때로는 멋져 보일 수도 있지만 그다지 유용하지는 않습니다.

그래서 저는 이러한 발견에 대한 시리즈를 만들고 매달 기반으로 제가 가장 좋아하는 것을 여러분과 공유하기로 결정했습니다. 나는 사용하기 쉽고 일반적인 웹 프로젝트에 실질적인 이점을 가져올 수 있는 라이브러리에 집중합니다.

제 7월 컬렉션을 즐기시기 바랍니다!

물 CSS

Water CSS를 사용하면 웹 페이지에 일반 레이아웃 스타일을 자동으로 적용할 수 있습니다.

그것은 마술 지팡이를 가지고 그것을 사용하여 한 번의 터치로 웹 앱을 아름답게 만드는 것과 같습니다. watercss가 빛을 발하는 일반적인 시나리오는 간단한 데모 프로젝트가 있지만 스타일링에 시간을 투자할 필요가 없거나 투자하고 싶지 않을 때입니다.

작성자:

Water.css is a css framework that doesn't require any classes. You just include it in your head tag and forget about it, while it silently makes everything nicer.

사용 가능한 두 가지 테마도 있어 밝은 모드와 어두운 모드 사이를 쉽게 전환할 수 있습니다.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/light.min.css">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kognise/water.css@latest/dist/dark.min.css">

Water CSS website

드래그 가능

Draggable은 일련의 드래그 앤 드롭 동작을 제공하는 JS 라이브러리입니다.
그 기능 중 일부는 나에게 약간 극단적으로 보이지만 목록의 항목을 다른 순서로 정렬할 수 있는 sort list 과 카드가 있는 대시보드에서 유용한 swap 기능을 좋아합니다. 원래 위치.



Draggable examples

하나의 HTML 페이지 챌린지

이것은 JS 라이브러리는 아니지만 아이디어가 너무 좋아서 여러분 모두와 공유하고 싶었습니다. 타사 프레임워크의 도움 없이 단일 HTML 페이지에서 개발된 기발하고 기발한 아이디어 모음으로 구성됩니다.

The goal is to create anything you want within 1 single html file. Practice your skills with no assistance from libraries, no separation of files, and no assistance of a modern framework.
How creative can you be with such restrictions?

매우 기본적인 리소스로 무엇을 달성할 수 있는지 보는 것은 놀라운 일이며 확실히 모든 수준의 개발자를 위한 훌륭한 훈련 체육관입니다.

단일 페이지 생성도 거기에 게시하시겠습니까? 그렇다면 댓글에 URL을 적어주세요, 새로운 SPA들이 많이 궁금합니다!!

영감을 얻으려면 existing creations을 살펴보십시오.

Animate On Scroll 라이브러리(AOS)

회사 랜딩 페이지에서 작업 중이거나 단순히 웹 애플리케이션에 매력적인 애니메이션을 추가하고 싶습니까?

AOS는 페이지를 스크롤하는 동안 요소에 쉽게 애니메이션을 적용할 수 있는 흥미로운 라이브러리입니다. 많은 내장 애니메이션이 있지만 특정 시나리오를 위해 사용자 지정 애니메이션을 추가할 수도 있습니다.

아래에서 시도해 보세요(로드하는 데 시간이 걸릴 수 있음).



자세한 내용을 확인할 수 있습니다here.

자동 숫자 JS

Autonumeric은 숫자와 통화의 형식을 지정하는 구성 가능한 자바스크립트 라이브러리입니다.
라이브러리는 미리 정의된 설정과 함께 제공되지만 특정 요구 사항에 따라 사용자 정의할 수 있는 web configurator도 제공합니다.



웹사이트의 기타examples

7월 도서관 목록이 마음에 드셨다면 ❤️ 🦄을 공유하여 열정을 보여주세요. 다음달에 보자! 🙋