Web開発者にとって興味深いいくつかの有用なもの(問題8)

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

Riot.js -1kbのクライアント側MVPフレームワーク



少しの統計的真実:
同様の人気のあるフレームワークの中で最小

最も容量の大きいコード(Todo MVCアプリケーションの例)

最速の既存

「親」のMootプロジェクトも非常にクールで、フォーラムがどのようなものかを示しています。


インク -レスポンシブメールフレームワーク



Fundationの作成者によるZURBの製品であることをすぐに言いたいと思います。 InkはSkeletonに似ており、独自のBoilerplateと、いくつかの既製のレイアウトと、レイアウトをメールに送信する小さなInlinerツールを備えています。 ハブには、メールレターのレイアウトに関する多くの記事があり、Inkをこれらの記事の便利なテクニック/スニペットのセットと比較します。 一般に、このフレームワークは非常に便利で、特に初心者には便利です。

次の電子メールクライアントをサポートします。


トレヴァーir


画像
便利なエディターインターフェイス。 素敵なミニマルなデザイン。 使いやすさと幅広い選択。
インストール:

Sit-trevor.jsを使用するには、jQuery、Underscore、Eventableが必要です。
<form> <textarea class="js-st-instance"></textarea> </form> 

 <script> new SirTrevor.Editor({ el: $('.js-st-instance') }); </script> 

結果:

 { "data": [{ "type": "text", "data": { "text": "Hello, my name is **Sir Trevor**" } }] } 


Snazzymaps -GoogleマップのJSスタイルのコレクション




CSSを負担



非常にシンプルですが、非常に便利なツールです。 Bear CSSは、HTMLからすべてのクラス名と識別子を取得し、CSSを生成します。 実際、目の前にあるドキュメントの構造を見たときに、OCSSとSMACSSの原則に従ってスタイルを記述する方がはるかに便利で、さらに正確です。 はい、プリプロセッサを使用してツリーを形成することもできますが、それでもスタイルの説明に心をそらす必要があります。 さらに、非常に多くのコピーペーストに時間を浪費しません。 試してみることをお勧めします。 そして、Sublimeのプラグインは他にもあります...

BLOKK Fontは、素早いモックアップに便利なソリューションです。




PixelPumper (Macアプリ)



Wordpress用の素晴らしい投稿アプリ。 素晴らしいインターフェース、Retina画像の操作の便利さ、記事の公開スケジュールの設定、そして最も重要なことは、App Store で無料です。

ハマー (Macアプリ)



コンパイルSASS(Bourbonを使用)、CoffeeScript、HAMLおよびMarkdown は、LESSがないために購入しませんでした 。 公開時には、HTTPサーバーが作成されます。これにより、さまざまなデバイスでプロジェクトをテストし、リロードせずにページを更新できます。 しかし、最も重要なことは、特別な「Hamer」タグのセットです。

ボーナスは無料のテンプレートの数になります。 おもしろい事実は、製品がRiot Studioからのものである(ロゴのために偶然これを発見した)のプロジェクトは、前述したriot.jsでもあります。

最後に:




前のコレクション(問題7)

Source: https://habr.com/ru/post/J200436/


All Articles