言語

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

  1. 【CSS】画像の上に文字を重ねる・重ねた文字を読みやすくする方法
    カテゴリ: CSS, HTML
    更新日:
    画像の上に文字を重ねる・重ねた文字を読みやすくする方法 画像の上に文字を重ねて表示させたいときがあると思います。例えば、製品画像に製品名を載せたい場合などです。この時に画像に直接文字を重ねるのではなく、文字の背景に4分の […]
  2. 【WordPress】多言語対応 404 エラーページ
    カテゴリ: php, ホームページ
    更新日:
    ホームページを制作する場合はページが存在しない時のために表示するページを作成しておく. いわゆる 404 Page Not Found の 404 ページのことである. ページが見つからない時,その URL に相当するペ […]
  3. チェックボックスのデザインをカスタマイズする
    カテゴリ: CSS, HTML, JavaScript
    更新日:
    チェックの切り替えでデザインが変わるチェックボックス チェックボックスの切り替え時に、デザインを変更したい場合はないでしょうか。例えば会員登録情報の変更時に、登録済みの情報とは別の情報を選択した場合、変更したことが目に見 […]
  4. 【CSSのみ】ヘルプボタンを作成する
    カテゴリ: CSS, HTML
    更新日:
    画像を使用しないヘルプボタン 【CSSのみ】ヘルプボタンをクリックしたときに説明を表示する方法 では、ヘルプボタンは画像を使用していましたが、CSSのみでヘルプボタンを作成することができたのでご紹介します。チェックボック […]
  5. 【CSSのみ】ヘルプボタンで説明を表示する方法
    カテゴリ: CSS, HTML
    更新日:
    JavaScriptを使用しないヘルプボタン フォームの入力項目や機能の使い方についての説明を、?マーク(ヘルプボタン)をクリックしたときに表示する方法をご紹介します。 今回は HTML と CSS のみを使用しており、 […]
  6. レスポンシブデザインとは
    カテゴリ: CSS, HTML, ホームページ, 知識
    更新日:
    レスポンシブデザインとは何か? 「今さら何をいうのか」という話であるが,たまたま,ちょっと不可解な HTML のソースを見たので今回取り上げることにした. レスポンシブデザインとは wikipedia のレスポンシブデザ […]
  7. 【CSS】テキストやリンクを目立たせるいくつかの方法
    カテゴリ: CSS, HTML, ホームページ
    更新日:
    新しい記事を投稿した時や新商品を発売した時にその説明ページに対するリンクを目立たせたいという場合がある. そのような場合にアイコン画像を作って張るのもよいが,CSS だけで作ったほうがスッキリする. お客様に質問いただき […]
  8. ホームページメンテナンス
    カテゴリ: HTML, ホームページ, 知識
    更新日:
    「ホームページ担当がいない」「ホームページ作っても認めてくれない」 製造業では特によく聞く言葉です. ホームページは作り方によっては実は非常に優秀な営業マンです. しかしホームページ作成担当者が成果を出しても,その成果に […]
  9. ホームページ制作 & コンサルティング
    カテゴリ: CSS, システム, ホームページ, マーケティング
    更新日:
    見る人のことを考えたホームページになっていますか? 初心者をターゲットにしていますか? どのような人たちがページを見に来ると考えていますか? 「知っている人にだけ分かればいい」 大きな間違いです. ちょっと考えればわかり […]
  10. 【拡張機能】Chromeで文字コードを変更する方法【文字化け対策】
    カテゴリ: HTML
    更新日:
    Chrome拡張機能で文字コード変更 Chromeには文字コードの変更・設定機能はない Chromeには文字コードの変更機能が存在しないので、「拡張機能」を使用します。 文字コードを変更できる拡張機能「Charset」 […]
  11. 【CSS】z-index が効かない場合の注意点
    カテゴリ: CSS, HTML
    更新日:
    z-index が効かない場合に z-index は要素の重ね合わせの順番を定義できます。 以下のように使いますが、数字が大きいほど上に表示されます。 #test { z-index: 1; } スタイルシートを使って、 […]
  12. 【JavaScript】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
    カテゴリ: JavaScript, 知識
    更新日:
    パスワードを入力する機会が増えた昨今では必須の機能と言える、パスワード表示ボタンのクリックでテキストの表示・非表示をjavascriptを使って切り替える方法を紹介します。 今回のサンプルコードではパスワード入力欄を作成 […]
  13. CSSでHTMLのタグを書き換える
    カテゴリ: CSS, HTML, 知識
    更新日:
    CSSでタグを書き換えることはできない CSSに触りなれていないと、CSSでHTMLのタグを書き換えたいと思うことがあるかもしれません。しかし、CSSではタグを書き換えることはできません。 実際に<CSS タグ 書き換え […]
  14. 【JavaScript】目のマークでパスワードの表示を切り替える実装方法
    カテゴリ: HTML, JavaScript
    更新日:
    目のマークでパスワードの表示非表示の切り替え実装 以前、表示・非表示ボタンでパスワードの表示を切り替える方法をご紹介しましたが、今回は目のマークを使用したパスワード表示非表示の実装方法をご紹介します。 javascrip […]
  15. 【WordPress】最終更新日をヘッダに出力
    カテゴリ: php, 知識
    更新日:
    WordPress は php で動作しているので,最終更新日のヘッダがつかない. レスポンスヘッダに最終更新日のヘッダをつけたい場合,以下のようなスクリプトを functions.php に挿入する. // Last- […]
  16. 【WordPress】投稿の一覧ページにリセットされない連番を振る方法
    カテゴリ: CSS, php
    更新日:
    アーカイブページで連番を振る方法 wordpressで検索結果一覧を表示したいときや、人気度に応じてランキング形式で表示したいときなど、投稿タイトルの先頭に連番を振りたい場面があると思います。 しかし、1ページ目は問題な […]
  17. Chrome で見て input タグで入力できないことがある場合
    カテゴリ: HTML
    更新日:
    些細なことだが,驚いたことがあったので書いておく. 「chrome th input 入力できない」で検索しても現時点で出てこなかったので,そういう問題に出会った人もあまりいない可能性もある. 全く意識せずにいつものよう […]
  18. リッチリザルトの ロゴ への対応
    カテゴリ: HTML, 知識
    更新日:
    引き続き,リッチリザルトへの対応の記事. 弊社(レクタス)のロゴ Google ではロゴ | Google 検索セントラル | Google Developersで記述方法を説明している. ロゴと言ってもhttps:// […]
  19. 【CSS】テキスト(見出し,タイトル)に横線をつける方法
    カテゴリ: CSS, HTML
    更新日:
    HTMLのコーディングで必要になり,ちょっと調べたので備忘録. 見出しなどの文字列の両側(両端,左右)に横線(ハイフン・横棒)をつけて,中央にもっていきたい場合がある. - を使うと ------ のように切れ切れになっ […]
  20. リンク先のページで強調したい文章がある時【Chrome】
    カテゴリ: HTML, 知識
    更新日:
    Google の検索結果の強調スニペットで選ばれた際にクリックして,飛んだ先のページの特定の文字が選択された状態になっているのに気づいた人も多いだろう. 「後の先をとる営業」は私が勝手に名付けた用語なので, こんな単語で […]
Pagetop