Youtubeから指定したユーザーの動画を一覧で表示させる

APIを使ってYoutubeの指定ユーザーの動画を一覧で取得します。 ある案件で作成したものなので、12件目まではサムネイルつきで13件目以降はテキスト表示、など使い回ししにくいような仕様も含まれていますが、次回以降のためにメモしておきます。 また、表示はmagnific-popupを使ってポップアップ表示させるようになっています。これに関しては、動画もポップアップできるmagnifi...

動画もポップアップ表示できるmagnific-popupをWordPressで使う方法

Youtubeその他メディアをポップアップで表示できる「magnific-popup」を使う。(スマホ&iPadの場合はiframeで表示させる) ※WordPressプラグインが出てた!IW Magnific Popup https://gist.github.com/kamichimo/c159c9066f4d07e31cdd...

HTML5対応ブラウザ、未対応ブラウザの両方で確実にカレンダー表示する方法

日付を入力して欲しいフォームにはカレンダーを表示させたいと思うのが世の常です。 HTML5では [html]<input type="date" />[/html] とするだけで簡単にカレンダー表示できます。 (ブラウザによってデザインが違いますが) こんなふうにHTML5対応のブラウザで見るとクリックでカレンダーが表示されるはずです(未対応の場合...

IEとjson

YoutubeのAPIを使ってサイト背景に動画を流したい。 そのために指定したユーザの動画をjsonで読込みたい。 やりたいことは、ただコレだけなのです。あっという間に出来てしまって、喜んでいたのです。 IEで動作確認をするまでは。 IEがまたワタシを困らせる・・・ IEではフツーに書いてもjsonで読み込めないようです。   みんなIEに困り果てて...

アニメーションでスクロールするスクリプト「SMINT」をWordPressで使う方法

以前、シングルページのためのjQuery4選で、一番最後に紹介したSMINTですが、WordPressのカスタムメニューに対応させるためにはカスタマイズが必要でした。 ほんの少しのカスタマイズでWordPressでも使いやすくなりました。 手順をメモしておきます。 SMINT   [DEMO] ダウンロードとWordPressへの読込はシングルページのためのj...

シングルページのためのjQueryプラグイン4選(後編)

シングルページのためのjQueryプラグイン4選(前編)途中で息切れしてしまったので、後編です。 前編では、以下の二つのプラグインを取り上げました。 One Page Scroll SMINT 後編ではシングルページサイトのスクロールがスタイリッシュになる、さらに二つのjQueryプラグインをご紹介します。 fullPage.js [DEMO] 使い方はと...

シングルページのためのjQueryプラグイン4選(前編)

シングルページのテンプレート作成に取り掛かっています。 ko.a laboratoryも1ページで構成されていて、スクロールにはscrolldeckを使用しています。 まあ、これでも問題はないんですが、メニューがペタッと上に貼りつく機能も同梱されていれば楽だなー、と思って別のプラグインを探す旅に出ました。 その結果。 3時間の間に3つのプラグインを入れたり外したりカスタマイ...