これらのツールでより生産的である!🌻 あなたのための私の7月のピック


毎日新しいJSライブラリとWebツールが公開されており、それらのすべてを追跡することは不可能です.私は定期的に興味深い作品を検索し、小さなプロジェクトでそれらを試してみたいです.時々、それらの発見は良いです、彼らがちょうど空想に見える他の回、しかし、本当に役に立ちません.
したがって、私はこれらの発見についてのシリーズを作成し、あなたと私のお気に入りのものを毎月の基地で共有することを決めた.私は使いやすいライブラリに集中し、共通のWebプロジェクトに実用的な利点をもたらすことができます.
私はあなたが私の7月コレクションを楽しむことを望む!

水CSS



水CSSは、Webページに自動的に一般的なレイアウトスタイルを適用することができます.
それは魔法の杖を持つようなもので、ワンタッチで私たちのWebアプリを美化するために使用します.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.


また、2つのテーマが利用可能で、簡単に光と暗いモードを切り替えることができます
<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

千鳥の



ドラッグ&ドロップアクションのセットを提供するJSライブラリです.
その機能のいくつかは私に少し極端に見えます、しかし、私はsort listが好きです.そして、私たちが彼らの元の位置を交換することができるカードでダッシュボードで役に立つ、異なる順序とswap機能のリストのアイテムを手配するのを許します.

Draggable examples

HTMLページのチャレンジ



これはJSライブラリではありませんが、私はあなたのすべてと共有したいという考えをとても気に入った.これは、任意のサードパーティ製のフレームワークを支援せずに1つの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を書いてください、私は非常に新しいスパを見て好奇心旺盛です!
一部のインスピレーションのためにexisting creations

スクロールライブラリ( AOS )のアニメーション化



会社の着陸ページに取り組んでいるか、単にあなたのWebアプリケーションにいくつかの魅力的なアニメーションを追加したいですか?
AOSは簡単にページをスクロールしながら要素をアニメーション化することができます面白いライブラリです.たくさんのアニメーションの組み込みだけでなく、カスタムのものは、特定のシナリオを追加することができます.
以下のようにします(ロードする時間がかかります).
詳細はhereをご覧ください.

オートトーンのJS



AutoNumericは、構成するJavaScriptライブラリの数と通貨をフォーマットすることです.
ライブラリは定義済みの設定が付属していますが、それはまた、特定のニーズに応じてカスタマイズすることができますweb configuratorを提供します.

彼らのウェブサイトの他のexamples


あなたが図書館の7月のリストを好むならば❤️  🦄 あなたの熱意を示すために.来月会いましょう!🙋