デザインがクールなタグクラウドを実装できるjQueryプラグイン「jQCloud」:phpspot開発日誌
DukeLeNoir/jQCloud GitHub デザインがクールなタグクラウドを実装できるjQueryプラグイン「jQCloud」 作ってみると意外と難しいタグクラウド。それを次のように美しく実装できるタグクラウド実装用プラグインです ワードのリストを次のように配列で渡してあげて初期化するだけです。デザインとかは全部やってくれるみたいです 文字の羅列だけをデザインする上に、毎回ワードが変わるわけなのでなかなかデザインが難しいところですね。 Web2.0と言われた２００５年当時は何処でも見る程よく使われていたインタフェースですが、CSS3を使ってrotateさせたりすることで今ならより進んだ面白い表現ができるかもしれませんね 関連エントリ 瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」 HTML5のcanvasを使ったアニメーションするタグクラウド
「1ページのリンクは100未満に抑える」は過去の話だけど、やっぱり抑えたい
Googleは、1ページあたりのリンクの数をクローリング可能な範囲という技術的な側面から100以内に抑えるように以前は推奨していました。 しかし現在は技術の進歩もあり、100という具体的な数字をガイドラインから削除し「妥当な数に抑え」ると修正しています。 ※細かないきさつは、Web担当者Forumに僕が掲載した記事を読むと分かります。 ただしGoogleが推奨する上限数がガイドラインから消えたと言って、無制限にリンクを設置すると問題が起きそうです。 WebmasterWorldのGoogleフォーラム管理者のtedsterが次のようにコメントしていました。 When I build sites I try to keep internal links under 50 per page as a rule of thumb – and going beyond 100 or so is a
瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」:phpspot開発日誌
Jimpl Tag Cloud 瞬時にタグクラウドが形成できるjQueryプラグイン「Jimpl Tag Cloud」 次のようにHTMLを定義して $('#tagcloud').tagCloud({separator: '.'}); とするだけで上記のタグクラウドが形成出来ます。 <div id="tagcloud" class="tagcloud"> Image converter. Image converter. Image resizer. Png to ico. Png to ico. Png to ico. Ico to png. Png to jpg. Jpg to png. Jpg to png. Bmp to jpg. Jpg to bmp. Jpg to gif. Gif to jpg. Png to gif. Png to gif. Gif to png. Onl
webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個
かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
クールすぎるタグクラウドを作成できる「Tagul」サイトへ埋め込み可能
タグクラウドは、もっとカッコよく表示すべきだ。と感じている人も多いのではないでしょうか。 今回は、英語のみタグクラウドに表示されるものの、埋め込み可能なFlashのタグクラウドをかなりクールに作成できるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 超クールなタグクラウドを作成できる「Tagul」 「Tagul」は、ブログやサイトへ埋め込むことができる、Flashのクールなタグクラウドを作成するサービス。 タグクラウドの形や色、文字の傾きも調整可能なうえに、タグのリンク先もカスタマイズできるものになっています。 サンプル タグクラウド ↑こちらはこのブログを元に作成したタグクラウド。 リンク先をブログのタグ検索結果ページへ飛ばしていましたが、日本語が入るとエラーになってし
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
jQueryを使ったタグクラウド生成チュートリアル:phpspot開発日誌
Building a jQuery-Powered Tag-Cloud - NETTUTS jQueryを使ったタグクラウド生成チュートリアル。 次のようなタグクラウドをJavaScript(jQuery)+PHP+JSONで実装するチュートリアルです。 おのおののサイズをJavaScriptで制御することで、文字サイズのスタイルをずらずら書かなくてもよいというのがいいですね。 PHPで完結しないところが若干回りくどいということもありますが、フロントとバックを分けていることで、別のＵＩにも調整しやすいというメリットもあります。 関連エントリ jQueryとPHPでダイナミックな投票スクリプトを作成 jQueryを使ったブラウザ上で動作するLeopardデスクトップの構築
タグクラウドにうまく階層を付けたＵＩ例とサンプル:phpspot開発日誌
jquery Hover Sub Tag Cloud タグクラウドにうまく階層を付けたＵＩ例とサンプル。 タグクラウドが多くなってくると、見にくくて困ったりしますが、次のようなＵＩになると見やすさが飛躍的に上がります。 デモページ なるほど、誰もが思いつきそうで思いつかなかったＵＩかもしれません。 ソースコードもダウンロード可能なので、参考に実装してみるとよいかもしれませんね。
tsutomuraのブックマーク - はてなブックマーク
画質を保ちつつ極限までファイルサイズ減量できるWebツール『PNG Minimizer』 『PNG Minimizer』はPNGフォーマットの画像を画質を極力保ちながらファイルサイズを小さく圧縮してくれるWebツール。 使い方は最大5MBまでの画像をアップロードし、変換された画像をダウンロードするだけです。 （入力画像はPNG以外にBMP／ICO／ GIF／JPGの各フォーマットに対応していますが、すべてPNGフォーマットで出力されます） 仕組みとしては以前紹介した『TinyPNG』と同様に画像に使われている色の数を少なくすることで全体のファイルサイズを小さくするというものです。 試しに前回と同じ画像を使って試したところ、256色で実に71%のファイルサイズ削減が実現できました。 上のように拡大してみるとグラデーションの具合や輪郭のシャギーなどアラが目立ちますが、通常サイズで見る分にはあま
タグクラウドが明らかにする、それぞれの『iPhone 3G』 | WIRED VISION
タグクラウドが明らかにする、それぞれの『iPhone 3G』 2008年7月14日 カルチャー コメント： トラックバック (0) Jose Fermoso 『iPhone 3G』が発売された2008年7月11日(米国時間)には、誰の頭にもこの製品のことがあったように見えたほどだが、人々は脳の奥深くで実際に何を考えていたのだろうか？ それを解明したいと思ったわれわれは、インターネットの力を活用して、興味深い「ワードタグクラウド」(Word Tag Clouds)をいくつか作ってみることにした。使用したタギングアプリは、Jonathan Feinberg氏が開発した、最高に色鮮やかな結果を表示してくれる『Wordle』だ。 Wordleは与えられたテキストからタグクラウドを自動的に生成してくれる。再生される「クラウド」では、テキストで数多く繰り返された言葉ほど目立たされる。美的センスによって
タグクラウドが3D空間に回転するWordPressのプラグイン -WP-Cumulus
WP-Cumulusは、Flashで作成された3D空間に、マウスの動きに合わせてタグが回転するWordPressのプラグインです。 ※設定が悪いのか、日本語文字化け中です WP-Cumulus Flash based tag cloud デモ プラグインの通常のダウンロードファイル「wp-cumulus.zip」では日本語に対応していませんが、下部にある「Japanese」から「tagcloud_japanese.zip」をダウンロードして「tagcloud.swf」を差し替えると日本語表示がされるそうです。 ※上記にあるように、当サイト（UTF-8）では設定がダメなのか文字化け中です。タグのリンクもうまくいってません。 WP-Cumulusの設置方法は、プラグインフォルダにアップロードし、タグクラウドを配置する箇所に「[ WP-CUMULUS ] 」、もしくは下記のコードを記述するとタグ
タグクラウドみたいなのの単語の折り返しに関して
単語の禁則処理に関しては、結構無頓着であんまりそういう事がなかったのもあり、イマイチ分かってないんですけど、ブラウザによる差異が激しい問題の一つだと思います。たぶん。 Firefox3になってから、URLなどが長い場合折り返されるようになったみたいだけど、単純な半角英数の羅列だとやっぱり折り返してくれないんですね。ちと残念。 で、今回はむしろ折り返さないで欲しいっていう状況の時の処理に悩んだのでメモがてら。 サンプルは以下より確認できます。 単語の禁則処理に関してのサンプル 取りあえず、サンプル見てもらうと2つ似たようなのがあるんですが、タグクラウドみたいなのを作ったときに普通に作ると多分2番目みたいになるかと思います。 通常はコレで問題ないのです。 なにせ、1番目みたいにすると、長いテキストが入った場合に折り返してくれないので、はみ出したりしてしまいます。 更に、IE6だとoverflo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タグ付け機能 - WordPress Codex 日本語版
アクセス解析 mogura のユーザエージェントリスト - WordPress Firefox オープンソース って(・∀・)イイ!!
関連するタグのデータをAPIで提供する『tagatum』 | 100SHIKI.COM
Amazon.co.jp ヘルプ: タグについて
Twitterで話題の単語がリアルタイムタグクラウドでわかる『Twitscoop』 | 100SHIKI
かっこいいタグクラウドを作成できるオンラインサービス | コリス
PHPでタグクラウド実装サンプル:phpspot開発日誌
not found