カテゴリー "開発ブログ" を表示中:697件
- JavaScriptが無効になっているとき限定のCSSを適用する方法 何らかの理由でJavaScriptが無効化されている環境でウェブページを表示させるとき、JavaScriptが無効になっているとき限定のCSSを読み込む方法を紹介します。 JavaScriptを利用する方法 先に仕組みをすると、あらかじめH… JavaScriptが無効になっているとき限定のCSSを適用する方法続きを読む →
- 最もシンプルなWebP対応方法 目次そもそもWebPとは?既存画像をWebPに変換する方法Squooshcwebp/dwebpWebPShopその他ウェブサイトでWebPを使うHTML上のimgタグを書き換えるpictureタグのIE対応最後に そもそもWebPとは? W… 最もシンプルなWebP対応方法続きを読む →
- 【WordPress】RSSフィードの出力を無効化する方法 ワードプレスで制作したウェブサイトで、お知らせやブログなどを利用していない場合。 RSSフィードの配信が不要の場合は機能を無効化しましょう。 目次RSSフィードの配信を停止するRSSフィードのURLを確認head内のフィードリンクを非表示に… 【WordPress】RSSフィードの出力を無効化する方法続きを読む →
- 【WordPress】投稿出力時の[post_class]で複数のclass名を出力する方法 ワードプレスのテンプレート、主に「single.php」や「page.php」で通常の投稿や固定ページを出力する際、自動でWordPress特有のクラス名を出力する[post_class]関数があります。 今回は、その[post_class… 【WordPress】投稿出力時の[post_class]で複数のclass名を出力する方法続きを読む →
- 【HTML】フォーム入力時の autocomplete 属性に指定できる値まとめ フォーム入力時に、一度入力したユーザー名やパスワード、電話番号などを記憶して、次の入力時に自動で補完してくれる機能が『autocomplete』です。 「自動補完機能」などとも呼ばれますね。 今日はその『autocomplete』で指定でき… 【HTML】フォーム入力時の autocomplete 属性に指定できる値まとめ続きを読む →
- 【WordPress】寄稿者権限でも画像をアップロードできるようにする方法 ワードプレスを利用したサイトで、メンバー登録システムを構築する案件が増えてきました。 その中で「寄稿者に対して画像をアップロードできる権限を付与する」必要があったので、その方法をメモ。 通常、ワードプレスのユーザー権限「寄稿者」は、画像のア… 【WordPress】寄稿者権限でも画像をアップロードできるようにする方法続きを読む →
- 【PHP】文字列に日本語が含まれているか判定する方法 PHPで、正規表現を使って文字列に日本語が含まれているか判定する方法を紹介します。 具体的なコードは以下のとおり。 $str = ‘文字列’; if ( preg_match( “/[ぁ-ん]+|[ァ-ヴー]+|[一-龠]/u”, $str… 【PHP】文字列に日本語が含まれているか判定する方法続きを読む →
- 【JavaScript】ビューポートに入った要素をアニメーション表示する[Animon]の使い方 ブラウザのビューポートに要素が入ったことを検知して、アニメーションで表示させるJavaScriptライブラリ[Animon]の使い方を紹介します。 JavaScriptファイルの容量はなんと「0.75kB」と超軽量。 仕組みは、Google… 【JavaScript】ビューポートに入った要素をアニメーション表示する[Animon]の使い方続きを読む →
- 【WordPress Plugin】Advanced Custom Fields で作成したカスタムフィールドを検索対象に含める方法 ワードプレスの[Advanced Custom Fields]で作成したカスタムフィールドを検索対象に含めたいとき、これまでは[Search Everything]というプラグインが有効でした。 しかしこの[Search Everythin… 【WordPress Plugin】Advanced Custom Fields で作成したカスタムフィールドを検索対象に含める方法続きを読む →
- 【CSS】テキストを透明にする4つの方法 文字の色を透明にして見えなくする方法を4つ紹介します。 opacityを使う いちばん簡単で、最初に思いつくのは「opacity:0;」を指定する方法です。 .sample { opacity:0; } opacityの値は0〜1の間で指定… 【CSS】テキストを透明にする4つの方法続きを読む →
- 【早見表】8、12、16、24の倍数 8 12 16 24 1 8 12 16 24 2 16 24 32 48 3 24 36 48 72 4 32 48 64 96 5 40 60 80 120 6 48 72 96 144 7 56 84 112 168 8 64 96 … 【早見表】8、12、16、24の倍数続きを読む →
- 【WordPress Plugins】Advanced Custom Fields の Wysiwyg 出力時の「p」と「br」を無効にする方法 ワードプレスでカスタムフィールドを扱うときは100%ほぼ必ず「Advanced Custom Fields」を使っています。 Advanced Custom Fields (ACF) その[Advanced Custom Fields]で「… 【WordPress Plugins】Advanced Custom Fields の Wysiwyg 出力時の「p」と「br」を無効にする方法続きを読む →
- こんなウェブ系フリーランスには仕事を任せられない! 目次はじめにこんなフリーランスには仕事を任せられない!営業メールがテンプレートリクルートサイトのレギュレーションを無視ポートフォリオサイトの品質が悪い制作実績がすべて架空サイト、または学校の課題で制作したと思われるサイトのみクラウドソーシン… こんなウェブ系フリーランスには仕事を任せられない!続きを読む →
- 【 jQuery】プラグイン無しで[Contact Form 7]にjQuery Datepicker(カレンダー機能)を追加する方法 ワードプレスプラグインの[Contact Form 7]使用時に、日付選択でカレンダー機能を追加する場合、4〜5年前までは[Contact Form 7 Datepicker]を利用するケースがほとんどでした。 しかしながら[Contact… 【 jQuery】プラグイン無しで[Contact Form 7]にjQuery Datepicker(カレンダー機能)を追加する方法続きを読む →
- 【2021年最新版】国内のWebデザインのギャラリーサイト × 11選 株式会社オンズのデザイナーも頻繁にチェックしている国内のWebデザインのギャラリーサイトを11個ご紹介します。 目次Responsive Web Design JPI/O 3000MUUUUU.ORGURAGAWAWeb Design Cl… 【2021年最新版】国内のWebデザインのギャラリーサイト × 11選続きを読む →
- 株式会社オンズのオフィスのアイソメトリック・イラスト 最近、弊社ではアイソメトリック・イラストの制作に力を入れています。 アイソメトリックとは、簡単に言えば対象物をななめ上から見下ろした画像です。 正確には「アイソメトリック・プロジェクトション(Isometric Projection)」を略… 株式会社オンズのオフィスのアイソメトリック・イラスト続きを読む →