ホームページ作成 人気記事ランキング(10ページ目)

HTMLで作成できる入力フォームで複数の選択肢を見せる方法には、チェックボックス・ラジオボタン・プルダウンメニュー(リストボックス)などのUIがあります。複数の値から1項目だけを選ばせる入力フォームとして使う場合の特徴を比較して、UIとしての選択例とHTMLの書き方を解説。使いやすくて分かりやすい入力フォームの作り方をご紹介いたします。

1つのボックスをウインドウの中央に表示させる方法をご紹介。左右方向だけでなく上下方向にも中央に寄せて、ウインドウ（表示領域）の中心にボックスを配置させる方法です。スタイルシートで簡単に実現できます。

携帯電話で閲覧できる「ケータイサイト」作成方法の第3弾です。携帯端末ならではの「絵文字」を表示・入力する方法をご紹介。絵文字を入力するためのツールや入力方法の紹介と、絵文字の装飾方法も解説しています。

Google Chart APIを使ったQRコードの簡単な作成方法を解説。Google提供のQRコード作成サービスなら、HTMLソースに記述した文字列からQRコード画像が動的に生成されるため、ウェブ上にQRコードを表示したい場合でも事前に画像ファイルを用意する手間が不要で簡単です。URLやメールアドレスだけでなく、日本語などの自由な文字列を含むQRコードの作り方をご紹介。

リンクを作る場合や、画像を表示する場合には、「リンク先ページ」・「表示する画像」など、ファイル名を指定する記述が必要です。そのような外部ファイルの指定方法にはいくつかの種類があります。その方法を解説。

電子書籍のフォーマットとして広く利用されている「EPUB」ファイルを作成できるフリーソフト「Sigil」を使って、自身のウェブサイトをEPUB形式にまとめて電子書籍化する方法を解説。

画像の読み込みが完了するまでの間、画像が表示される予定の領域に「ローディング画像」を表示させて、読込中であることを示してみてはいかがでしょうか。スクリプトは不要で、数行のCSSを記述するだけで、簡単にローディング画像を掲載できます。

HTMLに書いた文字をCSSで装飾する際に、1文字ずつ異なる文字色で表示されるよう指定する方法を解説。HTMLの特定の要素内に書かれた文字列を、JavaScript（jQuery）を使って文字単位に分解して個別の要素でマークアップすれば、CSSのnth-child疑似クラスなどを使うことで1文字ずつ個別のスタイルを適用できます。1文字ずつ異なる色でカラフルに表示したい場合に便利。

企業の製品紹介サイトなどでは、画面全体に文字や画像を大きく配置し、1画面ずつスクロールして見せるデザインのウェブページをよく見かけます。そのような「1画面単位で滑らかにスクロールして画面が切り替わる」デザインのページを、jQueryを使って簡単に作成してみましょう。

マンガの「吹き出し」のようなデザインで、ウェブ上のリンクやボタンなどに説明文を表示できるスクリプト「PowerTip」の使い方をご紹介。任意の要素に対して、簡単に吹き出し型のツールチップ(バルーンヘルプ)を表示できます。吹き出しのデザインは9種類、配置は12方向、文字列の装飾は自由自在。望みの吹き出しが作れます。