jQuery 5分で完了!機能的で美しいjQueryスライダーの作り方【レスポンシブ対応】 はじめに こんにちは、北陸のwebコーダーdaimaです。 本日は、ECサイトやコーポレートサイト、 ポートフォリオサイトのアイキャッチにぴったりな レスポンシブ対応jQueryスライダーの設置法を、 サイト制作初... 2018.05.16 jQuery
jQuery ページ内リンクを自動判別してスムーズスクロールするjQueryコード こんにちは、daimaです。 本日は、ページ内リンクをクリックした時に、 アニメーションつきで スムーズにアンカー先に移動する jQueryコードをご紹介します。 DEMO このコードが優れているのは、 読み込... 2018.05.13 jQuery
wordpress 世界で一番SEOに強いWordPressテーマ「Genesis」とは? 世界最高のWPフレームワーク『Genesis』とは? こんにちは、 北陸のWeb制作会社に勤める コーダーのdaimaです。 日本で人気のある Wordpressテーマといえば 『Stinger』や『Stroke』、 『賢威』『Si... 2018.05.03 wordpress
CSS3 超簡単!CSSのみでアコーディオンメニュー javascriptを使わない、 CSSのみで作る アコーディオンメニューの 実装方法をご紹介します。 DEMO 今回のアコーディオンには フォームタグの「checkbox」を利用します。 .fireが開閉... 2018.04.14 CSS3
jQuery jQueryでレスポンシブ対応のシンプルなモーダルウィンドウ【コピペOK】 画像をクリックすると 画面中央に拡大表示する シンプルなモーダルウィンドウのサンプルです。 DEMO ソースコードと解説 と に それぞれ任意のURLを代入してください。 .bl_modalBlock... 2018.03.20 jQuery
PHP PHPで文字数を制限し、超過分を『…』に置き換えるコード 記事タイトルや抜粋など、 文字数は未確定だけど、 長くなりすぎると困るような 文字列を捌く際に便利なコードです。 ソースコードと解説 文字列が32文字以上の場合に、 33文字目以降を…で置き換えています。 関数の解説 mb_... 2018.03.19 PHPwordpress
javascript デバイスとブラウザ情報をjavascriptで取得して、bodyにクラスとして付与するコード ブラウザやデバイスによって 処理を変えたい時に便利なコード。 コピペですぐお使いいただけます。 (要jQuery) ソースコードと解説 原理としては、 ユーザーエージェントで 訪問者の情報を取得し、 それをjsで取得して bodyに... 2018.03.18 javascript
CSS3 レスポンシブ対応!世界一簡単なハンバーガーメニューの実装法(コピペOK) こんにちは、北陸のwebコーダーdaimaです。 本日は、ナビゲーションをコンパクトに纏められる おしゃれなハンバーガーメニューの実装方法をご紹介します。 まずは下記のデモページをご覧ください。 最終更新2020/07/04 :... 2017.10.08 CSS3jQuery
wordpress 実務で使える!!WordPressの必須級プラグイン5選+α 現場で使われるおすすめのプラグインとは? こんにちは、daimaです。 今回は、WEB制作会社に勤めて二年目の私が、 実務でバリバリ使っている、 超便利なプラグインをまとめてみました。 カテゴリはメールフォームから セキュリティ関連... 2017.09.17 wordpress
javascript 超入門編!THREE.jsで3Dの動かせる立方体を描く #demo-iframe{ width:100%; height: 400px;} こんにちは!daimaです。 本日は、これから Three.jsを学びたい初心者向けに、 簡単な3Dオブジェクトを 描画する方法をご紹介します。 実... 2016.11.06 javascript