言語

言語 カテゴリー記事(更新日順)

  1. カテゴリ JavaScript, ホームページ, 知識
        FID (First Input Delay) の改善
    PageSpeed Insights 対策の一環.他の対策は以下を見てください. Youtube の動画を複数埋め込みしたページの高速化 オフスクリーン画像の遅延読み込み ウェブフォント読み込み中の全テキストの表示 次世 […]
  2. カテゴリ CSS, HTML
        【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】
    【レスポンシブ対応】CSSのみでのドロップダウンメニューを作成 のページに「メガメニュー」で検索して辿り着く人がいるので,メガメニューという名前がついているドロップダウンメニューの作り方も合わせて記事にする. (2020 […]
  3. カテゴリ CSS, HTML, 言語
        【CSS】目のマークでパスワードの表示を切り替える実装方法
    目のマークでパスワードの表示非表示を切り替える 目のアイコンをクリックすることでパスワードの表示非表示の切り替える方法を今回は CSS で実装しました。 javascript での実装は【JavaScript】目のマーク […]
  4. カテゴリ HTML
        【拡張機能】Chromeで文字コードを変更する方法【文字化け対策】
    Chrome拡張機能で文字コード変更 Chromeには文字コードの変更・設定機能はない Chromeには文字コードの変更機能が存在しないので、「拡張機能」を使用します。 文字コードを変更できる拡張機能「Charset」 […]
  5. カテゴリ CSS, HTML, 知識
        【CSS】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
    概要 ログイン画面で、パスワード表示ボタンをクリックするとパスワードが表示されるという機能は、現在では当たり前になっています。 ですが、もしパスワード表示ボタンが無く、表示・非表示が切り替えられなかったらとても不便に感じ […]
  6. カテゴリ CSS, HTML
        CSSで円を描き,内側にテキスト(文字)を入れる
    円をかいて,中に文字を入れるとはこのような絵のこと. 上 左 中央 右 下 CSS と HTML による円とテキストの記述方法 中の文字の位置指定のポイント CSS は以下のようになる. 円は position: rel […]
  7. カテゴリ HTML
        Chrome で見て input タグで入力できないことがある場合
    些細なことだが,驚いたことがあったので書いておく. 「chrome th input 入力できない」で検索しても現時点で出てこなかったので,そういう問題に出会った人もあまりいない可能性もある. 全く意識せずにいつものよう […]
  8. カテゴリ CSS, HTML, JavaScript
        【JavaScript】目のマークでパスワードの表示を切り替える実装方法
    目のマークでパスワードの表示非表示の切り替え実装 以前、表示・非表示ボタンでパスワードの表示を切り替える方法をご紹介しましたが、今回は目のマークを使用したパスワード表示非表示の実装方法をご紹介します。 以下に動かせるサン […]
  9. カテゴリ HTML, ホームページ, 知識
        ホームページメンテナンス
    「ホームページ担当がいない」「ホームページ作っても認めてくれない」 製造業では特によく聞く言葉です. ホームページは作り方によっては実は非常に優秀な営業マンです. しかしホームページ作成担当者が成果を出しても,その成果に […]
  10. カテゴリ CSS, システム, ホームページ, マーケティング
        ホームページ制作 & コンサルティング
    見る人のことを考えたホームページになっていますか? 初心者をターゲットにしていますか? どのような人たちがページを見に来ると考えていますか? 「知っている人にだけ分かればいい」 大きな間違いです. ちょっと考えればわかり […]
  11. カテゴリ CSS, システム, ホームページ, マーケティング
        ホームページアクセスログ解析
    ホームページの改造を上司に命じられたら,どうしますか? どのように改造すればよいかわからない. 新規商品やサービスが追加された場合はそのページを作成すればよいので問題ありません.しかし,特に何も目新しいことがないのにホー […]
  12. カテゴリ JavaScript, システム, ホームページ, マーケティング
        アンケートフォーム・入力フォームシステム
    問い合わせやアンケートを自由に簡単に作成したい! アンケートフォームとは 資料請求やお問い合わせなど引き合いを出したい時に必要な情報だけを記入して,ボタンを押すだけでそのホームページを持っている会社や人宛にメッセージを送 […]
  13. カテゴリ HTML, 知識
        【WordPress】自分のサイトのURLが勝手に変換される場合の対応策
    ちょっとしたことだが,困ったことがあって解決したので備忘録として書いておく. WordPress は自分のサイトのURLをそのまま記述すると勝手に Aタグ で囲ってしまう仕様のようだ. これはビジュアルモードを使っていて […]
  14. カテゴリ CSS, HTML
        【CSS】レスポンシブ(スマホ)対応横スクロールテーブル(表)
    (2021/03/18 文章追加とコード微修正) レスポンシブ対応のホームページの制作で面倒なものの一つに表がある. 横に並んだものを縦にする CSS はよく目にするが,横長のものだと項目が多い場合に訳が分からなくなる. […]
  15. カテゴリ CSS, HTML, ホームページ
        【CSS】レスポンシブ対応縦スライダーテーブル(表)
    レスポンシブ対応のホームページの制作で面倒なものの一つに表がある. 以前,横に長いテーブルを左端を固定してスクロール(スライド)させるテーブルの作り方は紹介したが,今度は縦に長いテーブルで上端を固定して縦にスクロール(ス […]
  16. カテゴリ CSS, HTML, ホームページ, 知識
        LCP (Largest Contentful Paint) について
    PageSpeed Insights 対策の一環.他の対策は以下を見てください. Youtube の動画を複数埋め込みしたページの高速化 オフスクリーン画像の遅延読み込み ウェブフォント読み込み中の全テキストの表示 次世 […]
  17. カテゴリ HTML, ホームページ
        CLS (Cumulative Layout Shift) の改善
    PageSpeed Insights 対策の一環.他の対策は以下を見てください. Youtube の動画を複数埋め込みしたページの高速化 オフスクリーン画像の遅延読み込み ウェブフォント読み込み中の全テキストの表示 次世 […]
  18. カテゴリ HTML, ホームページ
        「オフスクリーン画像の遅延読み込み」への対策
    PageSpeed Insights 対策の一環.他の対策は以下を見てください. Youtube の動画を複数埋め込みしたページの高速化 次世代フォーマットでの画像の配信 ウェブフォント読み込み中の全テキストの表示 第三 […]
  19. カテゴリ CSS
        「ウェブフォント読み込み中の全テキストの表示」問題の解決方法
    PageSpeed Insights 対策の一環.他の対策は以下を見てください. Youtube の動画を複数埋め込みしたページの高速化 オフスクリーン画像の遅延読み込み 次世代フォーマットでの画像の配信 第三者コードの […]
  20. カテゴリ CSS, JavaScript, ホームページ
        Youtube の動画の複数埋め込みをしたページの高速化
    PageSpeed Insights 対策の一環.他の対策は以下を見てください. オフスクリーン画像の遅延読み込み 次世代フォーマットでの画像の配信 ウェブフォント読み込み中の全テキストの表示 第三者コードの影響を抑えて […]
Pagetop