最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。 一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておくと非常に便利です。 10 Useful CSS Tricks for Front-end Developers by Alex Ivanovs 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. タイプライターのようなエフェクト 2. 透過画像用シャドウ 3. カーソルのカスタマイズ 4. attr()でシンプルなツールチップ 5. ピュアCSSによるチェックリスト 6. is()と:where()による要素のスタイル 7. キーフレームを使用したアコーディオン 8. ホバーエフェクトのサイドバー 9

注射器やピストンに閉じ込めた空気を押し潰していくと、はじめは簡単に圧縮できますが、押せば押すほどさらに力が必要になってきます。 しかし閉じ込めたのもが空気ではなく光子の場合は少し違うようです。 ドイツのボン大学（University of Bonn）で行われた研究によれば、小箱に光子を入れて力をかけて圧縮していくと、ある瞬間からほとんど抵抗がなくなっていく様子が実験的に確認された、とのこと。 しかし、いったいどうして光は途中から圧縮に必要な力が減るのでしょうか？ 研究内容の詳細は2022年3月24日に『Science』にて掲載されました。

クロmium🐈‍⬛ @ztkszero ヘリウム、注文すらできなくなりました。 4月に7m3を3本購入したいと言ったら、納期を5月に変更＆2本ならと言われ、それで見積もりをお願いしていたところ、今日になって見積もりもやめさせてくれと。 昨年の6割まで入荷が減ってるそうです。 学生のオフライン実験は急遽中止。 クロmium🐈‍⬛ @ztkszero 多分、病院のMRIなんかの大口が優先されて、研究用みたいな小口には回ってきていないのだと思う。 ヘリウムを使わなくていい実験をちょっと考えなくては。 かなりまずい状況。 クロmium🐈‍⬛ @ztkszero 納入数が読めないので、納入され次第順次対応…ということで、完全シャットアウトではないと。 ただ、とにかく確約はできない。 見積もりの”予約”は受け取るが、見積もりは出せないと。 まぁそういうことだそうです。 まいった…。 見積もりの予