タグ
jQuery

Bigvideoプラグインを使用してvideo要素で動画をブラウザの背景全体に再生させる(レスポンシブ対応)【jQuery連載02】

video要素を使用して動画をブラウザの背景全体に表示させてインパクトのあるページをjQueryの「Bigvideo」プラグインを使用して作成しました。YOUTUBEなどの外部サイトの動画でなく自分のサーバーにある動画を背景に流したい場合におすすめのサンプルです。

jQueryのtubularプラグインを使用してYOUTUBEの動画をブラウザの背景全体に再生させる(レスポンシブ対応)【jQuery連載01】

YOUTUBEにアップロードした動画をブラウザの背景全体に表示させてインパクトのあるページをjQueryの「tubular」プラグインを使用して作成しました。スマートフォンで閲覧の場合には通常の動画として見れるように対応しました。背景に動画を流したい場合におすすめのサンプルです。

【書籍プレゼント】すぐに使えるサンプルがたくさん!『現場でかならず使われている jQueryデザインのメソッド』発売いたしました。

エムディエヌコーポレーションよりjQueryを使用して、ベーシックな使い方からプラグインを活用した流行の手法までをサンプルと共に紹介する『現場でかならず使われている jQueryデザインのメソッド』発売いたしました。

フルスクリーン動画や写真など昔はフラッシュを使って作成していた表現をjQueryで実装したり、ベーシックな「タブ」「ページの先頭へ戻る」「スライダー」「ツールチップ」なども動きや見せ方にCSS3なども取り入れてプラスαとなるようなサンプルを意識して、本書で18個のサンプルを担当させていただきました。

すぐに使える!jQueryを使用してウインドウ幅一杯にメインビジュアル用のスライダーの実装工程を学ぶ!jQuery Lab第1回

2012年12月から雑誌Web Designingの『jQuery Lab.』にて連載をさせて頂くことになりました。ここではjQueryを使ったチュートリアルやプラグインの紹介をさせていただく予定です。

当ブログでは、紙面の関係で載りきらなかった部分やサンプルのより細かい解説をしていきたいと思います。

12月号のテーマは「jQueryを使用してウインドウ幅一杯にメインビジュアル用のスライダーを実装する」です。

ソースコピーで簡単に使えるCSS3とjQueryで作るローディングページ作る

以前の記事で「画像を使わないでCSS3で様々なローディング用アニメーションをつくってみよう」という形でCSS3でローディングアイコンを作成しました。

しかしあのままでは動きませんので今回は、jQueryを利用して実際にサイトでローディングを行う際のサンプルを作成しました。