10K離れています。 私の答え

残りの部分と一緒に、10kBのアプリケーションを作成し、2つの作品をコンテストに送った方法について、私の話をします。 順番に始めましょう...

おそらく最も難しいことは、面白いアイデアを思いつくことです。

最初は、ゲームではなくアプリケーションを作成したかったのです。 最初は、後で使用できること(少なくとも、アプリケーションではないにしてもソフトウェア開発として)をしたかったのです。

最初のアイデアはTODOでした-いくつかの興味深い機能を備えたステッカーですが、膨大な数のTODOアプリケーションのためにそれを行いませんでした(20kBの記述コードの高さから-計画されているすべての機能が10kBに収まるという事実ではありません)。

最初のアプリケーション:

Css3のカスタマイズ。



それから、コントローラーにキャンバスを使用したいと思いました。 まず、回転コントローラーを作成したいと思いました。



キャンバスがなければ、これは簡単ではありません。 コントローラーは何かを制御する必要があります)そして、それはdivでした。 次のキャンバスコントローラーはスライダーでした(結局、コントローラーが複数のDOM要素で構成されていることを好む人はいません..)。



もちろん何よりも、私はカラーフレーミングで忙しかった...



実際、私は少しlittleしました。 一部のアプリケーションは、色を選択するためのコントローラーのみで構成されています。 色の値でコントローラーの焦点を合わせることができません。 色は一方的に選択されているので、キロバイトを節約しました...

なぜなら キャンバスでは、ペイントされた「シェイプ」を制御することはできません。コントローラーはmousemoveイベントに応答し、クリックされると位置を保持します。 (少なくとも私の意見では)かなり面白かった。 コントロールは快適です。ジャンプ/目立つ/ドラッグするものはありません。

すべての準備が整ったとき、ページの設計に取り組むことにしました。 その結果、コントローラーの背景に回転した長方形が現れ、格納式スタイルのパネルを横から突き出させました。

出版後、私は他の作品に目を向け始め、私の関心はフィーダー10k.aneventapart.com/Entry/127に向けられ、何か役に立つことをしたかったのです..)



2番目のアプリケーションは

特別なブックマーク。



検索エンジンAPIにそのような機能があると仮定して、ページを検索する機能を備えたブックマークを作成することを計画しました。 しかし、後になっていないことが判明しました...それにもかかわらず、ドメイン検索機能があります。 一般的に、アプリケーションが楽しくなったとき、これらはすべて重要ではなくなりました11kB)。

ブックマークを作成することを決めたらすぐに、フォルダを回転ブロックの形で提示しました。



そして、私はこのようなブックマークを作成しました:



クロムとフォックスのブックマークファイル用のパーサーを作成しました。 Mozillaでは、ローカルでファイルを操作できます。 クロムでは、テキストをコピーするだけです。 ブックマークはドラッグアンドドロップで移動します。 正規表現を使用して検索できます。 一致が強調表示されます。



一般に、インターネット検索、およびいくつかの追加機能(たとえば、いくつかのブックマークサービスとの同期を結び付ける)を使用して、私はこのアプリケーションを自分で使用します:)。

js圧縮では、 closure-compiler.appspot.com / homeを使用しました

CSS圧縮の場合-遭遇する最初のCSSコンプレッサー。

しかし、私はオブジェクトのクラスとメソッドの名前を短縮するのは本当に好きではありませんでした...しかし、あなたはする必要があります...タグに引用符を入れませんでした、可能なすべてを短くしようとしました。



All Articles