まだ使ってない人は急いで！:hasセレクタの実践的な使い方6選

CSS

6 practical uses of the CSS :has selector 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。ウェブ開発の絶えず進化する領域において、CSSは私たちがウェブページをスタイリングする方法を簡素化する…

2024-07-23

1クリックで驚きの効果を！タイポグラフィを進化させるテキストエフェクトPhotoshopのアクション15選

Photoshop デザインツールフォント

Elevate Your Typography with Creative Lettering Photoshop Actions 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。タイポグラフィーは常に視覚的コミュニケーションの要となってきました。セリフ体…

2024-07-22

まだ!importantで消耗してるの？@scopeによる詳細度管理で脱!important

CSS

The New !important 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。とある人気のWordPressテーマで使用されているこんなCSSを見つけました： .wp-block-theme-button .button:not(.specificity):not(.…

2024-07-19

CSSだけで作る！クールなノイズアニメーション

CSS

Make some hacky noise with CSS gradients 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。偶然見つけたエフェクトで、かなりクールだと思いました。繰り返しの放射状グラデーションのリングのサイズ…

2024-07-17

CSSだけでスクリーンサイズを取得する裏ワザ

CSS

Get The Screen Width & Height Without JavaScript 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Javascriptを使わずCSSだけでスクリーンサイズを取得する方法です。 @propertyと三角関数を使用しま…