HabrAjaxベータリリース

Habrのスクリプトとスタイルは、使用およびさらなる開発のためにレイアウトされています。 「機能」の数は非常に多く、したがって、さらなる開発を遅らせないために、スクリプトとスタイルは必要最小限に調整されています。 新しいコードと植字がサイトに絶えず追加され、古いものが壊れて機能を復元する必要があるため、無限に改善することにはまったく意味がありません。 したがって、「ベータ」形式でレイアウトするという考えは、シェルの機能(スクリプトとスタイル)に触発されたさまざまなユーザーが、このメインスクリプトの「自分自身のための」小さな修正の考えに触発され、一般的な作業が著しく速くなるということです。 結局のところ、30〜50行のコードに美しい「機能」を提供するために夜を過ごすことは難しくなく面白いことではありません。



スクリプトとスタイルには何がありますか?



0.スタイルとスクリプトを共有するというアイデア。

はい、スタイル( ZenComment )はスタイリッシュ(Firefox、Chrome)またはOperaの設定、IE、またはSafariでのみダウンロードできます。または、スタイルに加えてユーザースクリプトを追加できます(それらのINSTEAD)( ただし 、任意のブラウザーでも、 IE)。これにより、すべてのスタイルを実行および評価できます(設定をオンにします)が、スクリプトは読み込み後最初の1〜2秒で顕著になるので、それでもなお良いです。



1.テキストのコンパクトさのアイデア。

余白もたくさんありますが、優れている場合もありますが、PageDownボタンを余分に押すと、コンテンツの邪魔になり始めます。 「スクロールではなく読み取り」というスローガンの下で、スタイルが構築され、サイトの外観が変換されます。 たとえば、見出しの必要性のために正確に1行(22ピクセル)が予約されていますが、なぜそれ以上ですか? ロゴ、サイト検索、2つのメニュー、およびそれらからのすべてのリンクが含まれています。



2.コンパクトな注釈。

テープの中の見出しのアルシン文字-何でも。 本文よりも少し大きくしましょう。 スクリプトは、実行できないスタイルをさらに処理します。たとえば、非常に長い見出しのフォントを減らし、ブログの長い名前を短くします。



3.ページをリロードせずに記事をアップロードします。

開始されたスクリプトの主な機能。 [もっと読む]をクリックすると、記事とコメントが(個別に)表示され、ページのテキストでそれらを直接折りたたむことができます。 (一部のページ-QA、お気に入り、「Mine」-実行中は非常に高品質ではありませんが、読みやすくなっています。それらを完成させるのは時間の問題です。)



4.さまざまな機能を無効にします。

もちろん、機会は良いですが、さらに良いことです-あなたがそれらを選択できるとき。 これには多くの設定が行われています。 重要な機会ごとに、設定に自己切断ボタンがあります。 (設定を記憶することは可能ですが、現時点では開発中です。スクリプトコード自体に数字0と1を設定して切り替えることができます。)



5.「いいね」ボタンを削除し、「Google Plus」ボタンを追加します。

この機能が設定で有効になっている場合、注釈と個々の記事の両方で、G +ボタンが追加されます。 Habréにはそのようなボタンはありませんが、多くの人々が(ブラウザアドオンを介して)記事を「プラス」しているのを見るのは興味深いことです。



6.現在の年の数字を削除します。

現在の年または過去8か月の日付で、その年が削除されます。 結局のところ、私たちは皆彼を知っていますか? (いいえ?その後、設定でオフになります。)



7.サイトでGoogleとYandexを検索します。

誰かが長い間サービスを停止していたようなアドオンを持っていました。 この機会がどれほど役立つかは不明ですが、試してみてください。 同時に、CtrlキーまたはShiftキーを押すと、3つのボタンのいずれかの検索結果が新しいウィンドウで開きます。 (そして、Enterキーを押して-ウィンドウで、ボタンをクリックして-ハーフハイトフレームで。)



8.補助ページ-フレーム内。

個人ユーザーカード、お気に入り、サイト設定-ハーフハイトフレームで開きます。 ウィンドウやタブを切り替える必要はありません。フレーム内を移動して、ワンクリックで閉じることができます。



9.コメントを表示するためのコンパクトモード。

「スクロールではなく、読む」という同じモットーの下で、コメントは容赦なく絞られます。 コメントの表示に関しては、スクリプトにさまざまな改善を加えることができますが、これまでのところ、それらを表示するための3つのモードがあります。 最初のものは完全にスタイルなしです(ZenCommentスタイルアドオンをダウンロードまたは無効にしないでください)。スクリプトは動作しますが、一部の場所では品質を改善する必要があります。 2つ目はZenモードです。コメントは非常にコンパクトで、評価は表示されず、マウスをホバーすることによってのみ表示できます。 3番目-「コンパクト」モード-少しコンパクトで評価付き。



