Modal left

Lorem ipsum dolor sit amet, no fugit quidam eirmod qui, tacimates argumentum ius ad. Ei has adhuc nihil. Idque lorem cu per, omnes delenit percipitur cum an, mei voluptua hendrerit ei. Qui ex justo abhorreant efficiantur. Soleat malorum cu sit.

Modal right
  • 1.トップページナビゲーション
  • 2.総合ライブラリー
  • 3.8種類のスライダー
  • 4.slick.js スワイプ
  • 5.制作依頼・問い合わせ

table of contents

  • 1.トップページナビゲーション
  • 2.総合ライブラリー
  • 3.8種類のスライダー
  • 4.slick.js スワイプ
  • 5.制作依頼・問い合わせ

pierrot le fou

モーダル内に配置した画像
リンク元は 気狂いピエロの画像(大)

勝手にしやがれ

モーダルで開く大きい画像
モーダルで開く大きい画像。

盟友

スナップを設定したフルスクリーンサイズの画像
アランドロンとベルモンド(小)

pierrot le fou

スナップを設定したフルスクリーンサイズの画像
リンク元は 気狂いピエロの画像(三列の小さい画像)

pierrot le fou

スナップを設定したフルスクリーンサイズの画像
映画 気狂いピエロ
Jean-Paul Belmondo

@layer

カスケードレイヤーはスタイルの優先順位を制御するためアルゴリズムの1つであり、カスケードアルゴリズムは詳細度アルゴリズムよりも優先されるということだ。

具体的に例を挙げると、思い通りにならない CSS に対して「!important」を付けて強引に従わせるケースが減ってくるのだろう。インラインの style 属性に記述したスタイルより優先度が低く、IDセレクター #id名 {...} や要素セレクター h1 {...}より優先度が高くなる。

pierrot le fou

スナップを設定したフルスクリーンサイズの画像
リンク元は 気狂いピエロの画像(大)
20世紀後半のフランスを代表する俳優の一人。アニメのコブラの主人公は Jean-Paul Belmondoである。フランス映画の象徴であり国宝であると称され、影響力のある俳優であった。

pierrot le fou

映画 気狂いピエロ
リンク元は 気狂いピエロの画像(小)

pierrot le fou

スナップを設定したフルスクリーンサイズの画像
リンク元は 気狂いピエロの画像

この変換は三次元ベクトルであることが特徴。座標は要素がそれぞれの方向にどれだけ移動するかを定義する。

translate3d(tx, ty, tz)

picture要素


picture タグは複数の source タグと1つの img タグで構成される。source タグには3つの属性を指定する。

  • media属性(メディアクエリ)
  • srcset属性
  • sizes属性