ホームページ作成 新着記事一覧

Enterキーによる誤送信を防ぐ方法や設定はあるのでしょうか。Enterキーを押してもフォームの内容が送信されないようにする方法と、送信する前に確認ダイアログを表示する方法の2通りをご紹介いたします。

Webページが指定距離だけスクロールされた際に「トップに戻る」ボタンを動的に表示する方法を解説。JavaScriptで「現在のスクロール位置」を取得し、「指定量以上スクロールされたかどうか」を判定してボタンの表示・非表示を切り替える処理は、jQueryを使えば簡単。HTMLで作成したリンクをCSSでボタン型に装飾し、常に画面の右下にボタンが表示されるように作ります。

お気に入り登録ボタン（ブックマークボタン）の作成方法を解説。IE11までならJavaScriptでブックマーク登録画面を出せます。SafariやChromeなど他のブラウザでは動かないため、代わりにソーシャルブックマークサービス「はてなブックマーク」や「Pocket」にURLを登録するボタンの設置方法も紹介。

HTMLで任意の要素に書いた文字列を、アーチ状（扇形）にカーブさせて表示したり、円形に配置して表示したりする方法を解説。jQueryを使うスクリプト「Arctext.js」を活用すれば、テキストを画像化することなく自由な半径でアーチ状に配置できます。上向き・下向きのアーチを組み合わせれば、コーヒー店のロゴのように文字を円形に配置することもできます。

URLやメールアドレスの例を書きたいとき、誰かに所有されているドメイン名を使ってサンプル文字列を作ると問題があります。URLやメールアドレスなどの例示に使えるドメイン名としてexample.comなどいくつかのドメイン名が用意されていますので、それらを使ってサンプルを書きましょう。危険なサイトに繋がる可能性もある紛らわしいドメイン名にも注意して下さい。

一定秒数ごとに自動的に画像とキャプションが切り替わるスライドショー機能の簡単な作り方を解説。HTMLで画像とキャプションの表示空間を用意し、CSSで装飾を加え、JavaScriptで指定時間ごとに表示内容を切り替えることでスライドショーを作成する方法を、動作サンプルと共にご紹介。一時停止ボタンも作成して、好きな画像をじっくり鑑賞できるスライドショーです。

1回クリックされると無効化され、2回以上はクリックできないボタンの作り方を解説。入力フォームで使えば、送信ボタンが複数回クリックされても同じ内容の重複送信を防げます。HTMLのinput要素で作成したボタンに対して、JavaScriptを使ってdisabledプロパティをON/OFFすることで、ボタンの有効/無効状態を簡単に切り替える方法を解説。

検索エンジン向けのサイトマップXMLファイルと、HTMLで書かれた人間向けサイトマップページの両方を、無料の自動作成ツールで簡単に作る方法を解説。両方があれば、SEO対策もできる上に便利で使いやすいWebサイトになります。WordPressを使ってWebサイトを構築しているなら、サイトマップXML自動生成プラグインを使うとさらに楽です。

HTML内にハート記号（ハートマーク）を書く方法を解説。画像を使わなくても、Unicodeに定義された絵文字を使えば20種類以上のハート記号を簡単にウェブ上に表示できます。CSSを使えばハートの色もサイズも自由に装飾可能。文字実体参照や数値文字参照の書き方を使ってハート記号をウェブページ上に表示する方法などをご紹介。

ウェブ上での文章中にも使える様々な引用符の書き方を解説。キー入力できるアポストロフィ「'」やクォーテーションマーク「"」以外にも多数の引用符があります。シングルクォーテーションマーク、ダブルクォーテーションマーク、ダブルミニュート記号などの引用符には、記号の向きや位置に複数のバリエーションがあります。引用に使われる括弧であるギュメの書き方もご紹介。