(残念ながら、サイトにはさまざまな種類のコメントの植字がたくさんあり、それらをすべて設定するのは時間がかかり無駄です。もっと使う方が良いでしょう。植字の種類は、メインフィード、会社のブログの記事、質問と回答の記事、お気に入り(または自分の記事です)したがって、一部のページが異なって見え、一部が未完成であるという事実は、組版の違いと過去2〜3か月のかなり頻繁な変更によるものです。しかし、これはテキストのより良いプレゼンテーションを読みたいという欲求を和らげないため、少しずつ行われます。)



コメント表示モードは、研究室の平日と同じように確認する必要があります。クライアント向けのサービスはありませんが、さまざまな種類のインターフェースとその使いやすさの研究があります。 しかし今では、公開後、全員がレイアウトまたは少なくともアイデアを完成させて提供できるようになります。 どうやって? 次の段落。



10.組み込みのバグトラッカーおよびアイデアのコレクター。

質問が生じた場合、アイデアが現れた、または新しいバグに気付いた-すべての希望は、右側のページにある「バグ」ボタンをクリックすることで表現できます。 これにより、エラーを整理して開発者に伝えたり、アイデアを共有したりできます。



いくつかの小さな機能(すべて無効):



11.ポッドキャストを折りたたみます。

12.強制切断(さらに大きなベータ版では、実行されるよりも多くのアイデアがあります);

13.色合いの翻訳、会社名;

14.コメントの著者の色付け(最大20色);

15.垂直方向のスペースを3ピクセルの低灰色ブロックに置き換える。

16.個々のサイドバーブロックを非表示にします(最大4)。

17.サイドバー全体を非表示にします。

18.サイドバーを非表示にせずに、ページの下部に移動します。

19.「UFOについて」の碑文を、スペースをとらずに、灰色の背景にあるわかりやすい小さなテキストに置き換えます。 「内声」のフォントを減らします。



20.入力フィールドに言語、色タグ、引用符を含むSOURCEタグを入力するためのボタン。





21.ウィンドウ幅が320ピクセルの非常にコンパクトなページビュー。

22.アバターの表示をオフにします。



設定はどこにあり、どのように操作するのですか?



Firefoxの設定へのアクセスは、2つの方法で、他のブラウザーで-1つで可能です。 「HabrAjax」という名前のリンクは、ユーザーメニューにあります(右隅にマウスを置いた場合)。 クリックすると、設定のリストが開きます。 [保存]ボタンをクリックすると、ブラウザウィンドウの再起動後、または同じブラウザの他の新しいウィンドウで有効になります。



Firefoxでは、ステータスバーに追加のメニュー項目があり、GreasemonkeyまたはScriptishアイコンを右クリックすると開きます。 次-「ユーザースクリプトコマンド」、さらに-「HabrAjax:設定」。



このインターフェースのテスト経験



2010年10月から4〜6か月前にこれらのスタイルをプロトタイプとして使用した経験。 著者の色のハイライトの経験は約6か月です。 ニックネームやアバターを見ずに著者を区別するのに役立ちます。その結果、情報のより合理的な認識が作成されます(名前のフォントを減らし、アバターの表示を拒否できます)。 ZenCommentスタイル、使用中のZenモード(グレーフィールド)-約3か月。 レビューによると、彼は約1か月前により希少な「コンパクト」スタイルを追加して使用しました。 Zenは視聴率を制限しているように感じるので、何かが欠けているように見えますが、Compactはその感覚を生み出しません。



今後の計画は何ですか?



もちろん、それらは近くにあり、リモートにあり、サイトに関連していません。 長い間話をすることができます。また、仕事を熱心なファンと調整するために、この「ロードマップ」を作成する必要がある場合もあります。 今、私は一貫してすべてを伝える準備ができていませんが、主なことについて言及する必要があります。



1. QAとお気に入り+自分のスタイルの洗練。

2.現在のように、コードではなくインターフェースを介して設定を管理します。

3.プログラムのバージョンを変更して移植性の設定を達成します。

4.プラグインメカニズムを作成する-基本機能をサポートする基本スクリプトが見つかったときに実行される小さなスクリプト:DOMの操作、バージョンおよびプラグインの使用。 さまざまなイベントのプラグイン接続ポイントを定義します(たとえば、Ajaxに関する記事の読み込み)。



この行動計画は1か月間停止されます。 最も興味深い点は最後です。しかし、将来の仕事のためのオブジェクトが存在するように、前のものの解決策をたどらなければなりません。 次に、プラグインメカニズムを使用すると、サイトの拡張機能の開発がより高度になります。数時間で自分で何かをするたびにインフラストラクチャを記述する必要はありません。



スクリプトが長い週末の前にレイアウトされたことは偶然ではありません-確かに、スクリプトとスタイルを練習したい人はこの長い日を過ごすでしょう。



参照:

* Habrのスタイル: ZenComment ;

* Habrのユーザースクリプト: HabrAjax



All Articles