レスポンシブ対応

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

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