最近PopUpに変わって需要の出てきたレイヤー。写真を載せるのはよくありますが、そのFlash版を誰でも簡単に使用できるスクリプトを組んでみました。 最近写真をレイヤーで見せるのが流行ってますよね。(POPUPブロックの影響によるPOPUP代わりみたいなものでしょうが。) そういうものはJavaScriptが結構公開されているのですが、FLASHはないですよね。(使用したもの自体、見ることもまだあまりないですね。) そういうわけで組んでみました。 まずは下記URLをご覧ください。 http://www.muraken.biz/overlay/overlayflash.html(”ここをクリック"のところをクリックしてみると、実行されます。) 今回、これを簡単に作れるスクリプトを組みました。 JavaScriptに関しては文末にてソースを置いておきますが、説明するとかなり長くなるので割愛いた
平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
Add a pop-up video bubble to your site with Bubble Guruというエントリーより。 Bubble Guru puts your talking head into a bubble that appears when someone visits your site. ウェブページにポップアップビデオを手軽に取り付けることができる「Bubble Guru」というサービスがありました。 多くは本人のビデオだと思いますが‥‥ こんな風にウィンドウがポップして、訪問者にコメントをすることができます。クリックすれば消えます。 ウェブカムでビデオを録画し、それをウェブページで再生することができます。スクリプトを埋め込むだけなので簡単です。 ということで、メールアドレスとパスワードで簡単にアカウント取得ができたので、とりあえず試してみました。 ログイン
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
Flash 8 入門講座 目次 お絵描きからActionScriptを使ったアニメーション制作まで いまやすっかり,Web上のインタラクティブ・コンテンツの代名詞となった感がある“Flash”。実は,アニメーションやゲームなど私たちが目にする,いわゆるFlashコンテンツは正確には「Flashムービー(ファイルの拡張子は.swf)」と呼びます。 Flashムービーを作成する方法はいくつかありますが,一般には,アドビシステムズの開発ツール「Macromedia Flash(以下,単にFlash)」を使います。本連載では,Flashの最新版である「Flash 8」を使って,Flashムービーの作成方法を中心に紹介していきます。Flash 8を持っていないという人も,1カ月間タダですべての機能を使用できる体験版がアドビシステムズのWebサイトに用意されているので,ダウンロードして一度試してみては
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 2007年03月29日- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is already on the page, images, AJAX calls or iframes. 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」。 LightBox は、同じウィンドウ内で背景
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS&JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル+画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
前にはなまるマーケットでやっていたフライパンで作るパスタって方法で作ってる。 分量は一人分として、フライパンに水500mlを入れて沸騰させて、塩を入れてパスタ一人分を入れる。そのまま中火で煮詰めていって大体水が蒸発した頃に丁度パスタも茹で上がるので、お湯切りする必要もないというもの。すげー簡単。二人分作るときは確か水の量を700mlくらいにするんだったはず。フライパンの大きさ的にそれ以上の量は多分無理。だから基本一人暮らし向け。 最近はこれで手抜きペペロンチーノもどきを作ってる。 パスタをフライパンに入れたところで乾燥ニンニクスライスも一緒に入れて、水が蒸発しきる直前辺りでオリーブオイルを大さじ一、二杯くらい入れてあえて、最後に輪切りとうがらしを適量入れて混ぜて出来上がり。煮詰まったパスタのゆで汁にはでんぷん質が濃いめに溶け込んでて、これとオリーブオイルが上手く反応していい感じに乳化してく
第0回 その気になった客を逃さないフォーム設計術 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか? 今木 智隆(株式会社ビービット) ウェブサイトの「ユーザビリティー」という言葉は、当たり前のように耳にする機会が増えてきた。しかし、その知名度の広まりとは裏腹に、「何をどうすれば成果に結びつくのか」「実践に落とし込むにはどうしたらよいのか」について具体的に取り上げられることは少ないようだ。 この連載では、主に「会員登録による顧客獲得を行う企業サイト」をモデルとして、想定される次のようなユーザー
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
ここでいう“Bクラス”っていうのはスコアが730~860のスコアレンジの事(860以上がAクラス)。とりあえずまずは、簡略化した4ヶ月の流れを早見チャートとしてまとめときます。中学生レベルがどうとか、各ステップの詳細や背景的な話はそれ以降に。 その他TOEIC関連書籍 各ステップの早見チャート(詳細は「各ステップの詳細」を参照) 1:基礎文法力をつける 基礎中の基礎を以下の本で一気にやる。これをやらないと次の単語帳の例文が理解できない。 使用書籍: TOEIC TEST文法完全攻略 / 石井 辰哉 期間:1週間 2:基礎単語力をつける 本気でキツいんだけど、どうにかして1ヶ月でDUO3.0の例文を完全にマスターし、音声も完全に聞き取れるようにする。 使用書籍:DUO3.0 期間:1〜1.5ヶ月(1日6時間くらいやればいける) 3−A:Part5対策 これは3-Bと平行してスタート。澄子本を
画像編集ツールで領域を選択しているようなエフェクトをCSSとGIFアニメで実現する方法。 次のように、ブロック要素を目立たせたい場合に非常に効果的です。 作り方は簡単で、次のような4x4ピクセルのGIFアニメを用意します。 簡単な画像を組み合わせて、一般的なGIFアニメ作成ソフトで作れます。 次に、次のようなHTMLを作ります。 <html> <!--CSS--> <style type="text/css"> body { background-color:orange; } div#selectblock { background-image:url("back.gif"); padding:1px; width:300px; } div#innerblock { background-color:white; padding:8px; } </style> <body> <div i
Inspire Yourself: More Creative Favicons | Smashing Magazine Below you’ll find over 45 more beautiful favicons, which can serve as a nice source for inspiration. サイトを印象付ける芸術的なfavicon集。 次のような目を引く favicon 集が紹介されていました。 favicon とサイトリスト 16x16ピクセルしかないキャンバス内でどれもよくデザインされています。 ブラウザのリンクバーについ表示したくなるようなデザインですね。 こういったものを参考に、自分も 目を引く favicon を作りたいものです。 関連エントリ ソーシャルブックマークのアイコン集 ブラウザからfaviconを即刻作成
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く