javascript プラグイン不要！複数の要素を同時に高さ揃えできるjQueryコード【レスポンシブ対応】
はじめに
こんにちは、北陸のwebコーダーdaimaです。
記事一覧など
複数のボックスが横並びになった
レイアウトを組む時に困るのが、
文字数などの違いによって
ボックス内の各要素の高さが
ずれてしまうことです。
...
javascript 
javascript jQueryでスクロール量に応じて要素が出現する処理【コピペOK!】
はじめに
こんにちは、北陸のwebコーダーdaimaです。
本日は、画面のスクロールに応じて
要素に処理を施す
jQueryの処理をご紹介します。
DEMO
コード
HTMLコード
ポイントは...
javascript javascriptのみで複数カテゴリの絞り込み検索を実現するコード
はじめに
最終更新2022/04/23 : 「すべての選択を解除」ボタンが機能していなかったため修正。
こんにちは、北陸のwebコーダーdaimaです。
本日はjavascript(jQuery)のみで
項目の絞り込み検...
jQuery 5分で完了！機能的で美しいjQueryスライダーの作り方【レスポンシブ対応】
はじめに
こんにちは、北陸のwebコーダーdaimaです。
本日は、ECサイトやコーポレートサイト、
ポートフォリオサイトのアイキャッチにぴったりな
レスポンシブ対応jQueryスライダーの設置法を、
サイト制作初...
jQuery ページ内リンクを自動判別してスムーズスクロールするjQueryコード
こんにちは、daimaです。
本日は、ページ内リンクをクリックした時に、
アニメーションつきで
スムーズにアンカー先に移動する
jQueryコードをご紹介します。
DEMO
このコードが優れているのは、
読み込...
wordpress 世界で一番SEOに強いWordPressテーマ「Genesis」とは？
世界最高のWPフレームワーク『Genesis』とは?
こんにちは、
北陸のWeb制作会社に勤める
コーダーのdaimaです。
日本で人気のある
Wordpressテーマといえば
『Stinger』や『Stroke』、
『賢威』『Si...
CSS3 超簡単!CSSのみでアコーディオンメニュー
javascriptを使わない、
CSSのみで作る
アコーディオンメニューの
実装方法をご紹介します。
DEMO
今回のアコーディオンには
フォームタグの「checkbox」を利用します。
.fireが開閉...
jQuery jQueryでレスポンシブ対応のシンプルなモーダルウィンドウ【コピペOK】
画像をクリックすると
画面中央に拡大表示する
シンプルなモーダルウィンドウのサンプルです。
DEMO
ソースコードと解説
と
に
それぞれ任意のURLを代入してください。
.bl_modalBlock...
PHP PHPで文字数を制限し、超過分を『…』に置き換えるコード
記事タイトルや抜粋など、
文字数は未確定だけど、
長くなりすぎると困るような
文字列を捌く際に便利なコードです。
ソースコードと解説
文字列が32文字以上の場合に、
33文字目以降を…で置き換えています。
関数の解説
mb_...
javascript デバイスとブラウザ情報をjavascriptで取得して、bodyにクラスとして付与するコード
ブラウザやデバイスによって
処理を変えたい時に便利なコード。
コピペですぐお使いいただけます。
(要jQuery)
ソースコードと解説
原理としては、
ユーザーエージェントで
訪問者の情報を取得し、
それをjsで取得して
bodyに...