2021年12月14日のブックマーク (2件)

  • 2021年から開発の現場で使える3つの便利CSS - aspect-ratio, gap, is()

    ブラウザは日々進化しています。2021年もブラウザには多くの新機能が追加されました。 私はCSSの新機能を1年かけてチェックしてきましたが、その中でもとりわけ便利だと思った3つの機能を紹介します。いずれも、2021年に全モダンブラウザ(Chrome、Firefox、Microsoft Edge、Safari)で使えるようになったもので、日々の開発をラクにしてくれることでしょう。 動画や画像のアスペクト比を指定できるaspect-ratioプロパティ aspect-ratioプロパティとは、ボックスのアスペクト比(幅と高さの比率)を指定するプロパティです。 構文

    2021年から開発の現場で使える3つの便利CSS - aspect-ratio, gap, is()
    hkmn
    hkmn 2021/12/14
    “より、単一行レイアウトでも気兼ねなくFlexboxが使えるようになり、助かっています。 デモはこちら。ボックス間の隙間が16pxになっています。”
  • Terraform Cloud から GitHub Actions に移行したお話

    スタディスト開発ブログ Advent Calendar 2021の13日目の記事です。 こんにちは、SRE Unit の wind-up-bird です。以前、 Serverless Framework を移行しているお話を書きましたが、今回は移行シリーズ第2弾ということで、 Terraform Cloud を Terraform on GitHub Actions に移行したお話をお届けしたいと思います。 # 移行前の運用スタディストではこれまで Terraform Cloud の Team & Governance プランを契約していました。移行前の Terraform による開発の流れは、以下のとおりです。 Terraform Cloud 上で Workspace を作成し、Version control workflow を利用する。Workspace には環境変数として、 AWS

    Terraform Cloud から GitHub Actions に移行したお話
    hkmn
    hkmn 2021/12/14