Youtubeなどの動画コンテンツをスマートフォンの横幅に合わせてくれるjQuery「FitVids.js」の搭載手順
YouTube cafe / marioanima WPtouchを搭載したブログによく見られるのですが、自分のブログでもYouTubeなどのビデオを掲載した記事をスマートフォンなどで閲覧した際、横幅が画面からはみ出してしまい気持ち悪かったので、動画コンテンツを自動的にスマホの横幅に合わせてくれるjQuery「FitVids.js」を導入してみました。 参考にさせて頂いたのは@mk_mizuho さんのブログあかめ女子のwebメモさんの以下の記事。 [Å] YouTubeやVimeoなど固定サイズになった外部の動画をレスポンシブに対応させる方法 | あかめ女子のWebメモ まずはdavatron5000/FitVids.js · GitHubへ訪れまして 上の手順で「jquery.fitvids.js」をDLしましょう。 DLしたファイルを解凍、「jquery.fitvids.js」をサー
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
