Stories about our creative apps and services for everyone

Stories about our creative apps and services for everyone
サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。ご質問を頂いて知ったのですが結構広まっているようです。 ということでこのエントリーにてご紹介したいと思います。 2006.10.10 追記:機能改善された Litebox 1.0 の記事「Litebox 1.0 をブログに適用する」を公開しています。 0.動作 公式サイトでも確認できますが、とりあえず上のサムネイルをクリックしてください。ローディング画像が表示された後、元画像が表示されるという、お洒落なスクリプトです。 表示された画像をクリックすると元の画面に戻ります。一度表示された画像を再度クリックするとローディング画像は表示されません。 以下、このスクリプトの設定方法です。 1.ファイルのダウンロード 動作に必要なファイル(スクリプト・スタイルシート・画像)をダウンロードします。 まず下記の
JavaScript の暗黒面を覗く というか Hash として活用しようとすると途端に扱いにくくなるって感じかな。確かに中身はハッシュテーブルかもしれないけど、Hash としては扱いにくい。けっきょく全部 for ( in ) でなめます、みたいな感じで書かざるを得ない。ださい。length プロパティもそうだけど他にもいくつかメソッドが期待したようには動作しない。少なくとも Firefox では。 で、どうせなら has_value() とか keys() とかほしいなと思ったので、自分は試しに Hash オブジェクトを作ってみた。すると JavaScript のオブジェクト周りの扱いにくさというかクセがよく分かる。 Object はプロパティの集合体でありハッシュテーブルなので、Object を作ってそこに obj[key] = val って放り込んでいくだけで Hash でござい、
みなさまお元気ですか 暑さも少し落ち着いてきて、ようやく外に出てもいいかなという気になってきました。季節の変わり目体調には気をつけていきたいですね。 実は、一ヶ月くらい前に Linux PC を自作して Mac から移行しました。そのときの考え、その後の感想を残しておきます。 また、学んだことや作業のログを細かく残しておきたいと思います。(どこかの誰かが不安に思ったときに同じ失敗や疑問を経験した人がいて安心してもらえたら嬉しい) Ubuntu のインストール画面 (ベストオープンソースと開発しよう!) 目次 Mac をやめるきっかけ、経緯 Ubuntu に移行して一ヶ月の感想 おまけ1: どのような PC になったか おまけ2: 事前に学んだこと おまけ3: PC の組み立て おまけ4: Ubuntu のセットアップ 加筆/修正 指摘のあった誤字を修正 NVEnc について誤った内容があっ
More Nifty Corners | Web Design | PRO.HTML.IT Nifty Corners are a combination of CSS and Javascript to get rounded corners without images. The technique is made up of four essential parts: 「Javascriptで指定のHTML要素を動的に角丸デザインにする方法」で紹介したNiftyCornersですが、このページで紹介されている方法を使えば、アンチエイリアスな角丸を設定することが出来るようです。 使い方はちょっと変わって、 Rounded("div#nifty","all","#FFF","#D4DDFF","smooth"); のようになっています。 第二引数と第五引数が追加される形になっています。
クレジットカード現金化をするために現金化業者を利用したいけど、色々不安だから利用するなら現金化優良店を利用したいと思いますよね。 しかし、「優良店ってどうやって選べばいいの?」と、思っている方がほとんどかと思います。
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download script You can download the script from this Zip file Implementation On the words that should have tooltip, insert a tag like this: <a href="#" onmousemove="showToolTip(event,'This is a simple, simpl
サムネール画像から拡大画像をポップアップさせずにスマートに表示する Lightbox JS、以前当サイトでもLightbox JS で画像を表示するをエントリー致しましたが、ブログに設置している Flash(こうさぎ等)については拡大画像表示時に PNG 背景画像(overlay.png)の下に隠れないという問題があります。 Flash は門外漢なのですが、テンプレートご利用サイトの Atelier Shuhei Weblog さんより解消するための情報(下記リンク参照)を頂きました。ありがとうございました。 またこの件に関して他の方からもご質問を頂いておりますので、本エントリーにて紹介させて頂きます。本カスタマイズを行うことで、スクリーンショットのように拡大画像を表示した際、ブログツールを背景画像の下に隠すことができます。 Atelier Shuhei Weblog:隣の花は紅い Sit
Online calculator is great for financial calculations. Be it stock values, stock option values, or account management. In addition to finaccial calculations, we offer unit conversion, in particular currency rates conversion. This site is where you can do your financial calculations, models and evaluations.
2006年03月05日06:52 カテゴリLightweight Languages javascript - alpsclip tagger これでも一般bloggerには敷居が高いと思ったので、こんなん作ってみました。 ここギコ!: アルプスラボのMT地図プラグイン使ってみた 住所を書くだけで、ここまで直感的に地図に対応してくれるブログソリューションってあっただろうか? 本文中に[map:品川区西五反田2-10-8:D]みたいな形で埋め込むだけで(当然括弧は半角。逆にこれ、殺し方どうすればいいのかな?)、表示に対応してくれる。 使い方 以下のscriptを使うだけで、<alpsclip>というタグが「有効」になり、それで住所を囲むとそれがAlps Lab Clipに展開されます。 タグ表示 会場は<alpsclip>東京都大田区南蒲田1-20-20</alpsclip>です。 会場は東
2006年03月02日22:28 カテゴリLightweight Languages javascript - Yet Another Previewer 本日はもう一つ行きましょう。 Editor Previewer Help Source 使い方 EditorタブのフィールドにHTMLを入力して、Previewタブを押して下さい。 Editorタブをもう一度押すと、Geckoベースのブラウザーに限り、 PreviewのDOMから再生成されたHTMLでフィールドを書き直します。 それ以外のブラウザの場合、(現時点では)ただ戻ります。 Geckoベースのブラウザーをお使いなら、わざと謝ったHTMLをEditorタブで入力してから、 Previewを押してもう一度Editorを押して下さい。何が起りましたか? 作った理由 BlogのPreview画面では、通常自分用のCSSとは異なるCSSが
TurboWidgets, presented by TurboAjax Group TurboWidgets are JavaScript client-side controls that provide a rich user-interface experience for AJAX-style web applications. 以前紹介した、AjaxなphpMyAdmin のページで、TurboWidgetsというAjax部品集がリリースされていたので紹介。 例えば、次のイメージはTurboGridというコンポーネント。かなりクオリティ高いです。 その他にも、次のようなプログレスバー(ぐんぐん伸びるイメージがカッコいい) 高品質なボタンコンポーネント集(一見デスクトップ風) ツリービュー(アイコン表示できる) タブコンポーネント(Appleのサイトっぽい) ドラッグアンドドロッ
This shop will be powered by Are you the store owner? Log in here
アニメ『盾の勇者の成り上がり(2期)』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます! ↓『盾の勇者の成り上がり(2期)』の動画を今すぐ無料で見たい方はこちらをクリック↓ 盾の勇者の成り上がり(2期)を無料で視聴する! アニメ『盾の勇者の成り上がり(2期)』とは?(あらすじ・見どころ) まずは、『盾の勇者の成り上がり(2期)』とはどんな作品なのか?、作品の概要をご紹介します。 あらすじ 尚文が次の「波」への準備を進めていると、謎の魔物たちが現れ、同時に「波」へのカウントダウンが停止してしま ... アニメ『RPG不動産』の「あらすじ」や「動画を無料視聴する方法」をご紹介していきます! ↓『RPG不動産』の動画を今すぐ無料で見たい方はこちらをクリック↓ RPG不動産を無料で視聴する! アニメ『RPG不動産』とは?(あらすじ・見どころ) まずは、『RPG不動産』とはどんな作品な
Ruby on Railsなどにも含まれている、話題のJavascriptライブラリを週末にちょこっと触ってみた。prototype.jsを継承して、Ajaxなユーザーインターフェース機能を実装するためのライブラリ。 script.aculo.us - web 2.0 javascript HTMLコード内に、いちいちファンクションを定義せず、クラス指定だけでアニメーションさせるようにしてみました。 インストールは簡単 上記のサイトから、scriptaculous-js-1.5.1.zip をダウンロードして解凍 /lib と /src を、そのまま自分のサーバにアップロード アップロードしたjavascriptを、使用するページのheadでInclude <head> <script src="js/lib/prototype.js" type="text/javascript"></s
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
for JavaScript ver. 0.01α (C) Kenta Cho(ABA."Saba") [上下左右] - 自機の移動 [Z] - ブラスター ソース main.js - メインルーチン mapmanager.js - マップ制御 ship.js - 自機 explosion.js - 爆発および焼け跡 turret.js - 地上砲台 bullet.js - 敵弾 Back to ABA Games
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く