ツール

「Brackets」の設定を共有する

Adobeから出ている使いやすい無料のコードエディタ「Brackets」 Brackets公式サイト 僕はデスクトップPCとノートPCを持っているのですが、両方に「Brackets」をインストールし、…

JavaScript

「Parallax.js」の導入方法と基本的な使い方

「パララックス」という言葉を聞いたことがありますか? ブラウザのスクロールと要素のスクロール速度に差をつけるなどして、見ている人の関心を引き付けるテクニックを「パララックス」というみたいです。 具体例…

JavaScript

jQueryで作るアコーディオンメニュー

商用サイトのQ&Aなどによく使われるアコーディオンメニュー。 質問部分をクリックすると回答部分が表示されるので、ユーザーが必要とする情報だけ表示できるので画面もスッキリします。 アコーディオン…

HTML&CSS

CSSだけで作るアコーディオンメニュー

商用のWEBサイトをみていると、よく「Q&A」を見かけます。 「Q&A」の内容は、そのサイトで紹介している商品やサービスなどに対する質問と、それに対する回答というのが多いと思います。 …

HTML&CSS

CSSだけで作るハンバーガメニュー

スマホでWEBサイトを見ると画面の右上や左上でよく見かける3本線。 この三本戦をタップすると、たいていの場合画面外の左や右からメニューがスライドして現れます。 これを「ハンバーガーメニュー」とか「ドロ…

HTML&CSS

タブメニューを作る

WEBサイトでよく見かけるものにタブメニューがあります。 タブメニューはタブの部分をクリックすることにより、コンテンツ部分が切り替わります。 必要な情報だけを画面に表示することができるのでスペースの節…

HTML&CSS

見出しの両サイドに横棒を配置する方法

WEBサイトにはhタグを使った「見出し」がつきものです。 見出しには様々なバリエーションがありますが、結構よく見かけるのが見出しのキーワードの両サイドに横棒がある見出しです。 シンプルですが見出しであ…

JavaScript

Ajaxを使って初歩的な「問い合わせフォーム」を作成する

先日PHPを使った基本的な「問い合わせフォーム」作成の記事を書きました。 この記事で作成した「問い合わせフォーム」は全て「PHP」を使って 入力フォーム → 確認画面 → 送信完了画面 という流れで入…

PHP

PHPで初歩的な「問い合わせフォーム」を作成する

WEBサイトには「問い合わせフォーム」がつきものです。 WEBサイトの管理者と連絡を取りたい場合。 「問い合わせフォーム」に名前やメールアドレス、用件などを入力してポチッと「送信」ボタンを押せば、入力…

ツール

ajaxzip3でらくらく住所入力

WEBサイトには「問い合わせフォーム」がつきものです。 個人が運営しているサイトの問い合わせフォームの項目は「ニックネーム」「メールアドレス」「問い合わせ内容」くらいで住所の入力項目がないことが多いと…