![WEBデザイナーのためのベストエントリ51個まとめ『2007年8月』*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/f85c4508e07b4ffee057d545bc4d1c4d1eb28fe4/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-13.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200709040206.jpg)
リンクなどの文字列の上にマウスが来ると自動的にくるりんと回転する感じで文字の色が変化するというちょっと楽しいエフェクトを加えてくれるスクリプト、それが「scrollovers.js」です。 Firefox 2.0、Internet Explorer 7、Internet Explorer 6、Internet Explorer 5.5、Safari 3 (Windows)、Opera 9で動作確認されているとのことで、個人利用でも商用利用でも無料で使用できます。 論より証拠、デモを見た方が理解できます。 デモとダウンロードは以下から。 Scrollovers - A New Way of Linking http://www.scrollovers.com/ 「scrollovers.js」自体の中身がどうなっているかというのは以下からわかります。 http://www.scrollove
Google Mapsで緯度・経度を調べたい・・・というときのために知っておくと便利な一行コードのご紹介。 使い方は簡単で、緯度・経度を調べたい地点を中心に表示させたあと、次のコードをアドレスバーに入力するだけ。 javascript:void(prompt(”,gApplication.getMap().getCenter())); すると次のようなダイアログが出てくれます。コピーしやすくていいですね。 ↑ 簡単ですね。 ちなみに以下のような方法もありますが、今回のやり方のほうがシンプルでいいかもですね。覚えておくと便利なのではないでしょうか。 Going My Way: Google Mapsに現在の緯度経度情報をわかりやすく表示するGmapExtras Life is beautiful: Google Map で任意の場所の緯度と経度を知る方法 元記事は以下よりどうぞ。 » Get
Glossy.js (with IE 6/7 support) Glossy.js 1.3 allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js). 画像を立体ガラス風にするエフェクト実装JavaScriptライブラリ「Glossy.js」。 プレーンな画像に、次のように画像にガラスのような立体効果を与えることが可能。 必要なライブラリを読み込んで、<img>タグに、class="glossy"を指定するだけでいいお手軽さです。 目立たせたい画像に対してこのエフェクトを指定すると効果的ですね。 IE6,7もサポートしているようです
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム(CGI不要版) AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
Web担編集部の安田です。Web担のはてブ件数1万件超え()を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」(IEの場合)または「このリンクをブックマーク」(Firefoxの場合)してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか?」とのセキュリティ警告が出ま
これはすごい。あらゆるページに拡大鏡を設置できるJavascriptです。 ↑ こんな感じに拡大鏡を設置可能。 画像と簡単なスクリプトをインストールすればOKなようです。 追加するコードは以下のとおり。 まずはページのヘッド部分に以下を追加。 <script type="text/javascript" src="loupe.js"></script> そして拡大鏡を追加したい画像にonLoadで以下を追加。 <div> <img id="..." onLoad="initLoupe(this.id);" src="..." width="356" height="205" alt="..."> </div> 細かい写真などを見せたい場合に便利ですね。知っておくとよさそうです。 ダウンロードや詳しい使い方は以下をご覧ください。 » Loupe.js
JavaScript[J]と[K]で、次の画像/前の画像へ移動できるようにするブックマークレット。ウェブで、写真や画像を、よく見る人には便利なことと思う。 以下のページのように、一つのページの中に多数の画像があるページで利用する。(全部のページで正常動作を確認した。) Dark Roasted Blend: Lords of the Logistics, Part 3らくがきVintage Photographs -- Entries on 3rd January 2006Flickr: Photos from hiramekii スクロールをするために、視線をスクロールバーへやったり、マウスを操作したりすることを煩わしく思ったため作った。ページの上部に次々に写真が現れるため集中できる。おかしな位置でスクロールが止まり、画像が切れてしまうこともない。 以下は、Firefox 2.0とIE
Google検索をちょっこっと便利にしてくれるGreasemonkeyのご紹介。 この「GoogleTagCloudMaker」を使えば、検索結果の横に主要キーワードをタグクラウド的に表示してくれます。「あぁ、この検索結果はだいたいこういうことなのね」とわかってなかなか便利。 » GoogleTagCloudMaker ためしにいくつか検索してみましょう。どういう動作をするのかは以下に画像でご紹介。 ↑ たとえば「百式」で検索します。検索結果の横にタグクラウドが表示されます。これらのタグは検索結果に出てくるキーワードから生成されています。 ↑ タグの上にマウスを持っていくと、そのタグに関連する検索結果だけが絞り込まれて表示されます(とのことですが、日本語だとちょっと微妙・・・でも便利な機能ですね)。 ↑ 次に「バブルマップ」で検索。タグクラウドを見れば「ToDo管理に関することなのだな・・
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose. To that end I’ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS
ハートレイルズは2月27日、リンク先の情報をリンク先に飛ばずに “チラ見” できるブログアクセサリー「HeartRails Glance」の運提供を開始した。 HeartRails Glanceは、ユーザーのサイトに、チラ見機能を付加するブログアクセサリー。チラ見機能をサイトに付加すると、サイト上のリンクにカーソルを重ねることで、そのリンク先のタイトル、サムネイル、関連キーワード、ブックマーク数などの情報を、リンク先に飛ばずしてポップアップウィンドウで確認できる。 ウィンドウのカラーは、6色から選択でき、ウィンドウに表示されるリンク先のサムネイルのサイズは、スモール、ミディアム、ラージから選択可能。また、ウィンドウには検索ボックスの表示も可能で、ウェブ検索、イメージ検索、ビデオ検索から選択し、ウィンドウをカスタマイズできる。 さらに、ウィンドウにあわせて表示される、関連キーワードのリンク先
何もインストールすることなく、「このページを翻訳」したり「このページをブログに引用」したりできるボタンをブラウザに設置できる。ブックマークレットで、操作性アップを目指そう。 ブックマークレット(Bookmarklet)という言葉を聞いたことがあるだろうか。これは、ブックマークにURLを登録する代わりに、短いJavaScriptを登録して、ブラウザにいろいろな機能を追加する特殊なブックマークだ。 扱いはブックマークと同じ。「お気に入り」などに登録して、選択すれば実行される。ブックマーク同様、リンクをドラッグしてブラウザのリンクバー(ブックマークバー)にドロップすれば、簡単に押せるボタンになる。livedoor クリップのブックマークレット解説ページに、ブックマーク登録方法についてのムービーがあり、分かりやすい ブックマークの場合は、登録したサイトにジャンプするわけだが、ブックマークレットは現
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く