カテゴリ「Web」の公開予定記事
プレミアムユーザーは以下の記事を先行で購読可能です。MOONGIFTプレミアムは月額500円の有料サービスです。詳細はこちらから。
- 一般公開：2012/03/06
- 秘密のツイートもこれで安心。鍵を使った暗号化Twitter...
- 一般公開：2012/03/05
- 今見ているコンテンツをそのままに編集
- 一般公開：2012/03/05
- Clear風のUI、操作を実現するスマートフォン向けWeb...
- 一般公開：2012/03/04
- HTML5でゲームを作ろう。アクションゲームに向いたフレー...
- 一般公開：2012/03/02
- node.jsを使ったコラボレーションプログラミングエディタ
カテゴリ「Web」の記事一覧
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
2012/02/23
HTML5の中でも使える、使わない方が良い機能を学ぶ「HTML5 Please」
HTML5が登場してしばし経ちましたが、それでも積極的に使っていくのを躊躇している人も多いのではないでしょうか。そこでHTML5の中でもどの機能を使っていくべきか、または避けるべきかを教えてくれるのがHTML5 Pleaseです。 トップページです。HTML5対応Webブラウザで見てみましょ...
2012/02/20
IE8以前に救済。HTML5のタグを利用可能に「html5shiv」
HTML5のWebサイトを作りたいと思いつつ、IE向けのデザイン適用について心配する声は多数あります。そこで使ってみたいのがhtml5shivです。HTML5非対応のIEでもHTML5の要素を使ったデザインをサポートします。 例えばこんなデザイン。HTML5を使っていますがちゃんとスタイルシ...
2012/02/19
こんな手が！Faviconを使って通知数を表示する「Tinycon」
Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 Faviconの下に数字が書かれています。数秒ごとに自動で繰り上がっていきます。 デモで...
2012/02/19
グループ決めに。ランダムにATNDイベント参加者をグループ化「ATND GROUPING」
イベントを行う際に、何人かでグループを作って話し合ってもらったりすることがあります。そんな時にどうグルーピングするか、自動で決めてくれるのがATND GROUPINGです。 トップページです。まずは適当なATNDのイベントIDを入れます。 後はグループ数を入れます。終わったらシャッフルボタン...
2012/02/18
滑らかに自然なページ送りができるJavaScriptライブラリ「turn.js」
turn.jsはリアルなページ送りができるWebベースのソフトウェアです。ハードウェアアクセラレーションを使い、滑らかに動きます。 四隅にマウスを持っていくと小さくカールします。ここをドラッグして引っ張ります。 ページをめくります。何となく海外のページの薄い雑誌をめくっているような感じです。...
2012/02/17
自炊した電子書籍を読むのに使えるWebベースのZipリーダー「Mark It Now!」
Mark It Now!はWebブラウザ上で動作するZipリーダーです。Zipで作成された電子書籍をWebブラウザで読み進めるのを目的としています。 最初にログインをします。 本当はここで書籍の一覧が出るはず…。でも登録方法などが分からず挫折しました。 デモ動画です。きちんとセットアップする...
2012/02/17
Webアプリケーションを作るのに便利そうなコンポーネント群「UIKit」
最近、TwitterのBootstrapが人気ですが、同じようにWebアプリケーションをデザインする際に使えそうなコンポーネント群がUIKitです。 まずダイアログ系のコンポーネントです。 閉じるボタン付き。 グレーアウトしたダイアログ。 HTML埋め込みもできます。 カラーピッカーコンポー...
2012/02/16
Webページ内の検索ハイライトを複数ワードに対応させる「Find Many Strings」
Webブラウザの検索機能は貧弱なものが多いです。インクリメンタル検索が限界でしょう。そこで検索に不満を感じていた方に試してもらいたいのがFind Many Stringsです。連続して検索してどんどんハイライトを追加できます。 インストールしました。右上、右から二番目のアイコンがFind M...
2012/02/15
Webプログラマ必見。HTML5のセキュリティチートシート「HTML5 Security Cheatsheet」
HTML5 Security CheatsheetはHTML5におけるセキュリティホールになりえる問題点をコードを通じて広めていこうというプロジェクトです。Webプログラマ必見と言えるでしょう。 トップページです。様々な項目が並んでいます。 左側は各セキュリティチェックすべき項目で、対象にな...
2012/02/15
Apache Clickを使ってWebアプリケーションを組むなら知っておきたい「Click JQuery」
Click JQueryはApache ClickとjQueryを連携された場合のデモソフトウェアです。実際にApache Clickを使っていく上でのテクニックとして知っておくと便利そうです。 デモサイトです。様々なコンポーネントを試せます。 スライド系のデモです。 カレンダー連携です。 ...
2012/02/14
表現力の高さに驚き。HTML5/Canvasグラフライブラリ「Flotr2」
これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラ...
2012/02/13
この発想はなかった。GIFアニメーションをCanvasで解析して自由に再生「jsgif」
GIFアニメーションは動画が当たり前になった現在、廃れるかと思ったのですが未だに好んで使われています。特にちょっとしたお笑い系動画をGIFアニメーションにしていると面白いです。そんなGIFアニメーションを再生、リバース再生など自由に操作できるようにするJavaScriptがjsgifです。 ...
2012/02/11
Web上でZipファイルの読み書き「zip.js」
Web上でZipファイルを作成したり、内容を読み込んだりするのに使えるのがzip.jsです。ファイルの送受信で使えそうです。 メイン画面です。まずファイルをアップロードします。 ファイルを追加しました。自動でアップロードが開始します。 4つファイルを登録しました。ダウンロードボタンを押すとZ...
アンケート