この記事では、比較的新しいCSSプロパティやCSSの機能を画像で分かりやすく解説しています。 2021年にTwitterで「1枚の画像で新しいCSSがわかる」という連載をしていて、2023年に新しいブラウザーにあわせて再度連載していたのですが、その投稿内容をまとめて解説文などをブラッシュアップしたものです。 IE11のサポートが終了したことで、ほとんどのCSSプロパティやCSSの機能が利用可能になったので、ぜひ試してみてください。 画像・CODEPEN作成協力: emiさん backdrop-filter:blur() を使ったぼかし表現 backdrop-filter:blur()の中の数値を大きくするほど、強いぼかしをかけることができます。 以下のCODEPEN内の［CSS］をクリックすると、CSSを確認できます。 背景に写真を指定した .box 要素内に .blur を配置し、bac

4月からデザイン系の派遣社員をしているのだが、契約期間途中の今月末で退職することになった。 面接時に私から投げた質問で1点致命的に間違った情報を伝えられたまま契約してしまい、いざ業務が始まってみたらこれは私のライフスタイルでは続けられませんとなってしまったのだ。 何故間違った情報を伝えられたかと言うと、面接に立ち会った派遣元・派遣先双方ともに実際の現場の業務を殆ど把握できていない為だった。 向こうもそこは（物凄く軽薄な感じではあるけど）謝ってくれて、私はすぐに辞められるなら何でもいいですという感じでスルーした。 という訳で後任の人が見つかり、6月頭から引き継ぎが始まった。 デザイナー歴10年の私はこの仕事に就いてから2週間で1人で業務を行えるようになったので、まぁ同じくらいのスキルの人なら1ヶ月あれば確実に覚えられると思っていた。 後任は私より少し年下に見えるが、恐らく同世代の女性だった。