
オフラインでは、ステッカーをオフィスデスクの不可欠な要素として使用することがよくあります。 これらのステッカーをオンラインにしてみませんか? これは私たちのプロジェクトのアイデアの短い定式化です。
このプロジェクトは、日常生活でインターネットを積極的に使用する人々を対象としています。 同じページで、ネットワーク上で発生するすべてのことについて意見を共有し、記憶し、コメントする機会を提供します。
良い考えが頭に浮かぶことはないことが知られているので、競合他社は私たちの前になんとかアイデアを伝えることができました。 これにより、より生産的で意図的な作業が促進されました。
2か月前に実装を開始しました。 これは690コミット、トラックあたり198チケットです。 これで、habrコミュニティのトライアルにプロジェクトを提出する準備が整いました。
設計
設計段階で、プロジェクトの厳格な要件(ブラウザー間の互換性、迅速な登録、簡単なインターフェイス、柔軟な機能)を確立しました。ブラウザー間の互換性。
ブラウザの微妙な違いを考えると、最初の要件を解決することができました。 ステッカーは、すべての一般的なブラウザー(Firefox 2 +、IE6 +、Opera、Safari、Chrome)で正常にテストされています。ワンクリック登録!
サイトに登録/ログインするには、Google、Twitter、または包括的なOpenIDでプロファイルを使用できます。簡単で便利なインターフェイス。
インターフェイスを開発する際、一般的なソーシャルプロジェクトの決定が考慮されました。 その結果、インターフェースが取得されました。その説明を以下に示します。ステッカーのインターフェースと機能。

これはメインページのデモステッカーの1つです。
そこにドラッグして、登録や招待なしでボタンをクリックすることができます=)
ステッカー機能
ステッカーは、コメントとともにページに貼り付けられます。 ページ上のステッカーの色、フォントサイズ、位置を選択できます。 ステッカーのステータスを設定します-プライベートまたはパブリック。公開ステッカーの編集には制限があります-10分。

そして、これは別のユーザーのステッカーです。
ステッカーの評価、コメント、作成者のフィードの購読、[レポート]ボタンを使用したレポート、または非表示にすることができます。
ステッカーは、「接着」されたのと同じ場所にロードされます。
ツールバーインターフェース



ステッカーを便利に表示するために、ツールバーを開発しました。 ページ内を移動したり、最小化したり非表示にしたりできます。 これにより、ログインが発生し、現在のページでステッカーを表示して作成します。
ページ上のステッカーの数が5を超えると、ページネーションがツールバーに表示されます。
ステッカーを表示するにはいくつかのモードがあります。
ステッカー -ページ上のすべて
あなた -あなたのステッカー
フォロー中 -読んでいるテープのステッカー
人気 -ページで最も人気のある
ユーザーページ

メインブロックは、ユーザーステッカーとサブスクリプションで構成されるテープです。
フィードでは、評価、コメント、お気に入りへの追加、独自のステッカーの削除も可能です。
サイトでは、直接メッセージを交換できますが、お互いに読んだ場合のみです。
ユーザー設定。
設定では、アバターを追加したり、ログインしたアカウントを表示したり、Twitterでのクロスシェアを有効にしたり(もちろん、Twitterアカウントをお持ちの場合は、現在テストモード)、ニュースレターを購読したり、タイムゾーンを選択したり、友達を招待したりできます。YouStickerの使用を開始するには?
登録し、ブックマークまたはお気に入り(IEの場合)にボタンを追加すると、あなたは本格的なYouStickerユーザーになります。 FireFoxを使用している場合、プラグインをインストールできます 。ウェブマスターと開発者向けに、小さなウィジェットが提供されています。 これは、ページに残っているステッカーの数を示すカウンターボタンです。

私たちの計画:
- プロジェクトのエラーと欠陥を見つけます。
フィードバックと連絡先ページを使用して、これを支援できます。 - コミュニティサポートを追加する
- API
- などなど...
YouStickerへようこそ!
Youstickerヘルプ
PS:
開発者がmanager@yousticker.comに2、3の招待を投げたら、喜んで質問に答えます