開発者のHabr眼の変化

私は、約束された革新の小さなレビューを投稿し、私の意見では、ユーザースクリプトで修正しようとした不完全な部分(バグではない)を投稿します。



1)レイアウトとスクリプトの角度でサイトを表示すると、フロントエンド開発者とサイトの他のユーザーの両方にとって、誰もが興味深い多くのコメントと意見が生成されます。



2)小さな、純粋にビジネスメッセージ:レイアウトをサポートし、 HabréHabrAjaxのさまざまなインターフェースの改善を行うスクリプトは、新しいレイアウトを考慮した修正とともに、既にホスティングに投稿されています。 もちろん、更新およびZenCommentスタイルが適用されます。



さらに、変更には個人的な専門的評価が含まれるので、それぞれの新しい思考に「プラス」または「マイナス」を付けることができますが、もちろんすべてが主観的です。



(+)

HabrAjax + ZenCommentメインモードで読み込まれた記事のインターフェイスでハブとタグがどのように便利に配置されているかを図で示したいと思います。 記事の上部と下部には、読んだ後に記事を折りたたむボタンストライプがあります。 従来(数か月前)のタグは、下部ボタンの表面上に配置されていました。 今、一番上のボタンの上のまったく同じ場所にハブがあります。 宇宙は完全です。





(+)

レイアウトの明らかな良い変更のうち、個人ページの外観、コメント、賛成票、反対票に注意する必要があります。 これで、コメントページからプラスとマイナスの「闘争」があるのか​​、それとも0だけなのかを簡単に確認できます。これは「静かでスムーズ」であり、誰もコメントに激しく反応しません。 スクリプト「 Interest Charts 」を配置すると、金額が明らかになります。 残念ながら、まだHabrAjaxと統合されておらず、ロードされた記事を丸で囲みません(TODO、むしろプラグインを作成してください!)。





(-)

同じことから、あまり良くはありません-TM自身のブログのレイアウトを含む古いタイプセットの会社では、反対の評価の合計の兆候はありません。



(-)

24時間で最高-「盲目」。 ブログやハブにはマークを付けず、記事のタイトルとリンクのみが残ります。 したがって、残念ながらサイドバーのこのセクションでは、ペイロードの一部が失われています。 そして彼はとても役に立ちました。



(+)

このサイトは、古いレイアウトからさらに離れています。 個々のページ(お気に入り、コメント)は長い間彼女の拠点でした。 今、彼らはイノベーターの陣営にいます。



(-)

すべての古いレイアウトが死んだわけではありません。 古いものの本物で最も難しい拠点は企業ブログです。そのため、ユーザースクリプトでは、DOMツリー内を移動するときに古いコードを含める必要があります。 彼らは長い間生きます。 独自の独自のレイアウトスタイルを作成したときに、彼らはお金を投資しました。 そして今では時代遅れです。



(+)

変更はあまり影響を受けません。 10月と比較して、修正の量は1晩かかりました。 ただし、一部の変更は快適です。 たとえば、コメントを送信するためのボタン。



(-)

記事のリストの小見出しにある「Q&A」リンクをクリックすると、メニューのQAリンクが間違った場所に移動します。



(...)

古いHabrの時代は最終的にキャンセルされます。 リンク/ all /および/ all / new /は動作を停止しました。 良いことも悪いことも、言うには早すぎます。 [新規]リンクにすべての新しい記事が表示される場合、これはストリーム全体に相当します。 ストリーム全体のために、ブログフィルターを犠牲にし、選択したすべてのブログを設定する必要がある場合、フィルターの意味は、主に関心のあるトピックのマークとして失われます。



(-)

サイドバーには、ライブストリーミングリンクの考え方が欠けています。 リンクはユーザーのプロファイルとメッセージを指します。 考えてみると、ユーザーが1つまたは別のリンクに興味を持つ可能性はほとんどありません。 彼が投稿の著者を個人的に知っているか、彼についてもっと知りたい場合のみ。 多くの場合、遷移はコンテンツに応じて-記事のタイトルに応じて行われます。 そして、彼らは特定のコメントを得ます。 スクリプトはこの混乱を修正しますが、これが最初の場合である方が良いです-特定の投稿ではなく、記事へのリンク。



(-)

コメント内の同様の不適切なリンクのままです。 リンクはすでに記事の反対です。 そして、2番目の1文字「#」のみ-コメント用。 この場合、投稿の作成者はもちろん、投稿への回答とコメント全般に関心があります。 リンク#comments。 (スクリプトで修正する必要があります。)



(-)

「企業ブログ」という言葉は多くのスペースを占めます。 頻繁に繰り返されるため、記号に縮小できます。 たとえば、HabrAjaxの初期の企業は色で際立っていました。 会社の名前が最後のハブになりました。 したがって、会社名を色で強調すると、一連のハブで認識できるようになります。



(-)

タグとハブのリストは左端に固定されているため、他のテキストとマージされます。 問題ありません。HabrAjax+ ZenCommentでは、右端に固定されます。 最後のハブをより見やすくするために、そのフォントは少し大きくなります。 ただし、長すぎないように、会社のブログの場合、長さは13文字に制限されています。



(+)

ブログではなく、すべてのハブによる記事のフィルタリング。 以前、HabrAjaxはすでにブログ記事のフィルタリングを行っていました。 ブログは注釈のテキストと同等と見なされていました。 ブログ名にストップワード(またはreg.vyr。)が見つかった場合、注釈は最小化されます。 これで、フィルターの対象領域がすべてのハブに広がりました。 通常どおり、ポッドキャストと企業ブログの2つの特別なフィルターが個別の設定に配置されます。



(+) -HabrAjax

色合いの翻訳とトピックのリンク。 翻訳をより認識しやすくするために、翻訳のタイトルが青で強調表示されます。 リンクは緑色です。



(+) -HabrAjax

タイトルのフォントサイズ-タイトルの長さに依存します。



(-)

10分の1の評価が必要なのは誰ですか? 彼らは場所をとります。 常に目でフィルタリングする必要がある不要なデータの最大2文字??? いいえ、より良いスクリプトです。 HabrAjaxはこれを行います。



(-)

ブロググループの名前にあるフロントエンドという言葉。 「e」で書かれています。



要約すると、変化は悪いものよりも良いものであると結論付けることができます。 まず第一に、それらは以前のもの(2011年10月以降)と比較してそれほどグローバルではなく、サイトシステムの一般化による単純化に向かっており、エンティティの乗算には向いていません。



All Articles