ホームページ作成 人気記事ランキング(2ページ目)
2024年11月20日 ホームページ作成内でアクセスの多かった記事をご紹介します。
11位CSSでIMEの状態を制御するime-modeの使い方+代替方法
Web上の入力フォームで日本語入力機能(IME)のON・OFF・無効状態を制御する方法に、CSSのime-modeプロパティがあります。対応ブラウザはIEやFirefoxで、Edgeでは効かなくなりました。ime-modeの書き方と、ime-modeを使わずに済ませる代替方法として、ChromeやiOS版Safariなどで使えるHTML5.1のinputmode属性や、半角全角を自動変換する方法などをご紹介。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事12位CSSでの左寄せ・中央寄せ・右寄せ方法、1行に混在も可
CSSで左寄せ・中央寄せ・右寄せする方法を解説。同一行内に左寄せと右寄せを共存させたり、左寄せ・中央寄せ・右寄せ全部を同じ行に共存させることもできます。複数の文字寄せの共存もfloatプロパティを使うなど少しの工夫で実現できます。1行の文字寄せ方向の指定ならtext-alignプロパティを使うだけ。
テキストの配置・装飾 (HTML,CSS)ガイド記事13位右クリックを禁止する方法と禁止を解除(回避)する方法
ブラウザ上で右クリックした際に表示されるメニュー(コンテキストメニュー)の表示を禁止したり、コピー操作を無効化したり、その際に警告を表示したりする方法はとても簡単です。しかし、その禁止や無効化を解除(回避)する方法もとても簡単です。右クリックやコピーを禁止するHTML+JavaScriptの書き方と、その解除方法の両方を解説。
アクセス制限・認証、サイト内検索ガイド記事14位JavaScriptでパスワード認証を設定! 簡単な閲覧制限
JavaScriptでパスワード認証を設定!HTMLに数行のJavaScriptを加えるだけでパスワードによる認証機能を作る方法を解説します。「ウェブサイト上でパスワード付きのアクセス制限を設定したい、でもBasic認証やCGIを使う複雑なことはしたくない」という場合には、JavaScriptを使った手軽なログイン認証機能を使ってはいかがでしょうか。完全な制限にはならない分、とても簡単にホームページの閲覧制限ができます。
アクセス制限・認証、サイト内検索ガイド記事15位メールアドレスやURLの例に使えるサンプル用ドメイン
メールアドレスやURLの例を書きたいとき、誰かに所有されているドメイン名を使ってサンプル文字列を作ると問題があります。URLやメールアドレスなどの例示に使えるドメイン名としてexample.comなどいくつかのドメイン名が用意されていますので、それらを使ってサンプルを書きましょう。危険なサイトに繋がる可能性もある紛らわしいドメイン名にも注意して下さい。
ホームページ作成テクニック、小技ガイド記事16位tableの幅を均等に指定する方法!HTML+CSSでのやり方
tableの幅を均等に指定する方法を解説。HTMLのtable要素で作成した表の列幅は、CSSのtable-layoutプロパティで均等に指定できます。ウインドウいっぱいに均等配分することも、一部の幅を固定した上で残りを可変長にして均等配分することも可能。標準では各セル内の文字に合わせるように自動でサイズが決まるため、列幅はバラバラになりがちです。
テーブル(表)の作成・装飾 (HTML,CSS)ガイド記事17位HTMLの背景画像として写真1枚を全画面に表示する方法
HTMLの背景に画像を全画面で表示させる方法を解説。ブラウザのウインドウサイズに関係なく、1枚の背景画像が縦横比を維持して必ず画面全体を覆うように表示できます。CSSのbackground関連プロパティを書くだけの簡単な方法で、フルスクリーンでの縦横中央配置ができます。画面サイズに応じて適切な解像度の画像に切り替えて読み込ませる記述方法も紹介。
画像の表示・活用 (HTML,CSS,JavaScript)ガイド記事18位CSSで画像や文字を回転させる方法!transformプロパティ
CSSで画像や文字を回転させる方法を解説。CSSのtransformプロパティを使うと、HTMLに書いた要素を45度でも90度でも自由な角度で回転できます。transformの値にrotateを使えば2D(平面)で傾けられ、rotateXなどを使えばX軸・Y軸・Z軸を基準に3D(立体)で回転できます。Y軸で中心から180度反転させれば鏡文字も簡単に作れます。何かを回転させるCSSの書き方をご紹介。
レイアウトの作成・調整 (HTML,CSS)ガイド記事19位HTMLのhref属性の書き方!リンクの指定と活用
HTMLのhref属性の書き方を解説。hrefの読み方や意味などの基礎から、ページ内リンクやメールアドレスへのリンクの作り方、target属性やdownload属性との併記方法など、href属性値の書き方・活用方法をご紹介。
ガイド記事20位CSSの使い方!半端な自動改行(折り返し)を防ぐ
CSSのinline-blockを使うと、自動改行での折り返し位置が中途半端になってしまう表示を避けやすくなります。日本語の文章は多少の禁則を除けばどこでも改行できるため、改行位置が「単語の途中」や「残り1文字の直前」のように中途半端になりがちです。画面幅が足りない場合にだけ、自然な位置で自動改行されるようinline-blockを指定するCSSの書き方を解説。
テキストの配置・装飾 (HTML,CSS)ガイド記事