asterisk* | ブログに「Twitterに送る（Retweet）」ボタンを追加する
最近ではニュースや情報サイトだけでなく、記事の情報やURLなどの情報をTwitterに簡単に送ることができるRetweet機能を実装しているブログが増えてきています。 livedoor Blogでは独自タグにてつぶやきボタンを実装し、WordPressではプラグインも配布。 jQuery他JavaScriptでつぶやきボタンを設置する方法や、Retweetボタンを提供してくれるTweetMemeのようなサイトもあります。 つぶやきボタンをいうのは構造上はとても簡単な作りになっています。 http://twitter.com/home?status=（サイトのURL） これを個別記事毎にその記事のURLと記事タイトルの情報をTwitterに送れるようにし、かつその記事をTweetした人数をカウントしてくれるようにブログに設置していきます。 今回は当サイトでも利用させて頂いている、J
Snow Leopard対応！初めてのQuartz Composer入門 (1/3)
8月28日、Mac OSの最新版「Snow Leopard (Mac OS X 10.6)」 が発売されました（関連記事）。今回のJavaScriptラボでは、Snow Leopardに付属する「Quartz Composer」を取り上げます。 美しいモーショングラフィックを無料で作れる「Quartz Composer」 「Quartz Composerって何？」「JavaScriptとどんな関係があるの？」という方も多いでしょう。Quartz Composerは、視覚的にプログラムを作成できる開発ツールです。一般的なプログラム開発では難しいコードを書かなければなりませんが、Quartz Composerはいくつかの部品をマウス操作でつなげていくだけで、簡単にプログラムを作成できます。 中でもQuartz Composerが得意とするのは、モーショングラフィックス（映像）の作成です。Qua
JavaScriptで始めるQuartz Composer入門 (1/4)
コードを書かなくても、視覚的にプログラムを作れるMac OS Xの「Quartz Composer」。前回は、Quartz Composerに付属するテンプレートだけでシンプルなRSSリーダーを作成しました。今回はQuartz ComposerのJavaScriptを使って、現在時刻を表示するプログラムを作ってみましょう。 Quartz ComposerのJavaScriptを使ってみよう Quartz Composerで時刻を表示するには、標準で用意されている時間を扱う部品（パッチ）を利用するのが手軽です。ただ、時刻に年月日を追加したり、漢数字に変換したりといった何らかの処理を加えるには、標準の部品だけではできません。今回は学習も兼ねて、あえてJavaScriptを使って時刻を表示する方法を紹介します。 Quartz ComposerでJavaScriptを使うには、Libraryパレッ
手軽に導入しやすい特徴的な14のドロップダウンメニューサンプル
なかなか素敵なまとめ記事がありました。 大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。 CSS、jQuery、MooTools、JavaScript WEBサイトのメニューはシンプルであるべきと考えます。大規模なWEBサイトでは、ドロップダウンメニューを設置することで、ユーザーが容易に移動できるようになる。時にそれらの設置が難しい時は以下を開いてみると良い。 14 Easy to Implement Drop Down Menu Solutions | Web Design Ledger 14ある中で今回触った感触としてお勧めが5つ。 現れ方がカッコいいドロップダウンメニュー ClarkLab ? Animated Drop Down Menu with jQue
ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集:phpspot開発日誌
25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クールなアイコン付階層メニュー BDC Drilldown Menu (iPod Style) iPod風ドリルダウンメニュー jBreadCrumb 動くパンくずリスト Treeview そのまんまツリービュー jQuery Full Width Navigation Widthを指定のサイズにあわせる jQuery Nested Tabs タブ内タブというネストが可能なプラグイン FastFind Menu クールなメニュー実装 jQuery Pagination Pagerを実装 全部見る 最近
サイズ指定したポップアップウィンドウをOnClickを使わずにCSSで開く | kotaログ from Magical Remix&Co.
うちのSpellマスターに発注して、かなり実用的なJavascriptを作ってもらいました。 要望ポイント hrefの中身を.htmlとか.php的に、ファイル指定する。（javascript:void(0);とかjavascript:;とかは使わない） 開くウィンドウごとに、widthとheightを指定できる web標準準拠である HTMLのバージョンに依存しない こんな条件で実現できるJavascriptです。 使い方 まず、<head>〜<head>にJavascriptを記述します。これは外部JSファイルにしてもOK <script type="text/javascript"> window.onload = function (){ var node_a = document.getElementsByTagName('a'); for (var i in node_a) {
MarkeZine：◎JavaScriptを利用してGoogle Analyticsを賢く活用する
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
リンクに、新しいウィンドウで開くためのアイコンを自動で追加(Wpプラグイン) | Numb.
先日新規ウィンドウを開く手段を Valid と両立させる考察という記事で リンクを新しいウィンドウで開くかどうかはユーザーに選択してもらうのが良いのでは でも両方のリンクを書いていくのは手間がかかる、ソースも長くなる せめて、手間を減らすために「Firefox」+「CopyURL+」で一発リンク制作をしてみるのはどうだろう という内容を書きましたが、その後「javascript を使いリンクに新規ウィンドウを開くたアイコンを自動追加する」という方法を公開している方を発見しまして。これが本当にすごい！ 新しいウインドウを開くべき？ - LogJET 1 回設定してしまえば記事を書くときには手間いらず、しかもリンクを 2 回書かなくて良いのでソースも長くならず、本当に素敵です。 あまりに素敵だったので他の方々にも手軽に利用してもらえればいいなと思い、Fsiki さんに許可をいただき Word
GmailにGoogleカレンダーの予定を表示する方法 - GoogleMania | グーグルの便利な使い方
GmailにGoogleカレンダーの予定を表示する方法 管理人 @ 6月 12日 01:22am Firefox, Gmail（Gメール）, Google カレンダー Googleカレンダーの予定をGmailに表示する方法のご紹介です。 利用には、FirefoxとGreasemonkeyが必須です。 表示方法は以下の通りです。 Firefox Greasemonkeyスクリプト「Add Calendar Feed – GMail」をインストールします。 次に、Googleカレンダーのサイドバーのカレンダーリストから、表示したいカレンダーのプルダウンメニューを開き「カレンダーの設定」を選択し、設定画面を開きます。 「非公開 URL:」もしくは、「カレンダーのアドレス：」 の「XML」ボタンをクリックして、ポップアップ表示されるカレンダーアドレスをコピーします。 Googleブックマーク（ht
Design works｜新デザインオンラインカジノ 日本語対応
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
20行で実現できるAjaxタブインタフェース:phpspot開発日誌
Dynamic Ajax Tabs in 20 Lines | 20bits The tabbed document interface is a common solution to the problem of presenting a user with multiple document in one window. 20行で実現できるAjaxタブインタフェース。 次のようなタブインタフェースをたったの２０行で実現可能なようです。 次のようなDIV要素を定義します <div class="tabbed-pane"> <ol class="tabs"> <li><a href="#" class="active" id="pane1">Pane 1</a></li> <li><a href="#" id="pane2">Pane 2</a></li> </ol> </p> <div
画像を虫眼鏡で見たようなエフェクトをかけられる「Loupe.js」:phpspot開発日誌
Loupe.js Loupe.js and Loupe.png allows you to add a loupe (magnifier) to images on your webpages. It uses unobtrusive javascript to keep your code clean. 画像を虫眼鏡で見たようなエフェクトをかけられる「Loupe.js」。 次のように虫眼鏡でのぞいたようなエフェクトをかけられるJavaScriptライブラリです。 サイトに隠し要素を埋め込んだり、ちょっと楽しい仕組みとして応用することでサイト作成に役立てることができそうですね。
CSS と JavaScript でタブ切り替え
CSS と JavaScript でタブ切り替えを実現しています。 なるべく CSS や JS の記述量を最小にするように努力しました。 もっとシンプルにできそうなアイディアがございましたらご教示下さい。 「無償・無保証・著作権放棄」 ですので、 このページのソースを適当にいじって自由に使って下さい。 全てのタブの中味は 1 つの HTML ファイル (このファイル) に書いてあります。 見出しのクリックにより、表示の ON/OFF を切り替えるだけ、という仕組みです。 タブの見出しをクリックするたびにサーバーを読みに行くのが 欝陶しく思えるときに、うってつけかと。 そう言えば、某サイトでは、クリックどころか、 タブの見出しにマウスカーソルを合わせるだけで、 フォーカスされていることを表す見出しの画像 (背景色が異なるだけ) を いちいち Web サーバーへ取りに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
IDEA * IDEA
IDEA * IDEA
JavaScriptでカレンダーを実現するための38のスクリプト | IDEA*IDEA
http://www.oyamafamily.com/public/prg/dev/dev07.html