タグ

2021年9月28日のブックマーク (3件)

  • モダンCSSによる絶対配置(position: absolute;)の削減

    テキストを画像の上に配置、タグを重ねたい、ヒーローセクションで画像の上にコンテンツを配置、画像のアスペクト比を維持させたい時など、CSSの絶対配置(position: absolute;)を使用することがあります。もちろん、それでうまくいく時はありますが、なんらかの制約があったり、テキストが長いと崩れたりします。 position: absolute;が必要だと思われていた実装で、使用しなくても実装できるモダンCSSのテクニックを紹介します。 Less Absolute Positioning With Modern CSS by Ahmad Shadeed はじめに ケース1: カードのオーバーレイ ケース2: カードのタグ ケース3: ヒーローセクション ケース4: display: contents; ケース5: カードアイテムの並べ替え ケース6: 中央寄せ ケース7: 画像のアス

    モダンCSSによる絶対配置(position: absolute;)の削減
  • Software Design連載 2021年9月号 「テストが無い」からの脱却 - MonotaRO Tech Blog

    こんにちは、鈴木です。 「テストが無い」状態を脱却しました。 「いつの時代かよ!」と突っ込まれるかもしれませんが、モノタロウは創業から 20 年ほど EC をやっています。昨日書いたコードも、15 年前に書いたコードも、元気にビジネスを支えています。 記事ではモノタロウの EC を支える API の話をします。「テストが無い」状態がスタートラインでした。そこから、CI を導入して、ローカル開発環境の整備して、テストコードを書いて、リリースマネジメントを導入しました。 目新しいことは書きません。長寿の大規模システムであっても、愚直に数年取り組むことで、「前進できる!」「変えられる!」という実例を書きます。 ※記事の初出は、 Software Design2021年9月号「Pythonモダン化計画(第2回)」になります。第1回の記事は「Software Design連載 2021年8月号

    Software Design連載 2021年9月号 「テストが無い」からの脱却 - MonotaRO Tech Blog
  • 8の字巻きをマスターしたい

    1988年静岡生まれ・静岡在住。平日は制作会社勤務、休日は大体浜名湖にいる。 ダイエット目的でマラソンに挑戦するが、練習後温泉に入り、美味しいものをたらふくべるというサイクルを繰り返しているため、半年で10kg近く太る。 前の記事:カルピスをカルピスで割ると濃い お父さんと一緒にお送りします わたしの父は音響マン。 コンサートやイベント、結婚披露宴など、さまざまな会場でお客さんに音を届けている。 父は音響マン歴41年。わたしが生まれた時すでに音響の仕事をしていたので、音響という言葉は子どもの頃から馴染みのある言葉だった。 しかし、3年前に書いた記事『音響マンが教えるマイクのベストな持ち方は「松山千春」』で音響の仕事について改めて父に話を聞いたところ、知っているつもりで知らなかったことがたくさん出てきた。 このように『業界では当たり前だけど、一般人は知らないこと』をプロから直接聞けるのはと

    8の字巻きをマスターしたい
    zaki1010
    zaki1010 2021/09/28
    もっと8の字巻きの具体的方法をマニアックに掘り下げてほしかった。輪の数×輪の直径×3(.14)でだいたいの長さが分かります。