CSS

  • レスポンシブのリボン見出し

    レスポンシブのリボン見出し

    デザインデータの見出しを見たときに、ページのサイズによって変動するリボン型見出しだったので、どうにかしてレスポンシブにしたいと試行錯誤してできたので、手順を公開。   完成品イメージ 要素の書き出し 背景パター […]

  • letter-spacingを使用した文字のセンター寄せ・右詰め

    letter-spacingを使用した文字のセンター寄せ・右詰め

    letter-spacingを使用する時の小技 デザインをする上で、使用するfontによっては、letter-spacingを多めに使用したい場合がある。 その文字を右詰めにする場合、letter-spacingの特性上 […]

  • jsを使わないアコーディオンの実装

    jsを使わないアコーディオンの実装

    webcreatersboxさんで紹介されてたdetailsタグとsummaryタグを使ったアコーディオンにCSSでアニメーションを付け加えて見ようと思ってやってみました。 レスポンシブデザインが主流になって、アコーディ […]