2023年9月7日 / 最終更新日時 : 2023年9月7日 U.Y css【PageSpeed Insights】次世代フォーマットでの画像の配信 ホームページの表示速度は、Googleの評価・検索順位に影響します。 ページ表示速度を改善することで、コンバージョン(問い合わせ・会員登録・商品購入など)が上がり、売り上げに直結することもあります。 本記事では、Page […]
2022年10月5日 / 最終更新日時 : 2022年10月5日 有園菜希子 cssいますぐできるWEBアクセシビリティ向上 WEBアクセシビリティとは 「WEBアクセシビリティ」という言葉を聞いたことはありますか? 誰でも、どんな状況でも使えるWEBサイトを目指そう、という考え方のことです。 目の見えない人、マウスが使えない人、高齢者なども使 […]
2022年3月30日 / 最終更新日時 : 2022年9月22日 有園菜希子 cssSafari最新版(15.4)で使えるようになったHTML/CSS 2022年3月14日にSafari15.4がリリースされました。 今回のアップデートでSafari非対応だった便利なHTML/CSSがいくつか使えるようになりましたのでご紹介します。 画像の遅延読み込み HTML  […]
2022年2月7日 / 最終更新日時 : 2022年9月22日 有園菜希子 cssSCSSを考える~@extendと@mixin~ SCSSにおける@extendと@mixinはどちらも「重複するコードをまとめる」ためのものです。 上手く使えば記述の省力化・改修時のミス防止に大きな成果をあげることができます。 この記事では@entendと@mixin […]
2022年2月4日 / 最終更新日時 : 2022年2月4日 牧野直樹 cssclamp関数について知っておこう IE11が2022年6月16日を以てサポートが終了となり、起動するとEdgeが立ち上がるようになります。ということでいままでIE11未対応のため使いづらかったものも、ようやく素直に実装していくことが出来るようになります。 […]
2022年2月1日 / 最終更新日時 : 2022年2月7日 牧野直樹 cssコンテナクエリのポリフィルについて コンテナクエリのポリフィルが公開された ブラウザ幅ではなく親要素の幅に併せて分岐する「コンテナクエリ」ですが、現時点(2022年2月)ではまだ各種ブラウザに正式実装されていません。 「将来的にこういう事が出来る予定ですよ […]
2021年1月12日 / 最終更新日時 : 2021年1月12日 J-online編集部 css【コピペOK】横から流れてくる見出しデザイン ランディングページなどでよく見かける横から流れてくる見出しのデザイン。 一度使ってみたいと思っていたので、実際にサイトで使えそうなものを載せていきます。 文字だけ流れてくる見出し 基本のデザイ […]
2020年11月27日 / 最終更新日時 : 2020年11月27日 J-online編集部 cssメディアクエリの罠!?cssが効かなくなるブラウザサイズを解決! WEBサイトをレスポンシブ対応させるMedia Queries(メディアクエリ)をご存知でしょうか。 ブラウザの横サイズをpxで記述するだけで簡単にブラウザサイズに合ったcssを書くことが可能になります。 […]