jQuery 5分で完了！機能的で美しいjQueryスライダーの作り方【レスポンシブ対応】
はじめに
こんにちは、北陸のwebコーダーdaimaです。
本日は、ECサイトやコーポレートサイト、
ポートフォリオサイトのアイキャッチにぴったりな
レスポンシブ対応jQueryスライダーの設置法を、
サイト制作初...
daima
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に...
CSS3 レスポンシブ対応!世界一簡単なハンバーガーメニューの実装法(コピペOK)
こんにちは、北陸のwebコーダーdaimaです。
本日は、ナビゲーションをコンパクトに纏められる
おしゃれなハンバーガーメニューの実装方法をご紹介します。
まずは下記のデモページをご覧ください。
最終更新2020/07/04 :...
wordpress 実務で使える!!WordPressの必須級プラグイン5選+α
現場で使われるおすすめのプラグインとは?
こんにちは、daimaです。
今回は、WEB制作会社に勤めて二年目の私が、
実務でバリバリ使っている、
超便利なプラグインをまとめてみました。
カテゴリはメールフォームから
セキュリティ関連...
javascript 超入門編！THREE.jsで3Dの動かせる立方体を描く
#demo-iframe{
width:100%;
height: 400px;}
こんにちは！daimaです。
本日は、これから
Three.jsを学びたい初心者向けに、
簡単な3Dオブジェクトを
描画する方法をご紹介します。
実...