Clever Geek Handbook

Web開発者のためのいくつかの興味深い有用なこと＃44

こんにちは、ハブラフチアン。 最近、私はHabrと共有したいいくつかの興味深い有用なツール/ライブラリ/イベントを見ました。



Expandjs





Webコンポーネントの仕様を最大限に活用する巨大なプロジェクト。 ExpandJSは、80を超えるコンポーネントと、それらを操作するための350を超える機能のコレクションです。 これらはすべてフレームとして利用できますが、トレンディなマテリアルデザインスタイルでも利用できます。 



<!-- Import elements --> <link rel="import" href="../mat-content.html"> <link rel="import" href="../mat-drawer.html"> <link rel="import" href="../mat-header-panel.html"> <link rel="import" href="../mat-shell.html"> <!-- Application scaffold --> <mat-shell theme="..."> <mat-drawer>...</mat-drawer> <mat-header-panel> <mat-header>...</mat-header> <mat-content>...</mat-content> </mat-header-panel> <mat-drawer right>...</mat-drawer> </mat-shell>




グローバル化



これは、プロジェクトを国際化およびローカライズするために設計されたjQueryチームのプロジェクトであることをすぐに強調したいと思います。 このライブラリを使用すると、日付、通貨、コンテンツ自体のフォーマットと解析がはるかに便利になります。 すべてのデータは、Unicode CLDR JSON形式で提供されます。 また、記述されたコードは、i18nとは別にモジュール式になります。 



 .dateParser({ skeleton: "GyMMMd" })( "Nov 30, 2010 AD" ) // > new Date( 2010, 10, 30, 0, 0, 0 ) .messageFormatter( "like" )( 3 ) // > "You and 2 others liked this" .numberFormatter({ minimumFractionDigits: 2 })( 10000 ) // > "10,000.00" .currencyFormatter( "USD", { style: "code" })( 69900 ) // > "69,900.00 USD"




金庫





VaultはGoで非常に便利な機能であり、パスワード、トークン、証明書、API、その他のシークレットを保存および管理（リース、更新、非アクティブ化）できます。 また、開発者がVaultの操作に関するシンプルで直感的なオンライントレーニングコースを作成したことも素晴らしいことです。 このプロジェクトはGitHubで2,000以上の星を集めました。



Clusterize.js



膨大な量のデータを適切にレンダリングするためのライブラリ。 数十万行の表を表示する必要がある場合は、ブラウザがフリーズする問題が発生します。 Clusterize.jsは、要素をクラスターに分割し、特定のスクロール位置に表示し、上下に人為的なインデントを作成することで完全に解決します。 制限事項： 

  var data = ['…', '…', …]; var clusterize = new Clusterize({ rows: data, scrollId: 'scrollArea', contentId: 'contentArea' });




おりどみ





任意の要素または画像を折りたたんで、さまざまなバリエーションの遠近法で異なる方法で表示できる紙に変える素晴らしい独立したJavaScriptライブラリ。 「ウェブは平らですが、今では折りたたむことができます。」 



 var folded = new OriDomi('.paper', { vPanels: 5, // number of panels when folding left or right (vertically oriented) hPanels: 3, // number of panels when folding top or bottom speed: 1200, // folding duration in ms ripple: 2, // backwards ripple effect when animating shadingIntesity: .5, // lessen the shading effect perspective: 800, // smaller values exaggerate 3D distortion maxAngle: 40, // keep the user's folds within a range of -40 to 40 degrees shading: 'soft' // change the shading type });




ちなみに、万が一の場合に備えてPaperfoldについて説明します。



西洋の考え、またはそれがアブレに翻訳する価値があるもの：







彼らは国内のITリソースを次のように示し、示しています。







最後に：







資料の準備を支援するために、Alexander Maslov drakmailに深く感謝します。



友人のバックレンダー！ 私は完全に利他主義に基づいて選択を行っていることを誰もが知っていると思います。 私はいつもたくさんのサイトを検索していたので、いつも快適に作業できました。 そして、ある時点で、見つかった資料を共有することにしました。 時間の経過とともに、コレクションはある程度の人気を獲得し、コンテンツの面で大幅に拡大しました。 これからは、「最後」のブロックを明確に構成して、人々が必要なものを探す必要がないようにします。 セクションがむき出しにならず、常に関連情報で満たされるために、私はあなたの助けが必要です。 そして、問題は時間だけでなく、能力にもあります。 バックエンドに関して言えば、私は実務家というよりも理論家です。



Pshpshnik、 hackman 、pythonist、 gouchester 、トピックの興味や有用性を求めてGitHub Trending、Reddit、HackerNews、またはTwitterを既に監視している場合、それが確実に見つかった場合でも、週に1度は難しくない場合は、投稿全体の注目に値しない場合/素材に応じて2週間、数キロバイトの参照質量を共有し、PMまたはソーシャルで書き込みます。 プロファイルからのネットワーク。 自由にメインセクションで落書き。 各投稿のボランティアの名前または連絡先が表示されます。



前のコレクション（問題43）



タイプミスをおforびします。 あなたが問題に気づいた場合-個人的に書いてください。



ご清聴ありがとうございました。


More articles:


All Articles