デモ HTML、CSS、JavaScriptを使って実装したユーザーフレンドリーなテキストエリアのデモ 今回は、html、css、JavaScriptでテキストエリアに入力される文字数をリアルタイムでカウ […] 続きを読む
デモ jQueryとJavaScriptそれぞれで税込価格自動計算機能の実装したソースコードを紹介! 入力フォームに税込価格自動計算機能を実装する方法を紹介!このブログでは、ユーザーが数字を入力すると税込価格が自動で表示される機能のJavaScriptとjQueryによるソースコード例を紹介しています。軽減税率対象商品のチェック機能もあり、実用的なフォームとなっています。 続きを読む
コラム slickスライダーをレスポンシブ+スライドの枚数がn枚以上で発動させる slickスライダーのレスポンシブに加え、スライドの枚数によってもslickを発動を制御できるようなソースコードを今回はご紹介しました。今回の記事は特にWordPressやPHP環境で、動的にスライドの枚数が変わるようなシチュエーションで有用になってくる内容となっております。 続きを読む
コラム 「Table of Contents Plus」のエラー:見出しに数字が入った時にアンカーリンクが動作しないエラーの対処法 WordPressプラグイン「Table of Contents Plus」で見出しに数字が含まれると発生するアンカーリンクのエラーに対する解決方法を紹介。functions.phpにコードを追加することでアンカーを「toc_」で始まる形式に変更し、問題を解消します。 続きを読む
コラム WordPressでカスタム投稿タイプの記事一覧を実際のページに表示させる1番基本のソースコード【2024年版】 WordPressでカスタム投稿タイプを作成し、ウェブサイトに表示する方法を詳しく解説。初心者から上級者まで使えるガイドで、テンプレートの作成からページネーションの実装までを網羅。2024年版の最新情報を提供します。 続きを読む
コラム slickスライダー(自動再生・ページネーションあり・矢印なし・PC3列・スマホ1列) この記事では、swiperスライダーに代わるslickスライダーの実装方法を紹介しています。自動再生機能、ページネーション付きで、PCでは3列、スマホでは1列で表示されるデザインを特徴としています。 続きを読む
コラム コピペで簡単実装!最も基本的なslickスライダーの実装方法! 効率的なウェブスライダーの実装を目指すコーダーのためのガイド。slick.jsを用いたシンプルなコピペ手法で、コーディング時間を短縮し、プロジェクトの生産性を向上させるコードサンプルと統合手順を紹介します。 続きを読む
コラム formタグとinputタグが親要素からはみ出してしまう?原因と解決策を紹介! ウェブデザインの一般的な問題である タグと要素の親要素からのはみ出しに焦点を当て、その原因と解決策を紹介。 続きを読む
コラム 生成AIってすごい!25種類のデザインのサムネイル画像を生成して比較してみた。 生成AIを活用し、25種類のデザインスタイルのサムネイル画像を生成しました。フラット、ミニマリスト、ネオモーフィズムなど、様々なデザインがどのようにAIによって表現されるのかを比較しています。 続きを読む