コハム

Webクリエイターのコハムが提供する、Web制作に役立つ情報をまとめたブログです。

レスポンシブデザインには欠かせない!CSSだけで作るハンバーガーメニュー10+1選

css

10+ Hamburger Menu Examples [CSS Only] 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 レスポンシブデザイン、モバイル、あるいはナビゲーション要素にもっと多くのコンテンツを収めたい場合、CSSレ…

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

CSS

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

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

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

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

CSS

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

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

CSS

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

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

CSS

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

©コハム