レスポンシブ対応

レスポンシブ対応タグ記事(更新日順)

  1. CLS (Cumulative Layout Shift) の改善
    タグ: , , , , ,
    更新日:
    PageSpeed Insights 対策の一環. CLSとは(累積レイアウト変更とは) PageSpeed Insights に出てくる Cumulative Layout Shift 2024/3 現在,診断の警告文 […]
  2. 「デバイスのツールバーを切り替え」が表示されない
    開発者ツールでユーザーエージェントを変更【Chrome】
    タグ: ,
    更新日:
    Chrome を使っているとき,ユーザーエージェント(UserAgent/UA)を変えたい時は通常だと開発者ツールを立ち上げれば「デバイスのツールバーを切り替え」というアイコンが表示される. これを押せばブラウザのデバイ […]
  3. レスポンシブな多階層ハンバーガーメニューの作り方【CSSのみ】
    タグ: , ,
    更新日:
    スマホで現れるハンバーガーメニューとは スマホでホームページを見ていると右上に「三」のようなマークを見ることが多いと思う. これを見かけがハンバーガーのようだからハンバーガーメニューと呼ぶようだ. 恐らく,箇条書きのメニ […]
  4. ホームページのリニューアルに関して
    タグ: ,
    更新日:
    ホームページ制作業界?というか,ウェブ業界?において,「5~6年でホームページが陳腐化するのでデザインごと新しいものに変更したほうがよい」という話をよく耳にする. 果たして本当にそうだろうか? ホームページを定期的にリニ […]
  5. ホームページ制作例 株式会社枚方技研
    タグ: , ,
    更新日:
    株式会社枚方技研 ご紹介 1998年以来,お付き合いしていただいている半導体製造装置設計メーカーです. ただし,このホームページは会社のホームページですが,ノンブレンというウレタン防振材の販売が主となるページとなります. […]
  6. 「適切なサイズの画像」の警告を受けたとき
    タグ: , ,
    更新日:
    PageSpeed Insights の警告の中でも最もよく受けると言っても過言ではない「適切なサイズの画像」の警告に関して,ここで対策を書いてみる. どうもよく勘違いされる方がいるが「適切なサイズ」とはファイルサイズの […]
  7. ホームページアクセスログ解析
    タグ: , , , , , , ,
    更新日:
    ホームページの改造を上司に命じられたら,どうしますか? アクセスログ解析はただ見て「いっぱい来てる」とうれしがるためでも「全然アクセスないな」と悲しがるためにあるわけでもありません. どのように改造すればよいかわからない […]
  8. 【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】
    タグ: ,
    更新日:
    【レスポンシブ対応】CSSのみでのドロップダウンメニューを作成 のページに「メガメニュー」で検索して辿り着く人がいるので,メガメニューという名前がついているドロップダウンメニューの作り方も合わせて記事にする. (2020 […]
  9. レスポンシブ対応ドロップダウンメニュー
    【WordPress】【CSSのみ】レスポンシブ対応ドロップダウンメニューの作り方
    タグ: , , ,
    更新日:
    以前,「CSSのみでの多階層ドロップダウンメニューを作成」という記事を投稿したが,このページは多数の方に読まれている人気のページとなっている. ただし,これは通常の静的に作ったサイト用のもので,WordPress で使お […]
  10. 【CSS】レスポンシブ対応縦横ヘッダ固定テーブル(縦横スクロール)
    タグ: , ,
    更新日:
    スマホ表示の時に画面からはみ出る table をスライドさせる方法に関して以前に書いたが,それらは IE11 で動くようにするために面倒くさいことをしていた. しかし,もうサポートも終了するので,IE11 は無視してもよ […]
  11. 【レスポンシブ対応】CSSのみでの多階層ドロップダウンメニューを作成
    タグ: , , , , ,
    更新日:
    javascript 無しでナビゲーションメニューを作る 弊社のホームページはナビゲーションメニューとしてドロップダウンメニューを採用している. 当初は drawer.js を使用して作成されていた. しかし,このレスポ […]
  12. 【CSS】レスポンシブ(スマホ)対応横スクロールテーブル(表)
    タグ: , , ,
    更新日:
    (2021/03/18 文章追加とコード微修正) レスポンシブ対応のホームページの制作で面倒なものの一つに表(table)がある. 横に並んだものを縦にする CSS はよく目にするが,横長のものだと項目が多い場合に訳が分 […]
  13. 左側メガメニューの作り方(横スライドタイプ)【レスポンシブ】【CSSのみ】
    タグ: ,
    更新日:
    【【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】 のページで簡単な「メガメニュー」の作成方法を記事にしたが,これは一般的な縦スライドタイプのメガメニューだった. 今回,必要に迫られて横タイプも作ってみたので […]
  14. レスポンシブデザインとは
    タグ: ,
    更新日:
    レスポンシブデザインとは何か? 「今さら何をいうのか」という話であるが,たまたま,ちょっと不可解な HTML のソースを見たので今回取り上げることにした. レスポンシブデザインとは wikipedia のレスポンシブデザ […]
  15. ホームページ制作例 マイクロスクェア株式会社
    タグ: ,
    更新日:
    マイクロ・スクェア株式会社 ご紹介 2005年以来,お付き合いしていただいているマイクロスコープ・UV LED照射装置設計製造販売メーカーです. コストパフォーマンスに優れたマイクロスコープやUVLED照射器を製造,販売 […]
  16. ホームページ制作 & コンサルティング
    タグ: , ,
    更新日:
    見る人のことを考えたホームページになっていますか? 初心者をターゲットにしていますか? どのような人たちがページを見に来ると考えていますか? 「知っている人にだけ分かればいい」 大きな間違いです. ちょっと考えればわかり […]
  17. 自社URLで実施できるアンケート
    タグ: , , ,
    更新日:
    ホームページ上でもあまり強調して書いていませんが,レクタスのアンケートシステムはどこでも実行が可能です. アンケートシステム・お問い合わせフォームシステムによってはその会社特定の独自ドメインでしか動かないケースがあります […]
  18. 【CSS】レスポンシブ対応縦スライダーテーブル(表)
    タグ: ,
    更新日:
    レスポンシブ対応のホームページの制作で面倒なものの一つに表がある. 以前,横に長いテーブルを左端を固定してスクロール(スライド)させるテーブルの作り方は紹介したが,今度は縦に長いテーブルで上端を固定して縦にスクロール(ス […]
  19. table(テーブル・表)で absolute を使うとセルの枠がずれる
    タグ: , ,
    更新日:
    原因不明の表のズレ px なのに小数点表記 とある案件でスライダー表(【CSS】レスポンシブ対応横スライダーテーブル(表)参照)を作成したときのことです。 この表は一番左の列を position:absolute にして […]
Pagetop