Google HTML/CSS Style Guide
Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML
画像、動画やWebページをクリックで表示するLightbox系javascript「Shadowbox」
ホームページで、画像、YouTube、WMP、SWF、MOV、WMVなどのサムネイル画像・文字を クリックして、そのページ内で動画などを開く方法 [Shadowbox] Lightbox for Media 更に、画像も動画も一緒に、スライドショーをしてくれる[Shadowbox] Shadowbox は、画像、動画など幅広い多くのメディアを拡大ポップアップ表示してくれる。 また、様々なJSフレームワーク(アダプター）に対応しているので、いずれかを好みによりダウンロードして、使用します。 Base(standoalone)（非JSフレームワークタイプ） jQuery Prototype MooTools (requires 1.2 Core) Dojo Toolkit Yahoo! User Interface Library Ext (requires ext-core.js) jQue
Shadowbox スクリプト 設置方法
村雨一馬の適当ブログ ■ 適当にゲームや音楽のことを書いてます。 ■PC版 ファンタシースターオンライン2 (Ship5) を継続プレイ中。 ブログやホームページの写真や動画を拡大表示できるスクリプト。ページをカッコ良く飾るにはいいかもしれない。Seesaaでの設置方法を書いてみる。 *追記(2013/02/06) Youtubeのパラメータ変更 Shadowboxも書き換えを(詳しくはコチラでも) &hd=1 から &vq=hd720 にパラメータが変更されているので書き換える。(解像度数値 *画像をクリック (左:Shadowbox適用, 右:Shadowbox無し) Shadowbox.js http://www.shadowbox-js.com/index.html ページ内の Examples の写真をクリック。いろいろ対応しているのが分かる。 Shadowbox.js Down
Shadowbox(lightbox)パネル関連|リッチなサイトを作ろう
Shadowboxは、最も高機能なlightbox系のプラグインで、画像やドキュメントだけでなく、フレームで他のサイトを表示することも、 ビデオやフラッシュなどのオブジェクトもサポートしています。 もちろんスライドショーも。 黒ベースですので、多少マニアックでしょうか? Shadowboxオフィシャルサイトから最新版をダウンロードしてください。 2010年2月現在ver.3.0でした。ダウンロードしたファイルはshadowbox-build-3.0rc1.zipのように圧縮されていますので解凍します。 通常Windowsではサポートしない形式ですので解凍できない場合は「Lhaplus」等をインストールしてください。 解凍したディレクトリの名称をshadowboxに変更して/jquery/の中に置いてください。 この構成なら /jquery/shadowbox/shadowbox.css /
ShadowBox
ShadwBox3.0備忘録 このサイトを立ち上げてる途中で気になった”ShadowBox”自分で忘れないためにも、また何方かの役に立てればと思いこのページを作りました 【ShadowBoxって何？】 先ずは下のMy Imageと書かれたリンクをクリックして見てください。 My Image どうですか？このページの上に画像がかぶさるように表示されたでしょうか？ しかも表示の際に徐々にウインドウが大きくなるアニメーション付です。 これが簡単に出来ます。 【設置準備】 ShadowBoxにいきます。 クリックで拡大 右側のDownloadをクリック クリックで拡大 下方のDownloadクリック ダウンロードした圧縮ファイルを解凍しアップロードします。 【設置１】 設置したいhtmlファイルの<head>～</head>間に <link rel="stylesheet" type="text/
Shadowbox.js version 3.0b の設置方法と使い方 - TWO HEARTS
FLASHをLightBox風に表示させたいと思い、なにかオールマイティーなそういうライブラリはないかなぁとインターネッツを徘徊してみたところ、いくつかある中から気になったのがShadowbox。 Ver3になってコードが大きく変わっているらしく、あまり情報が見あたらなかった（探す気がないともいう）ので、英語力ゼロのアタクシが本家のUsageだけ(!)を頼りにShadowboxの設置方法、Shadowboxの使い方をまとめてみます。 始める前におねがいこのページのhtmlソースをそのままコピっておられるサイト様がいるようなのですが、よそのサイトのjsファイルを安易に読み込むのは大変危険です。jsファイルは自サイトに置くようにしてください。 まずはダウンロードするっすー 本家のダウンロードページからファイルを落とします。 選択肢がありますが、 buildとzipを選べばOKでしょう。 ちなみ
フッタ部分リンクメニューのリストタグによる実現方法
第1回目は「フッタ部分リンクメニューのリストタグによる実現方法」について、お話します。 まずは弊社のホームページ、フッタ部分をごらんください。 | 会社概要 ｜ お問い合わせ ｜ 個人情報保護方針 ｜ 採用情報 ｜ サイトマップ | というような、リンクがあるかと思います。 このようなリンクメニューは さまざまなサイトのヘッダ部分、フッタ部分に使用されています。 みなさんがこのようなリンクメニューを表現する場合、 どのようにコーディングされますか？ 「どのようにコーディングする？ そのままコーディングするに決まってるじゃん。」 と、ほとんどの方が考えると思います。 具体的には下記のようになるわけですね。 htmlコーディング例 <div> ｜会社概要 ｜ お問い合わせ ｜ 個人情報保護方針 ｜ 採用情報 ｜ サイトマップ ｜ </div> ※アンカータグは省略 これでも問題はありませんが、
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家）HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
