段落ごとのコメントを実現Webサイトへの訪問者とコミュニケーションを取るためにコメント機能を追加するのは良くあることです。通常はサイト下部にあって、記事全体に対してコメントをつけるというスタイルが一般的です。場合によっては記事のこの部分にコメントしたいと思うこともあるはずです。Commentsです。再利用性の高いWebコンポーネント集HTMLは自由度が高く、何でも描ける割に標準で用意されているコンポーネントはとても貧弱です。フォームのエレメントなどもあれしかないのかとがっくりするほどです。HTML5で多少リッチになってきましたが、それでも物足りなく感じるのではないでしょうか。Googleが提案するWebアプリケーション高速開発環境Webアプリケーションを開発しようと思ったら、まず何をするでしょう。HTTPサーバを立てるでしょうか、Bootstrapのダウンロードを行うかも知れません。jQueryやBackbone.jsやAngularjsなどを設定するかも知れません。Web上でアニメーションGIFの解析&生成HTML5になって俄然面白くなってきたのがアニメーションGIFではないかと思います。バイナリとして読み込むことで、単純な再生だけでなく再生を変化させたり、動画から新しいアニメーションGIFを作ってしまったりできます。そのベースとして使えそうなライブラリがgifkenです。Fontを使ったフォントアイコンはデザイン上で色々な場面で使えますが、さらにユーザに選ばせたりする上でも便利な代物です。Fontが入っていないと豆腐になってしまうため、そのUIが問題になります。fontIconPickerです。node/Git/MarkdownなWikiエンジン時々「Wikiサタデー見てました!」と言われると小躍りしたくなるMOONGIFTです。いう訳でWikiサタデーのお時間です。最近は何でもMarkdownで記述するソフトウェアが増えています。いえ記法が統一されているといろいろなところで使い回しが効いて便利です。それはWikiでも同様と言えます。汚いコードは読みづらいですよね。行の折り返しをどこにするか、空の行の使い方などでぐっと可読性はあがってきます。した書き方も慣れてくると経験で分かってくるのですが、最初はなかなか難しいものです。そこで使ってみたいのが機械的にコードを読みやすくしてくれるソフトウェアです。Fontを提供するソフトウェアが増えています。Fontを使うメリット/デメリットと関連オープンソース・ソフトウェアを集めました。GitHubのプロフィールを埋め込み表示GitHubでの活動は開発者にとってのステータスです。その活動内容を自分のサイトやブログに飾ることができれば、より誇らしくなるでしょう。ソーシャルな活動はそのサイト以外にアピールしてこそ映えるものです。そこで使ってみたいのがです。HTMLのタグとして定義するGitHubプロフィールライブラリです。GitHubで使われているWebFont他のサイトで使われているリソース、フレームワーク、画像などが気になるということはよくありますよね。そんなとき、有償のものだとちょっと高くて手が出せない場合もあります。GitHubが自社サイトで使っているアイコンリソースをOcticonsとして公開しました。Webサイトに埋め込むテキストチャット最近は同じページを見ているユーザとチャットするサービスが増えています。動画であったり、Ustreamなど動画系のサービスに多いようです。同じような仕組みをWebサイトに組み込みたいと思うケースもあるのではないでしょうか。そこで使ってみたいのがScrollbackです。Webとローカル両方で使えるドット絵エディタドット絵は昔のコンピュータ、ゲーム機の時代から人気のあるイラストです。今なおTwitterのアイコンに設定している人も大勢います。写真やきれいなイラストとは違う、懐かしさが魅力です。スクロールで画像をぼかすエフェクトパララックスエフェクトによってスクロールに意味を持たせる動きが活発になっています。スクロールするとアニメーションしたり、色が変わったりするサイトもありますが、今回はまたちょっと違うアクションです。crossfade.jsを使うと画像がぼかされて目立たなくなっていきます。OSX用のスニペット管理プログラミングをしている時にスニペットは便利ですよね。したコードを登録しておいたり、HTMLの基本構造を登録しておくのも便利です。テンプレートがあれば作業効率はぐっとあがるでしょう。地図とテキストをミックスした格好いいコンテンツ地図を使ったコンテンツを作るのは楽しいですが、いざ作るとなると意外と難しいのではないでしょうか。Googleマップにマーカーを載せても、それをタップしないと内容が分からなかったりします。そこで紹介したいのがOdyssey.jsです。地図とコンテンツをミックスした面白いプレゼンテーションを作成できます。今回はTumblrに関するツールをまとめて紹介します。Yahooに買収されて若干勢いが失われたか、といった感もあります。それでもデザイン性もあって関連ソフトウェアが次々と登場しています。そこでMOONGIFTでのTumblrの使い方と、関連ソフトウェアを紹介します。Gitを使ったオンラインメモEvernoteは利用者のとても多いサービスです。日々たくさんのノートが保存されています。中には自分のプライバシーに関わるものだけにクラウドではない場所に保存しておきたいと考える人もいるでしょう。そこで使ってみたいのがmagpieです。CVCの入力が主になると思いますが、その入力フォームをかっこうよくしてくれるのがCardです。Cardの使い方!こちらは適用前。普通のフォームですね。面白い!タブを閉じる前にモーダルを出すライブラリこれを使うとコンバージョンレートが上がると思いますよ!Webサイトを離脱される前に、ちょっと待って!と声をかけたくなることはないでしょうか。それがユーザメリットになるかと言われると難しいですが、それでもせっかく訪問してくれた人が離れてしまうのを何もできずに見送るのに歯痒さを感じることもあるでしょう。サークルを使った多彩な表現を簡単にできるグラフィックスライブラリHTMLの世界では主に左から右のテキストと、四角い枠の画像(別な形であっても背景が透明というだけで)で構成されているように見えます。角丸であったり、形が異なるものが目を引くようです。MagicCirclesを使うと円を使った多彩な表現が手軽に実現できるようになります。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が728あります。blockworks。