このアイデアはすごい！ テーブルでセルの行を強調表示、さらにそれ以外の部分はぼかして目立たせるCSSのテクニック

2025/05/21(Wed) 08:57

テーブルでセルをハイライトして目立たせるというのはよくあるテクニックですが、さらにそれ以外のセルはぼかしてより目立たせるCSSのテクニックを紹介します。実装のポイントは、:focus-within疑似クラスと:not()否定疑似クラスです。

https://coliss.com/articles/build-websites/operation/css/highlight-the-row-and-blur-out-the-distractions.html#google_vignette

JavaScript不要! HTMLとCSSでつくるカルーセルUI

2025/05/20(Tue) 08:53

2025年4月にリリースされたChrome 135、Edge 135からHTMLとCSSのみでカルーセルUIがつくれるようになりました。新たに追加された::scroll-button()、::scroll-marker疑似要素を使用して、ボタンやインジケーターが実装可能です。

https://ics.media/entry/250516/

まず覚えたい！組み合わせに強い欧文おしゃれフォント8選【無料＆商用OK】

2025/05/19(Mon) 09:31

「どのフォントと組み合わせればいいのか分からない…」「フォントを選んだのに、デザインがちぐはぐになる…」デザインに慣れていないと、フォント選びって案外むずかしいですよね。でも、もし「文字を打つだけでデザインが完成する」フォントがあったらどうでしょう？

https://photoshopvip.net/165564

まず覚えたい！筆記体フォントの魅力が詰まった8選 ─ 無料で商用OK

2025/05/19(Mon) 09:28

「なんか英語の筆記体って、かっこいいけど……どれを使えばいいか分からない。」SNSや雑誌で見かけるような、すらっと流れるような英語フォントに憧れるけど、いざ自分で使おうとすると、「読みにくい……」「ちょっとやりすぎかも？」「おしゃれに見えるはずが、なんかダサくなった…」

https://photoshopvip.net/165544