2020年4月6日のブックマーク (2件)

  • box-shadowだけじゃない!CSSでできる色々な影の表現と意外に知らない落とし穴 - ICS MEDIA

    box-shadowだけじゃない!CSSでできる色々な影の表現と意外に知らない落とし穴 ウェブページのデザインやコーディングをしている人なら、誰でも一度は影をつけたことがあるでしょう。一方でその影にどれほどの表現や技術のバリエーションがあるか、意識したことのある人は少ないかもしれません。 影を付ける方法としてはCSSのbox-shadowが一般ですが、そのほかにもいくつもの技術・手法が存在します。ウェブの世界に限らず、年々変化するデザイントレンドにおいても影の扱いは重要なテーマです。 たとえば少し前に流行したロングシャドウや今年のトレンドとも言われるNeumorphism(ニューモーフィズム)など、ユニークな表現には影のテクニックを活用できるものがたくさんあります。 ▼ CSSで作成したロングシャドウ(画像上部)とニューモーフィズム(画像下部)の例: デモを別ウインドウで表示 デモのソース

    box-shadowだけじゃない!CSSでできる色々な影の表現と意外に知らない落とし穴 - ICS MEDIA
    yfnt
    yfnt 2020/04/06
  • S3バケット別概算コスト算出ツールを作ってみた - Qiita

    はじめに S3って安価なストレージなので、容量気にせずとりあえずなんでも格納して放置なんてことが多いですよね? 将来的に分析するかもってことでデータレイクに蓄積して結果使わないなんてことも多い。(my観測範囲) で、新型コロナウィルスの影響で先行き不安な状況なので、収束まではどうにか支出を抑えて凌ぎたいという 人も多いと思い、要否判断(&不要であれば削除)しやすいように、S3バケットごとに使用量/概算コストを 一覧表示するツールを作ったので、紹介します。 ツール概要 一言で言えば、 全リージョン/全バケット別にオブジェクト数/使用バイト数/概算月額料金を出力するツール です。(誰かが作ってそうなんですが探してもなかったので作りました) CloudWatchからバケットサイズなど取得できるようになってるので、それを実行すればawscliでも取得できる のですが、リージョン指定しないといけない

    S3バケット別概算コスト算出ツールを作ってみた - Qiita
    yfnt
    yfnt 2020/04/06