Webサイトなど、HTMLファイルをLightBox風に表示するjQuery - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
Webサイトなど、HTMLファイルをLightBox風に表示するjQuery 画像をクリックすると大きく表示できるLigthBox系のjqueryは、みなさんお使いのことと思います。 Webサイトなど、HTMLファイルをLightBox風に表示する機会があったので、備忘録的に紹介します。 みなさんも機会があれば、選択肢の一つにいかがでしょうか。 fancyBox 少し古いプラグインになりますが、設定できるオプションも色々あり、画像のポップアップ用に使っても十分役に立つと思います。 画像のグループ化、SWFにも対応していますので、使い勝手は良いですね。 今回は、Webサイト・HTMLファイル用のみの説明となります。 まず、fancyBoxから、右側に「Version 1.3.4 (2010/11/11)」とありますので、クリックしてダウンロードします。 ※バージョン2から商用利用が有料となっ
はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい！っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました（2013年 1月現在）。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか？ 私が
Bigvideoプラグインを使用してvideo要素で動画をブラウザの背景全体に再生させる - MdN Design Interactive
第2回 Bigvideoプラグインを使用して video要素で動画をブラウザの背景全体に再生させる video要素を使用して動画をブラウザの背景全体に表示させてインパクトのあるページをjQueryの「Bigvideo」プラグインを使用して作成しました。YOUTUBEなどの外部サイトの動画でなく自分のサーバーにある動画を背景に流したい場合におすすめのサンプルです。 解説：（有）ムーニーワークス ハヤシユタカ 前回は、jQueryの「tubular」プラグインを使用してYOUTUBEにアップロードした動画を背景に表示させるサンプルを作成しました。（前回の記事はこちら） 今回は、jQueryの「Bigvideo」プラグインを使用して作成しました。YOUTUBEなどの外部サイトの動画でなく自分のサーバーにある動画を背景に流したい場合におすすめのサンプルです。 前回同様に背景に動画だけを作るだけなく
40の美しいHTML5+CSS3テンプレート
Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010). There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In we
PhoneGapのMedia APIでバイブ付き音楽プレーヤー (1/4)
HTMLやCSS、JavaScriptでスマートフォンアプリを開発できるフレームワーク「PhoneGap」。今回はPhoneGapで音楽を再生してみましょう。 PhoneGapではHTML5 Audioに加えて、PhoneGapのAPIを使っても音楽を再生できます。ところが、どちらもレスポンスが悪く、タップしたらすぐに音楽を再生する楽器アプリや、ゲームでの効果音には使えず、BGMとして演奏させておくのが限界です。 また、iOSシミュレーターと実機とで動作結果が異なる場合があります。音楽アプリを作成する場合は実機でも動作を確認しながら進めるとよいでしょう。 iOSで再生できるサウンドファイルを調べる iOSでどのような形式のサウンドファイルが再生できるか確認しましょう。iOSがサポートするメディアタイプはアップルのWebページに掲載されており、まとめると以下の表になります。
Web表現 2010
2010.09.29 : ガイダンス – この授業の方針 2010.10.06 : WWWとは何か? 簡単な歴史と仕組み 2010.10.13 : HTML入門 2010.10.20 : HTML基礎1 – 文書型宣言、文字コードの指定、インラインイメージ 2010.10.27 : HTML基礎2 – 情報をわかりやすく整理する、リストとテーブル 2010.11.10 : 自己紹介ページの講評会 2010.11.16 : CSS入門：情報の体裁を表現する 2010.11.23 : CSS入門2 : ボックスモデルを理解する 2010.12.01 : CSSによる表現 – より細かなセレクタの指定、ポジショニング 2010.12.07 : CSSレイアウト – CSSによる段組、ポジショニングの設定 2010.12.15 : Webサービスの利用 – 写真共有サービスを利用する 2011.0
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
メディア技術基礎 (web) 2009