コハム

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

パンくずリストの地味さに別れを。パンくずリストのデザイン例45選

CSS

パンくずリストのデザインアイデアを45選ご紹介します。 Pure CSS3 breadcrumb navigation, pixel perfect Collection - Breadcrumbs - Сomponent - 4ID Simple "transform: skew" breadcrumb Pure CSS3 breadcrumb navigation Flat CSS3 Breadcrumb Refacto…

CSS色指定で地獄を見た人は絶対使うべし!currentColorで色をまとめてキレイに統一する3つの裏技

CSS

Master Consistent Styles with CSS currentColor: 3 Powerful Use Cases 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 currentColorを使ってCSSの色のスキームを一貫して維持するのに苦労していませ…

HTMLクラス命名の重要性:コードの読みやすさとメンテナンス性に直結する命名の大切さ

How should class naming be in HTML? — Clean Code. 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 多くの開発者は開発フェーズでネーミングに多大な時間を費やすことがあります。実際、場合によって…

Atropos.jsで実現する、もっとスクロールしたくなるWebデザイン

Exploring The Creative Potential Of Atropos.Js For Web Design 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 デザイン愛好家の皆さん、気を付けて乗ってください!私たちは、Webデザインにおける無…

インパクト大!View Transition APIによるページ遷移の実装例

View Transition API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 View Transition APIは他ページへの遷移にアニメーション効果を適用するCSSです。 2024年秋に予定されているiOS18に搭載されるSafa…

メディアクエリはもう古い?CSS数学関数やコンテナクエリによる次世代のレスポンシブ対応とは?

CSS

Beyond CSS Media Queries 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 メディアクエリの問題点 メディアクエリの問題点 問題1: ビューポート中心主義 問題2: 管理が困難 問題3: それほどレスポンシ…

©コハム