言語

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

【WordPress】サイトマップをプラグインなしで実装
カテゴリ: php, ホームページ
更新日: 2022年06月06日
ふと，サイトマップのファイルを見てみたら，制御文字(タブとか)が XML の中に紛れ込んでいることに気が付いた． WordPress のプラグインで，最近 Google XML Sitemaps の更新があったな，と設定 […]
【CSS】目のマークでパスワードの表示を切り替える実装方法
カテゴリ: CSS, HTML, 言語
更新日: 2022年06月01日
目のマークでパスワードの表示非表示を切り替える目のアイコンをクリックすることでパスワードの表示非表示の切り替える方法を今回は CSS で実装しました。 javascript での実装は【JavaScript】目のマーク […]
【CSS】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
カテゴリ: CSS, HTML, 知識
更新日: 2022年06月01日
概要ログイン画面で、パスワード表示ボタンをクリックするとパスワードが表示されるという機能は、現在では当たり前になっています。ですが、もしパスワード表示ボタンが無く、表示・非表示が切り替えられなかったらとても不便に感じ […]
アコーディオン表示をやめたほうがいい理由
カテゴリ: CSS, HTML, ホームページ
更新日: 2022年05月31日
ウェブにおけるアコーディオン表示とは HTML 界でのアコーディオン表示とは呼んで字のごとく，楽器のアコーディオンのように折り畳みが出来るような表示の仕方を表す．なんとなくエレガント？にも見えるためか，いろんなページで […]
アンケートフォーム
カテゴリ: HTML, JavaScript, システム, ホームページ, マーケティング
更新日: 2022年05月20日
問い合わせやアンケートを自由に簡単に作成したい！アンケートフォームとは資料請求やお問い合わせなど引き合いを出したい時に必要な情報だけを記入して，ボタンを押すだけでそのホームページを持っている会社や人宛にメッセージを送 […]
レスポンシブな多階層ハンバーガーメニューの作り方【CSSのみ】
カテゴリ: CSS, HTML, ホームページ
更新日: 2022年05月17日
スマホで現れるハンバーガーメニューとはスマホでホームページを見ていると右上に「三」のようなマークを見ることが多いと思う．これを見かけがハンバーガーのようだからハンバーガーメニューと呼ぶようだ．恐らく，箇条書きのメニ […]
CSS のみでアコーディオン表示する
カテゴリ: CSS, HTML, システム
更新日: 2022年05月01日
ウェブページでアコーディオン表示を使う場合は気をつけましょうというページを書いておいてどうなのかということだが，一応，javascript (jQuery) を使わない「アコーディオン表示」の書き方を説明する．アコーデ […]
開発者ツールで要素を書き換える方法
カテゴリ: CSS, HTML, 知識, 言語
更新日: 2022年04月29日
Chromeの開発者ツールで書き換える方法 Chrome のデベロッパーツールで HTML を一時的に書き換える方法をご紹介します。HTML ファイルを直接書き換える前に、ブラウザ上で変更の実装前確認、変更箇所の特定を行 […]
【CSS】レスポンシブ(スマホ)対応横スクロールテーブル(表)
カテゴリ: CSS, HTML
更新日: 2022年04月28日
(2021/03/18 文章追加とコード微修正) レスポンシブ対応のホームページの制作で面倒なものの一つに表(table)がある．横に並んだものを縦にする CSS はよく目にするが，横長のものだと項目が多い場合に訳が分 […]
リッチリザルトへの BlogPosting での対応
カテゴリ: HTML, 知識
更新日: 2022年04月25日
リッチリザルトとはリッチリザルトは、通常の青色リンクよりも高度な機能を持つ、Google サービス（Google 検索など）での検索結果です。引用: リッチリザルトテスト(google) つまり，より情報量の多い豊か […]
【Chrome】開発者ツールの使い方【デバッグ】
カテゴリ: JavaScript, システム, 知識
更新日: 2022年04月22日
開発者ツールを使ったデバッグ方法開発者ツールの各機能の使い方はわかったが、実際にどう使えばいいのかわからないという方向けに、javascript で作成した関数のデバッグを実践的に行います。今回はボタンのクリックでパ […]
画像スライダー Swiper の使い方・設定(HTML, CSS, JavaScript)
カテゴリ: CSS, HTML
更新日: 2022年04月20日
ホームページで使われる「画像スライダー」は種類が多数あり，どれを使うか迷う．無料で商用利用可能な画像スライダー Swiper 少し調べてみた限り，Swiper というスライダーがとてもよく出来ていると思ったのでこのスラ […]
CSSで円(丸)を描き，内側にテキスト(文字)を入れる
カテゴリ: CSS, HTML
更新日: 2022年04月18日
円をかいて，中に文字を入れるとはこのような絵のこと．上左中央右下 CSS と HTML による円とテキストの記述方法中の文字の位置指定のポイント CSS は以下のようになる．円は position: relativ […]
左側メガメニューの作り方(横スライドタイプ)【レスポンシブ】【CSSのみ】
カテゴリ: CSS, HTML, ホームページ
更新日: 2022年04月07日
【【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】のページで簡単な「メガメニュー」の作成方法を記事にしたが，これは一般的な縦スライドタイプのメガメニューだった．今回，必要に迫られて横タイプも作ってみたので […]
CSSだけで外部サイトへのリンクにマーク(アイコン)をつける方法
カテゴリ: CSS
更新日: 2022年04月01日
リンクが外部に飛ぶことを示すアイコン(リンクアイコン)をつけると「押すと別サイト(外部リンク)に行くこと」が分かりやすいので親切である．なぜ，このようなリンクアイコンを設ける必要があるのかというと「クリックすると別サイ […]
【WordPress】新着情報で2週間以内の投稿記事に new をつける方法
カテゴリ: CSS, HTML, php, ホームページ
更新日: 2022年03月31日
WordPress を使っている企業のホームページなどでは新着記事に new というマーク(アイコン)をつけて目立たせたいと思う方もいるだろう．しかし，プラグインはいろいろ面倒なので入れたくない．そういう場合にコピペ […]
【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】
カテゴリ: CSS, HTML
更新日: 2022年03月31日
【レスポンシブ対応】CSSのみでのドロップダウンメニューを作成のページに「メガメニュー」で検索して辿り着く人がいるので，メガメニューという名前がついているドロップダウンメニューの作り方も合わせて記事にする． (2020 […]
Hタグ(見出しタグ)とHTML5 アウトライン
カテゴリ: HTML, 知識
更新日: 2022年03月31日
本記事はHTML Standard のサイトの説明に基づいている．アウトラインとは，「概要，あらまし，輪郭」などと辞書にあるが，まさにその通りで見出し(heading content)ごとに文章をグループ(sectio […]
Lightbox のような高級感を CSS のみで実現
カテゴリ: CSS, HTML, ホームページ
更新日: 2022年03月31日
lightbox 風な動作を CSS のみで実現してみた．(javascript や jQuery を使わないで) ライトボックスは画像の拡大表示で手軽に高級感を醸し出せるので使っているサイトは結構あると思う．前回書い […]
CSSで目のマークを作成する
カテゴリ: CSS, HTML
更新日: 2022年03月29日
パスワード表示非表示用、CSSのみで目のマークを作成する画像の目のマークと比べるとかなりシンプルになりますが、できる限り簡単に CSS のみで実装できる目のマークを作成しました。パスワードの表示、非表示のために用いられ […]

言語

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

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