HTML & CSS & JavaScript

Colorboxをカスタマイズして両サイドに表示されるアイコンをコンテンツの外側に配置する

jQueryのLightbox系のプラグイン「Colorbox」のCSSをカスタマイズして、両サイドのコンテンツに被さるように配置された「戻る(Previous)」「次へ(Next)」のアイコンを外側に配置するためのあれやこれ。ついでに、同一ページ内でコンテンツに合わせてモーダルウインドウの背景色を替える方法も。

Advertisement

YouTubeの動画をPCではモーダル表示!スマホでは一般的な表示で見せたい!もちろんレスポンシブ対応ね

YouTubeに掲載している動画を自分の所でも見せたいという依頼。一覧表示されている動画プレーヤーをクリックしたらモーダルウインドウが表示され、そこで動画の再生がはじまる事。さらに一覧に表示されている動画のタイトルなどのテキスト情報も、そのままモーダルウインドウ上に引き続き表示される事という条件。

リストの項目タグである「<li>」を横並びにする様々なやり方

以前勤めていた会社で、月一程度で「勉強会」をやっていた。もちろん、就業時間内w こちらで問題を作成し、それぞれのコーダーがクライアント案件の合間にその問題を解き、「勉強会」で答え合わせとその解説をするというもの。その時の資料が出てきたので折角なので記事を作成しよう。