2023年4月17日のブックマーク (2件)

  • これは覚えておきたい! CSSの三角関数で斜めのレイアウトを実装するテクニック

    ヘッダやコンテンツの区切りを斜めにしたいとき、どのように実装していますか? CSSの三角関数が主要ブラウザのすべてにサポートされたことで、今まではかなり複雑なCSSJavaScriptが必要だった斜めのレイアウトがシンプルなCSSで実装できます。 コンテンツ自体を斜めにすることも、水平のままにしておくことも可能です。 Diagonal Layouts in 2023 斜めのレイアウトを実装するこれまでの方法は、下記をご覧ください。 ヘッダやコンテンツを区切るラインを斜めに実装するCSSSVGのテクニック総まとめ 1. rotateではなく、skewを使用する 2. 疑似要素を使用する 3. CSSの三角関数で適切なpaddingを設定する 4. CSSカスタムプロパティでpaddingを管理する 斜めのレイアウトを実装したデモ 1. rotateではなく、skewを使用する width

    これは覚えておきたい! CSSの三角関数で斜めのレイアウトを実装するテクニック
    visa9876
    visa9876 2023/04/17
  • 岡本太郎しか勝たん - gfnweb

    近年の若者には「推し」がいたりする.「推し」という語が少なくとも原義的には 自身-対象 ではなく 自身-対象-対象を勧められる第三者 という図式を有している点は2020年代の各個人と社会との関係の在り方を写すようで面白いが,まあその話自体に立ち入るのは置いておくとして,20代も終了目前で別に若くもない筆者にもその意味の「推し」の1人くらいはいる.岡太郎だ.岡太郎については既に多くの人が熱弁しているけれど,このベラボーな巨人について自らの言葉で書き留めておかねばならぬという欲を私も抑えがたい.だから「後から見返したら恥ずかしいだろう」などという卑しい懸念を唾棄して書くのである. 岡太郎自体はほとんどの方がご存知だろう.「芸術は爆発だ!」などのやや奇抜な言動で知られ,“奔放なエキセントリックおじさん” のイメージが広く共有されているかもしれない.だが,そうしたイメージは全く一面的である上

    visa9876
    visa9876 2023/04/17