CSSのposition:stickyがすごく便利 | q-Az
最近新しく追加された position の新しい値 sticky が場合によってはすごく便利なので記事を書いてみます。 対応ブラウザがまだあまり多くないので実用性は乏しいかもしれませんが、今まで JavaScript の力を借りなきゃ出来なかったことがたったの2行の CSS で出来てしまう魔法みたいな position の値です。 position: stickyMDN が説明が詳しいので貼っておきます。 参考：position - CSS｜MDN 簡単に言うと「スクロールでその位置まで来たらそれ以降は fixed する」みたいな感じです。 サンプルこの記事内で「position: sticky」や「サンプル」など h2 要素に position: sticky をかけています。対応ブラウザであれば h2 要素が fixed しているはずです。 HTML<h2 class="h2-stic
ナチスに禁止されながらもアポロ11号と月面まで到達したフォント「Futura」
幾何学的なデザインが多かった初期のフォントデザインの中で、1920年代に、今なお世界中で使われている現代的で可読性の高いフォント「Futura(フーツラ)」がドイツ人デザイナーのパウル・レナーによって発表されました。フーツラがナチス・ドイツに使用を禁じられるなどの危機を乗り越え、結婚式の招待状から芸術家・映画監督にまで愛されるフォントとして広まった経緯がムービーにまとめられています。 The font that escaped the Nazis and landed on the moon - YouTube 「Futura(フーツラ)」というフォントは世界中で広く使われています。 フーツラのフォントはナイフで切ったような鋭さと…… 大きく丸く描かれたカーブが特徴です。 フーツラは芸術家のバーバラ・クルーガーのポップアートに使われており…… バーバラ・クルーガーのパロディアートとして、ス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
