実装

実装タグ記事(更新日順)

  1. 左側メガメニューの作り方(横スライドタイプ)【レスポンシブ】【CSSのみ】
    タグ: ,
    更新日:
    【【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】 のページで簡単な「メガメニュー」の作成方法を記事にしたが,これは一般的な縦スライドタイプのメガメニューだった. 今回,必要に迫られて横タイプも作ってみたので […]
  2. 【WordPress】新着情報で2週間以内の投稿記事に new をつける方法
    タグ: , ,
    更新日:
    WordPress を使っている企業のホームページなどでは新着記事に new というマーク(アイコン)をつけて目立たせたいと思う方もいるだろう. しかし,プラグインはいろいろ面倒なので入れたくない. そういう場合にコピペ […]
  3. 【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】
    タグ: ,
    更新日:
    【レスポンシブ対応】CSSのみでのドロップダウンメニューを作成 のページに「メガメニュー」で検索して辿り着く人がいるので,メガメニューという名前がついているドロップダウンメニューの作り方も合わせて記事にする. (2020 […]
  4. ページに応じたアンケートを作成可能なメールフォーム
    タグ: , , , ,
    更新日:
    企業のページであればメールフォームはどこかに埋め込まれていることでしょう. メールアドレスしか書いていない状態は,不親切なだけでなくメールアドレスだけ拾われて,拾った人の営業に使われてしまうだけということもあり,お勧めで […]
  5. Lightbox のような高級感を CSS のみで実現
    タグ: ,
    更新日:
    lightbox 風な動作を CSS のみで実現してみた.(javascript や jQuery を使わないで) ライトボックスは画像の拡大表示で手軽に高級感を醸し出せるので使っているサイトは結構あると思う. 前回書い […]
  6. CSSで目のマークを作成する
    タグ:
    更新日:
    パスワード表示非表示用、CSSのみで目のマークを作成する 画像の目のマークと比べるとかなりシンプルになりますが、できる限り簡単に CSS のみで実装できる目のマークを作成しました。パスワードの表示、非表示のために用いられ […]
  7. 無料のWebサイト分析ツール
    タグ: , , , , , ,
    更新日:
    ウェブサイト分析ツールというと最初に思い浮かぶのは Google Search Console (グーグルサーチコンソール) だろう. それ以外にもいろいろな無料のアクセス解析ツールが存在しているが,ここで主要な無料のサ […]
  8. 認証付きダウンロード機能
    タグ: , , ,
    更新日:
    自社のホームページで CAD図面 やカタログ・パンフレットをダウンロードできるようにしていますか? 会員制をとらない制限付きダウンロード機能 ダウンロード認証とは PDF などの資料を普通にリンクを張るだけでおくと誰でも […]
  9. チェックボックスのデザインをカスタマイズする
    タグ:
    更新日:
    チェックの切り替えでデザインが変わるチェックボックス チェックボックスの切り替え時に、デザインを変更したい場合はないでしょうか。例えば会員登録情報の変更時に、登録済みの情報とは別の情報を選択した場合、変更したことが目に見 […]
  10. 【比較】ソースコード表示用ライブラリ
    タグ: , , , ,
    更新日:
    今回は wordpress のソースコード表示用ライブラリを選ぶときに一度は目にするであろう Prism.js、highlight.js、google-code-prettify について書きました。 上記3つは軽量のラ […]
  11. 【JavaScript】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
    タグ:
    更新日:
    パスワードを入力する機会が増えた昨今では必須の機能と言える、パスワード表示ボタンのクリックでテキストの表示・非表示をjavascriptを使って切り替える方法を紹介します。 今回のサンプルコードではパスワード入力欄を作成 […]
  12. 【JavaScript】目のマークでパスワードの表示を切り替える実装方法
    タグ:
    更新日:
    目のマークでパスワードの表示非表示の切り替え実装 以前、表示・非表示ボタンでパスワードの表示を切り替える方法をご紹介しましたが、今回は目のマークを使用したパスワード表示非表示の実装方法をご紹介します。 javascrip […]
  13. リッチリザルトの ロゴ への対応
    タグ: , ,
    更新日:
    引き続き,リッチリザルトへの対応の記事. 弊社(レクタス)のロゴ Google ではロゴ | Google 検索セントラル | Google Developersで記述方法を説明している. ロゴと言ってもhttps:// […]
  14. webページにチャット機能を入れる方法
    タグ: , , , ,
    更新日:
    弊社のお客様で Smallchat を入れられている方がおられて,引き合いが来たことがあるということを聞いたので早速このサイトにも入れてみたのだが,PageSpeed Insights の点数が 30点ぐらい悪くなるので […]
  15. 【WordPress】リッチリザルト対応サイト内検索設置方法
    タグ: , , , ,
    更新日:
    サイト内検索を設定したのだが,ついでにリッチリザルト対応のサイトリンク検索ボックスにもしたので,役に立つこともあるだろうと備忘録としてまとめておく. サーチコンソールに現れるサイトリンク検索ボックス リッチリザルト対応の […]
Pagetop