ITTI STAFF
BLOG

イッティWEBスタッフの制作ブログ

  • ウェブ制作

WebPとLazyLoadを使って表示速度を向上させる

ホームページの表示速度を上げるには、デバイスごとの画像ファイルの切り替えが有効です。画像フォーマットのWebPと、LazyLoadで遅延読み込みで、表示速度を体感できるパフォーマンスにします。

  • ウェブ制作

サクッとグリッドCSSを理解して、クライアントワークに使う

クライアントワークにも徐々に取り入れているCSSグリッドですが、3つの基本が分かれば簡単に導入できて、レスポンシブなレイアウトでも便利です。

  • ウェブ制作

CSS GridをIE11、EDGEに対応させるために注意する点

IEでもCSS Gridを適用させる時に注意するポイントです。

  • ウェブ制作

吹き出し、グラデーションなど、よく使うジェネレーターまとめ

面倒な画像ボーダーや、吹き出しのCSSから、グラデーション、背景パターンなど、よく使うジェネレーターです。

  • ウェブ制作

display:flexを簡単に使うよ

対応ブラウザや、仕様も固まったきたこともあり「display:flex;」を使うことも多くなりました。(IE8の案件に取り組んでいますが・・・) 今回はよく使うflexを使ったレイアウトと、コピペ用のコードを使ってfle […

  • ウェブ制作

CSS中央配置 4つの方法

CSSの中央配置でよく使う3つの方法をコピペできるようにまとめてみました。

  • ウェブ制作

CSSの角丸で、画像を丸く表示する

CSS3の角丸で、サムネイルなどの画像をかわいく見せる方法です。

新しい記事

東京のWEB制作会社イッティ