Scrollbackはnode/JavaScript製、GNU Affero General Public Licenseのオープンソース・ソフトウェアです。 Webサイト内でコミュニケーション機能を提供するなら何を使うでしょうか。掲示板、チャット、コメント機能などが考えられます。今回はその一つ、ごく小さなフォーラム機能を提供するScrollbackを紹介します。 作成例。画面下にあるコードを任意のWebサイトに埋め込みます。 そしてそのサイトを表示すると、右下にバーが表示されるようになります。 クリックするとチャット(フォーラム)ウィンドウが開きます。 日本語も送れます。記述すると他のウィンドウはタイトルが変化してメッセージが来たことが分かるようになっています。 ユーザ名の変更も可能です。 Scrollbackはフォーラムというよりもチャット機能に近いシステムになります。URLごとに分か
Hacker Newsを見ていたらMozillaの公開しているプロジェクトが話題になっていました。内容はシンプルかつ強力です。JavaScriptのコードを埋め込むだけでWebサイト上でチャットやカーソル位置の共有、音声チャットといったコラボレーション機能が使えるようになります。 TogetherJSは次のような機能をサポートしています。 ビデオと音声のチャット テキストチャット カーソルとクリックの共有 共同ブラウジング ユーザ情報の共有 リアルタイムコンテンツ同期 埋め込むだけで使えるというのはどういうことかと思いますが、実際にはJSで書かれたサーバサイドモジュールとクライアントサイドのスクリプトで構成されています。サーバーサイドを自分自身で稼働させる事も勿論できますが、サンプルとして貼り付けるコードについてはMozillaがホスティングしているhubというサービスをサーバーサイドとし
FC2無料チャットは、Flashでできたミニチャットです。 あなたのブログやホームページにHTMLタグを貼り付けるだけで、誰でも簡単にミニチャットを設置する事ができます。 ブログパーツとして利用するには最適な大きさです。 FC2チャットは、サーバとの通信をFlash内部でおこなうので従来のチャットのような煩わしいページのリロードが必要なく、快適なチャットをお楽しみいただけます。 ブログやホームページを訪れてくれる人同士が気軽に会話をすることができるので新しいお友達作りができます。 共通の話題もあってGOOD! ブログやホームページの内容について分からない事や意見などがあれば他の人に聞いちゃいましょう! 新しい情報がGETできるかも。 仲の良い友人との待ち合わせ場所として使うのもOK! メンバー専用の掲示板やSNSの中に設置すれば、利便性もアップ! リアルタイムに会議ができます。
こんにちは。シリコンバレーのEdSurge社でデザイナーをやっている@chibicodeと申します。このページをはじめて公開した2014年1月26日に26歳になりました。ブログもやっています。 こちらでは自分の仕事術や情報収集術を掲載しています。随時更新中ですが、更新をお知らせする予定はありません。いちおう、このページのソースコードと更新履歴はGitHubで公開しています。 なぜ書いたのか そもそもこのページを設置した理由はふたつあります。 ひとつめは、近ごろ自分の仕事の出来なさぶりに幻滅しており、自分の仕事術や情報収集術を振り返っているうちに、それがどれだけ残念なものなのか、文字に落としこんで振り返りたいと思ったからです。もちろん、仕事術の良し悪しが仕事の成果に与える影響は大したことないのですけどね。 ふたつめは、日本の方に「どういうツールを使ってらっしゃるのですか」「どこで情報収集をさ
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい:photoshopのアンチエイリアスについては、基本的には5種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の5種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の4つに関しては シャープ:文字が太い / くっきり 鮮明:文字が細い / くっきり 強く:文字が太い / なめらか 滑らかに:文字が細い / なめ
背景に動画を使ったWebサイトの作り方2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 KINS WITH 動物病院の Web サイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 Aquallの Web サイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意するまずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて 4 通り。 自分で撮影するプロに撮影依頼する有料の動画素材を使う無料の動画素材を使う1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く