セクシーに動作するスライドメニューバー実装JSライブラリ:phpspot開発日誌
Sexy sliding JavaScript side bar menu using mootools at Andrew Sellick When trying to conceive ways in which space could be saved on a web page I decided a sliding menu would work well as shown in the images below.セクシーに動作するスライドメニューバー実装JSライブラリ。 クリックするとニューっとアニメーションしてセクシーに開いてくれるメニュー実装のためのライブラリが公開されています。 デモはこちら CSSによってデザインできるので、デザインも簡単です。 ちょっと変わり種ということで、デザイン系のサイトで使えそうですね。
JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳
今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。 （Flashに一点追加しました） CSSJavaScript Photo Sliderライブラリ。 滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも可能。 ダウンロードページ 商用利用の場合は29ドルだけど、非営利の場合は無料で使える。 テキストが表示されているところもポップアップするので試してみると楽しいです。 ダウンロードページ 正確にはギャラリーではないですが、虫眼鏡による画像のビューア。 FLASHではないところがまた乙。重いのが難点か・・・。 ダウンロードページ こちらも虫眼鏡。地味に2つの機能がある。 クリックしながら右にドラッグ
CSS レイアウト切り替えスイッチ | WWW WATCH
Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレ... Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。 じゃあ、その人の好みで、3つのレイアウトを切り替えられるようにしたらいいじゃんということで、そんな CSS 切り替えスイッチを作ってみました。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら （zip ファイル / 10KB） デフォルトでは横幅固定のレイアウトになっています。スイッチを押すたびにレイアウトが選択
Bookmarklet Builder
Bookmarklet name: Rows: Help for Bookmarklet Builder Javascript code: javascript: Wrap text (Bookmarklet)
サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」:phpspot開発日誌
サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 2007年10月11日- Css Globe - Sitemap Styler: Style your Sitemaps with CSS and Javascript I believe that it isn't necessary to point out the benefits of having a sitemap somewhere on your site.サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 スタイルなしの状態のリストを美しくツリー状に整形できます。 JavaScript によってツリーがクリックで開閉できます。 3種類の違うスタイルのサンプルが公開されているのでお好みのサンプ
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
javascriptをoffにするとmixiが劇的に軽くなった。
javascriptをoffにするとmixiが劇的に軽くなった。 先日のエントリーでも書いたとおりmixiでは非常に多くのjsライブラリを読み込んでますが、javascriptをoffにするとどれくらい軽くなるのか調べてみました。 調べたページは例の日記投稿画面。 javascript onの場合 363個のリクエストで607KB(548KBはキャッシュから)で11sかかっています。 ※読み込んでいるjsライブラリが修正されたようです。(2007/10/11) javascript offの場合 69個のリクエストで197KB(126KBはキャッシュから)で2.77sかかっています。 結論 JavaScriptをoffにすると単純計算で4倍の早さになります。 またmixiはjavascriptをoffにしても、私が普段利用している機能のほとんどは問題なく利用できます。 (ほとんど利用してな
角を丸めるjavascript「Nifty Corners Cube」
twitter facebook hatena google pocket Web2.0と言われて増えたのが、グラデーション、画像を水面に映ったかの様に反射させる、透過などなど。 そして角を丸くすること。 Nifty Corners Cubeが提供するのはそんな角丸作成javascript。 sponsors 使用方法 Nifty Corners Cubeからダウンロードしたniftycube.jsとniftyCorners.cssを同じディレクトリにアップロード。 （もしくは、niftycube.jsのl.setAttribute("href","niftyCorners.css");）を絶対パスに） 次にheadに以下のスクリプトを書き込みます。 <script type="text/javascript" src="http://yourdomain/niftycube.js"></
「あとで読む」ボタンをブログに設置する方法 : a My RSS 管理人ブログ
先日の「あとで新聞」公開と同時に、「あとで読むボタン」がブログなどに設置できるようになりました。 このブログの個別ページにも設置しています。 この「あとで読むボタン」をクリックすると、見ているページがメールで送信されるという仕組みです。 「あとで読む」を利用するには登録が必要ですので、登録していない方がボタンを押すと「あとで読む」の説明ページが表示されます。 「あとで新聞」は「あとで読む」された頻度などによって順位が決まっていますので、あとで読むボタンを設置しておくと何かいいことがある・・・かもしれません.... ま、そうでなくても、こんなさりげないボタン（ ）ですので、ちょっとしたアクセントにいかがでしょうか。 なお、「あとで読む」ボタンは javascript を使っていますので、スクリプトが禁止されているブログサイトなどでは利用することができません。。。すいません。 ということで、詳
youmos.com - このウェブサイトは販売用です！ - youmos リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
文字を隠すように貼るシールを表現するJavaScript*ホームページを作る人のネタ帳
なんとも一風変わった遊び心。 その仕掛けは単純だけど、アイデア次第では面白い事が出来そうですね。 サンプルデモはこちら 使い方は以下に。 まずはダウンロードから ダウンロードするものは下記の3つのJsファイルです。 ダウンロードはこちら ダウンロードが終了してファイル名を見ると、妙な名前で保存されているので、今回は名前を変更して使います。 上記のファイル名より上部の名前をすべて消します。 その時、次のような下の部分だけを残し、消します。 下記のような呼び出しを付ける。 <script type='text/javascript' src='pack.js'>/* jquery core */</script> <script type='text/javascript' src='min.js'></script> <script type='text/javascript' src='j
ウェブやブログページを簡単にPDFで提供可能にするJavaスクリプト
ウェブサイトや、ブログのページそのものを、PDFで提供するボタンをJavaSCRIPTを貼り付けるだけで可能にするサービスです。 特にPDF化に手を焼いている人も、この方法であっという間にPDF文章を提供することが可能になる。 5分もあれば、以下の手順で試してもらえれば設置できるでしょう。 1)まずはサイトへ行きサインイン http://web2.pdfonline.com/getting_started/index.htm サインインするための情報は以下のとおりで、非常に簡単です。 ログインしてコードの作成 登録が終われば、先ほど決めたユーザー名とパスワードでログインできます。 後はURLを貼り付けて、コードを作成し、自身のページに貼り付ければ完了という流れです。 試しに貼り付けてみましたが、FC2ブログの記事内では残念ながらエラーが出ました。 でもテンプレートの一部としてや、サイドプラ
SIMILE Widgets | Timeplot
Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data formats that Timeline supports). Here is a live example: New Legal Permanent Residents in the U.S. (per year) vs. U.S. Population vs. U.S. History More Live Examples Energy Prices in the U.S. since 1975: this timeplot shows how the cost of gasoline in the US is strongly corre
スケジュールの進行状況アプリに使えそうなAjax*ホームページを作る人のネタ帳
プログラムの進行状況や、仕事の進行状況など、現在のタスク進行状況を手軽に表示するためのスクリプトです。 あまり使う場面がなさそうですが、なかなか良い動きをしていたのでご紹介だけでもしておきます。 ダウンロード デモページとダウンロードページは同じです。 なお、配布元はwebappers.comさんです。 私達がウェブサイトを作成するとき、たまに進行棒を必要とする場合がある。ただし、Flashを使用しないで、Ajaxによるパーセント棒を作成した。 興味のある方はお試しあれ。 参考までに上記サイトで書かれているヘルプ display(elementId, percentage, colorCode) Display the Percentage Bar int colorCode: 1 = Green int colorCode: 2 = Yellow int colorCode: 3 = O
ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」
イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。 写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。 詳細は以下の通り。 ダウンロードは以下から。 DEfusion.org.uk >> JavaScript Image Cropper UI, using Prototype & script.aculo.us デモは以下から。実際にドラッグして切り抜きを体験できます。 DEfusion.org.uk >> Demo >> Prototype JavaScript Image Cropper UI 操作感覚が通常のアプリケーションとほとんど差異がない
[NS] お知らせ:「コナミコマンド」を実装しました
当サイトでは、本日よりコナミコマンドを実装いたしました。コマンドはファミコン版グラディウス準拠の「上上下下左右左右BA」です。SFC版グラディウスIIIのように自爆はしません。ご安心ください。 コマンドを打つとサイト全体がパワーアップします。もう一度コマンドを打つと元に戻ります。携帯電話やRSSリーダでご覧の場合は効果がありません。ご了承ください。 特に意味はありませんが、どうしようもなくコナミコマンドを打ちたくて打ちたくて仕方がなくなったときなどにご利用ください。料金は一切いただきません。 著作権を主張するようなモノでもないので、自分のサイトに付けたいと考えてらっしゃる奇特な方はソースを見て勝手にお持ち帰りください。 追記:うまくいかない方は日本語入力をオフにしてください。Windows版のInternetExplorer、Firefox、Operaそれぞれの最新版で動作確認済みです。
CSSとJavaScriptで飾りつけする吹き出し風デザイン*ホームページを作る人のネタ帳
あくまでも静的デザインの噴出し。 浮き上がってくるアレではありません。 タイトルやコメント等、ちょっとした飾りに使ってみはいかがでしょうか？ 導入方法 動作環境は以下のとおり ・Internet Explorer 6 & 7 ・Firefox 2.0 ・Safari 2.0 ・Opera 9.0 導入は比較的簡単です。 ダウンロードしたファイルのうち、index.htmlを開いてみるとわかると思います。 <link rel="stylesheet" href="bubbles.css" type="text/css" media="screen" charset="utf-8" /> <script type="text/JavaScript" src="rounded_corners.inc.js"></script> <script type="text/JavaScript"> wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ライブドアブログ｜無料で豊富な機能が充実
http://youmos.com/news/swfmacmousewheel
http://youmos.com/news/jsscrolling