Clever Geek Handbook

Web開発者にとって興味深いいくつかの便利なこと＃43

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



ラムジェット



画像

DOM要素をモーフィングする非現実的なクールなスクリプト。 すごいですね！ 画像と同様に、HTMLおよびSVG要素で動作します。 Ramjetにはアニメーション関数の基本コレクションが含まれており、できるだけ簡単に使用できます。 

<div id='a' style='background-color: red; font-size: 4em; padding: 1em;'>a</div> <div id='b' style='background-color: blue; font-size: 4em; padding: 1em;'>b</div> <script src='ramjet.js'></script> <script> // to repeat, run this from the console! ramjet.transform( a, b ); </script>




JSONサーバー



文字通り30秒でコードを記述することなく、本格的なREST APIを作成できる非常に便利なツール。 「サーバーサイドのラピッドプロトタイピングを必要とするフロントエンド開発者に愛をもって作られました。」



db.jsonファイルを作成します。 

 { "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 } ] }


JSONサーバーを起動します。 

 $ json-server --watch db.json


そして今、 localhost ：3000 / posts / 1に行くと、次のようになります： 

 { "id": 1, "title": "json-server", "author": "typicode" }




Elevator.js





「Up」ボタンを使用して、さまざまなミニライブラリとjqueryプラグインに何度も出会ったことでしょう。ページを最初までスクロールします。 Elevator.jsも同じことを行いますが、その独創性が際立っています。 古いアメリカの高層ビルのエレベーターを覚えていますか？ そのため、スクロールは、類似のアニメーションと、期待のビンテージメロディで行われます。



また、プロジェクトでイースターエッグを作成するためのEgg.jsについても言及します。 



 var egg = new Egg(); egg .addCode("up,up,down,down,left,right,left,right,b,a", function() { jQuery('#egggif').fadeIn(500, function() { window.setTimeout(function() { jQuery('#egggif').hide(); }, 5000); }, "konami-code"); }) .addHook(function(){ console.log("Hook called for: " + this.activeEgg.keys); console.log(this.activeEgg.metadata); }) .listen();




カードのデッキ





非常に珍しいプロジェクトで、自由に簡単にカードゲームを作成できます。 Deck of Cardsは、トランプを描画、会計、シャッフルするための完全なAPIです。 回答例： 

 { "success": true, "cards": [ { "image": "http://deckofcardsapi.com/static/img/KH.png", "value": "KING", "suit": "HEARTS" }, { "image": "http://deckofcardsapi.com/static/img/8C.png", "value": "8", "suit": "CLUBS" } ], "deck_id":"3p40paa87x90", "remaining": 50 }




ところで、すべてのスーパーヒーローの巨大な記録を持つ有名なマーベル社は、比較的最近、開発者ポータル-developer.marvel.comを発表しました。



Wwwhere-ユーティリティの膨大なコレクション







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







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







最後に：







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



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



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



前のコレクション（第42号）



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



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


More articles:


All Articles