ウノウラボ Unoh Labs: buttonタグでサブミットするあれこれ
CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。 今日は、フォームにつきもののボタンについて考えてみます。 私たちがボタンに求めるモノって、何でしょう。 データを送信（submit）する どのブラウザでも同じように見える 使い回しが聞く ボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル 上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しない ボタンの大きさ＝クリックできるエリアの大きさ 画像がdiableされていても使用可 CSSがdisableされていても使用可 ボタンのように見えて実はただのリンクの時のもある これらの要求を解決してくれる方法が複数出
CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与:phpspot開発日誌
Showing Hyperlink Cues with CSS (Ask the CSS Guy) I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与する方法が紹介されていました。 自動付与、というのは、例えば、<a href="***.pdf">pdfファイル</a> のようなリンクがあったとすると、pdfという最後
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
QuickTime動画、PDF等もLightBox風表示するJavaScriptライブラリ「lightWindow」:phpspot開発日誌
QuickTime動画、PDF等もLightBox風表示するJavaScriptライブラリ「lightWindow」 2007年04月19日- lightWindow Demo After researching every single modal window, lightbox, slimbox, etc out there nothing fit the bill. QuickTime動画、PDF等もLightBox風表示するJavaScriptライブラリ「lightWindow」。 画像、IFRAMEだけではなく、QuickTimeムービーやSWFファイル、PDFなどもLightBox風表示してしまうライブラリ。 次のようにLightBox風表示できます。 ( QuickTime ムービーを LightBox 風表示 ) ( PDFドキュメントを LightBox 風表示 ) 使
スマートに動画を見せられるLightBoxのビデオ版「Videobox」:phpspot開発日誌
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm Videobox is a 6kb script, which shows your videos in the page with an overlay. スマートに動画を見せられるLightBoxのビデオ版「Videobox」。 画像サムネイルをクリックすると画像が拡大されるという仕組みのLightBox ですが、そのビデオ版がリリースされました。 サムネイルクリック後の拡大されたビデオをその場で再生できます。 ↓クリックすると… LightBox風に動画を表示できてます。 ビデオアルバムのＷＥＢアプリなんかを作るときに使えそうですね。 関連エントリ 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.
jQueryでAjaxを使った滑らかアニメーション画像スライドショー:phpspot開発日誌
EOGallery, an AJAX image gallery with slideshow animation effect made with jQuery EOGallery is a web animated slideshow gallery maid with jQuery. jQueryでAjaxを使った滑らかアニメーション画像スライドショー。 XHTML 1.0 strict なのでCSSでの再デザインが比較的容易ですね。 タイマーで自動再生といったことも可能のようです。 関連エントリ 超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」 滑らかな画像スライドショーを実現するJavaScriptライブラリ Flashを使わないクールなスライドショーを実現できるライブラリ「Smooth SlideShow」 YUIベースのスライドショー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソシオメディア | UIデザインパターン
