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...

素敵な写真が無料でダウンロードできるサイト5選

新規でWEBサイトを作るときに、 モックアップをいかに魅力的に作るかで、みんな(作る側も作ってもらう側も)のテンションが上がったりします。 えー、こんな素敵なサイトになるのねーって。その大事なキーワード「魅力的なモックアップ」ですが、雰囲気のある写真を全面に押し出すだけで80%くらい完成できたりします。(ずるーい) 最近、素敵な写真を捜し求めることが多かったので、お世話になったサイト...

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...

フォントサイズ指定の相対単位remを使う

レスポンシブデザインの普及により、フォントサイズ指定にpx(ピクセル)ではなく、相対単位のemが使われるようになってきました。 emとは、親要素に対しての相対的なサイズです。 親要素が変わると基準も変わるので、CSS指定も複雑になり頭がごちゃごちゃしてきたりします。 その結果、思ったとおりのサイズになってなくて計算し直したりということも・・ emの指定方法を参考までに書いて...