Worse is better.😀

daima

javascript

クロスドメインでiframeを読み込ませてついでにレスポンシブ対応もする方法

こんにちは、daimaです。 本日は異なるクロスドメインでiframeを埋め込んで なおかつ画面を拡縮しても iframeの高さが自動で調整されるように レスポンシブ対応させる方法をご紹介します。 なぜ、この記事を書いたかというと 私が...
jQuery

jQueryで特定の文字列のみを削除する便利な関数

こんにちは、daimaです。 本日指定した要素の中から 特定の文字列のみを削除するjQueryコードをご紹介します。 元はあるショップカートASPで 自動で付与される円とか(内税)とかを消したいがために作成したものです。 ソースコード...
wordpress

ACFのWYSIWYGエディタに自動挿入されるpタグを取り除く方法

ACF(Advance Custom Field)で自動挿入される邪魔なpタグを除去! Wordpressで自動挿入されるpタグ(オートパラグラフ) を無効化する最も簡単な方法といえば functions.phpに を追記することで...
CSS3

コピペで5分!右から出てくるおしゃれなハンバーガーメニューの作り方【レスポンシブ対応】

こんにちは、daimaです。 本日は私も業務でよく使っている おしゃれでコンパクトな ハンバーガーメニューのサンプルコードを コピペしてすぐに使える形でご紹介したいと思います。 最終更新2021/01/30 : ・ナビ部分...
CSS3

border-style:dotted;の点の間隔やサイズを自由自在に変える方法

「dotted」の見た目を自由に変更したい…! 要素に対して 点線のラインを引くCSSの記述といえば 真っ先に思い浮かぶのがお馴染みの 「border-style:dotted」ですが、 このプロパティには「点同士の間隔を調整ができな...
javascript

input type=”file”の見た目を全てのブラウザで統一する方法

フォーム回りのクロスブラウザ対応は WEBコーダーにとって厄介な仕事の一つですが 中でも画像の添付ボタンを追加する input type="file"は ブラウザによって見た目が違うわ ボタン横のテキストは変更できないわと 何かと厄介な存在...
javascript

一番手っ取り早くgulp.jsを動かす方法【超入門編】

一瞬でgulpを動かす環境を作る gulpといえばsassやbabel、 ファイルの結合、構文チェック、 画像圧縮などなど、フロントエンドの 様々なタスクを自動で実行できる node.js製のビルドシステムです。 先日そのgulpを導入...
javascript

プラグイン不要!複数の要素を同時に高さ揃えできるjQueryコード【レスポンシブ対応】

はじめに こんにちは、北陸のwebコーダーdaimaです。 記事一覧など 複数のボックスが横並びになった レイアウトを組む時に困るのが、 文字数などの違いによって ボックス内の各要素の高さが ずれてしまうことです。 ...
javascript

jQueryでスクロール量に応じて要素が出現する処理【コピペOK!】

はじめに こんにちは、北陸のwebコーダーdaimaです。 本日は、画面のスクロールに応じて 要素に処理を施す jQueryの処理をご紹介します。 DEMO コード HTMLコード ポイントは...
javascript

javascriptのみで複数カテゴリの絞り込み検索を実現するコード

はじめに 最終更新2022/04/23 : 「すべての選択を解除」ボタンが機能していなかったため修正。 こんにちは、北陸のwebコーダーdaimaです。 本日はjavascript(jQuery)のみで 項目の絞り込み検...
タイトルとURLをコピーしました