[jQuery]検索結果で表示可能なTwitterブログパーツを設置できる「Monitter」
Twitterの検索結果をタイムラインで表示するようなブログパーツってなかなかないですよね。 今回ご紹介するブログパーツは、jQueryで動かす割には設定がほとんど不要で、Twitter検索結果も表示できる手軽で便利なものになっています。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Twitter検索結果で表示できるjQueryブログパーツ「Monitter Widget」は、jQueryを使って設置でき、Twitter検索結果でも表示できるブログパーツ。 検索キーワードをブログパーツを表示するdiv要素のtitle属性に書くだけで良いので、設置もかなりカンタンです。 「Monitter」の特徴title属性が検索クエリになるlang属性で言語の絞込み可能シンプルなCSSでデザイン設定可能ここ
![[jQuery]検索結果で表示可能なTwitterブログパーツを設置できる「Monitter」](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e3e2e47a03287d215e0563cc28cb00978a7644a/height=288;version=1;width=512/http%3A%2F%2Fweb-marketing.zako.org%2Fimages%2F2009%2F03%2Fmonitter.png)
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
jQueryでツールチップみたいなの
JavaScriptでリンクにマウスオーバーしたら、ツールチップを出すようにしたいんだけど。 ツールチップの中身はHTMLで好きに変えれるように。 ってな感じの事を言われたので、色々調べてやってみました。 JSはあんまし触った事ないし、とりあえずjQuery使ってやったら出来るかも、みたいな浅い知識しかないわけですけど、 なんとか出来ました。 なんでjQueryなの、とかは聞かないで下さい まずはとりあえずググってみた。 すると、こういったものがあった。 CSSとjQueryを使ってマウスオーバー時にポップアップ表示にするTooltips | CSS Lecture おー！まさに！！といった動きなんですが、問題が。 これだと、ポップアップの中身がHTMLで書けないんです。 実際にポップアップするところのソース。 [html] <a href=”#cssLecture” title=”サンプ
第20回 jQueryでAJAX入門：正規表現でサイトに表示したTwitterにリンクをつける | gihyo.jp
Twitterにリンクをつける 前回は.getJSON()メソッドを使い、Twitter上での発言をサイトに表示できるようにしてみました。しかし、時にはTwitterの発言文中にはURLやhashタグや@ユーザー名などが含まれていることがありますが、前回のままではそのままテキストとして表示されるだけになってしまいます。 以前、フォームの内容を紹介した時に正規表現の紹介をしましたが、今回はその正規表現を利用して、Twitterの発言文中に含まれるURL・hashタグ・@ユーザー名をリンクをつけるサンプルをご紹介します。 URLにリンクをつける まずは文中に含まれるURLにリンクをつけてみましょう。文中からURL部分だけを見つけるために、正規表現を利用します。 URL用の正規表現 /(http:\/\/[\x21-\x7e]+)/gi 「[\x21-\x7e]」の部分は16進数で表現したASC
jQueryの日本語の解説サイトと国産のプラグイン集
MopBox 複数パネル（デモには100以上のパネルも）の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
新しいjQueryのプラグイン25 – creamu
86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQueryのプラグイン集です。 既出のものがありますが、動きの洗練されたものがまとまっています。 YoxView – jQuer Image Viewer Plugin lightbox系のかっこいいスライドショー Uniform – Sexy forms with jQuery ラジオボタンやファイル選択ボックス、チェックボックスをjQueryでデザイン。ホワイト、グレー+ブルー、ブラックの3タイプがダウンロードできる jQuery Form Wizard Plugin フェードイン&アウトで遷移するバリデーション付きのフ
WebデザインにjQueryを使いたい人向けの動画チュートリアルサイト・jQuery for Designers
jQueryをWebデザインの為に使い たい、という方にお勧めのサイト・ jQuery for Designersのご紹介。 jQueryは様々なプラグインがあり ますが、ここはWebデザインに特化 しています。 jQuery for DesignersはデザイナーのためのjQuery情報サイトです。まだ数自体は少ないのですが、チュートリアルやデモを中心に情報を配信していますので今後の期待も込めてご紹介します。 Webデザイナー用のjQuery情報サイトです。右上に「Easy」、「Medium」、「Hard」とありますが、これは導入難易度を示しているようです。 チュートリアルは動画とテキストがあります。動画コンテンツ上部のdemo、View Codeでデモやコードのページに切り替えます。 例えば以下のような情報があります。 Automatic Infinite Carousel 自動でスラ
リンクの隣に「はてなブックマーク数」を表示する方法 | H2+ Goes On
TwitterにOAuthクライアントアプリを登録する方法 (1,734 PVs)共有サーバーにPEARをインストールする方法 (1,596 PVs)外部サイトのリンクを別タブで開く方法 (1,197 PVs)クルクル回転するタグクラウド (1,056 PVs)サイト内にFlashムービーを埋め込む方法（インストール編） (994 PVs)外部サイトのリンクを別タブで開くブックマークレット (942 PVs)OAuth認証ってナニ？ (913 PVs)WP-PostViewsの日本語化 (854 PVs)サイト内にFlashムービーを埋め込む方法（AviUtl設定編） (793 PVs)サイト内にFlashムービーを埋め込む方法（AviUtlバッチ出力編） (712 PVs)サイト内にFlashムービーを埋め込む方法（公開編） (697 PVs)Zend_Oauthを使ってOAuth認証す
jQuery MegaMenu Plugin
Normal Menu First Mega Menu First Heading Second Heading Third Heading First Link Second Link Third Link Fourth Link Fifth Link Sixth Link Seventh Link Seventh Link Second Mega Menu First Heading Second Heading First Link Second Link Third Link Fourth Link More text can go here. A new version is available at http://www.geektantra.com/2010/05/jquery-megamenu-2/ Auto Width Example Defined Width Exam
jQueryでやる！ブログで使えそうな楽しいナビメニュー45
色々とjQueryのサンプルやプラグインが掲載されていて、眺めてるだけで楽しくなるエントリー。 ナビゲーションメニューで悩んだ時に使えそうです。 45 jQuery Navigation Plugins and Tutorials - Noupe さて、いまや多くの人たちから支持を得ているjQueryで、もっと楽しいブログにしてみるのもいいかもしれない。 jQueryは何もWEBサイトだけのものではありません。条件さえクリアすればブログだって使えるのです。 あなたのブログがほんの少しのjQueryで生まれ変わるかもしれない。 わかる方はさくっと上のリンクを叩いて色々試して見てください。 jQueryってそもそも何、って言う人が居ましたら以下を。 jQueryって、美味しいの？ 結構美味しいです。 多くの方に支持されるにはやはりそれなりの理由があります。 超、簡単に説明すると あなたが書いた
アイコンがふわっと拡大するjQuery – creamu
マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
