コンテンツ | タドワークス

【コピペで使える】検索フォームのチェックボックスのチェック状態を保持・反映するPHPサンプルコード

Webアプリケーションの検索フォームでチェックボックスの状態を保持する実装は意外と面倒なもの。今回はそんな検索フォームのチェックボックスの状態保持のサンプルコード（主に管理画面を想定）をご紹介します。目指 …

単体のチェックボックスがチェックされた瞬間に何らかの処理を行うJQueryの実装サンプル（changeイベント）はたくさん情報がありますが、複数のチェックボックスのうちどれか指定のチェックボックスにチェックされた場合のみ …

ワードプレス管理画面の投稿画面を投稿者権限ユーザーに開放する場合、わかりやすいように見せる表示オプションを限定したい場合があります。この場合機能自体をオフにする必要はないため、なるべく影響範囲を小さくする意味でもCSS …

ワードプレスの管理画面で指定の権限でログインしたユーザーのみ一部メニューを非表示にする方法メモ。以下は「投稿者」権限の場合に「コメント」と「設定」メニューを非表示にするサンプルです。 if (current_user_ …

レスポンシブデザインでWebページを作成しているとき、テーブル以外でも上記のように並列要素の一方を固定幅にして、もう一方を画面幅いっぱいに広がる可変にしたいといった場合が出てきます。各要素の横幅をパーセント指定（30% …

ホームページ（ウェブサイト）をスマホ対応する４つの手法についてメモ。メディアクエリ現在最もスタンダードな実装方法で、ブラウザの画面幅を検知してCSS側でスタイルを変更する方法です。 HTMLを1ソースで …

今回は「タドワークス」の指名検索で確認されているメタディスクリプションを使ったスパム行為について情報を共有します。まずは以下検索結果のキャプチャ画像を見て頂きたいと思います。まったく関連のないウェブページのメタディス …

今回はCSSを使って指定のHTML要素を縦中央に配置するサンプルコードについてご紹介します。 Webページを制作する上で縦中央揃えというのはなかなか厄介なもので、サンプルコードを探して気づくとだいぶ時間を使っていた・・・ …

今回はGoogleマイビジネスの投稿機能と記事連携の効果について少し書き留めてみたいと思います。 Googleマイビジネスにお店や会社を登録すると、サービスや商品の他にも、「投稿」という機能が使えるようになります。投稿 …

皆さんはこんなメニューボタンを見たことはないでしょうか？これは「ハンバーガーメニュー」といって、昨今のWebページのレスポンシブデザイン（スマホ対応）化でよく使われるようになった見開き式のメニューボタンです。（たぶん …