レスポンシブ対応

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

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