ホームページ作成 人気記事ランキング(10ページ目)
2024年11月13日 ホームページ作成内でアクセスの多かった記事をご紹介します。
91位Webフォントの使い方:Google Fontsで日本語フォントも
CSSのWebフォント機能の簡単な使い方を解説。無料で900種類以上のWebフォントが使える「Google Fonts」の使い方と、日本語Webフォントが700種類以上あるモリサワ「TypeSquare」の使い方を紹介し、自サイトにアップロードしたフォントファイルをWebフォントとして使うCSSの書き方も解説。欧文(英数字)、日本語、アイコン(絵文字)など、望みのWebフォントを探してみて下さい。
ホームページ作成テクニック、小技ガイド記事92位レスポンシブWebデザインの簡単な作り方
レスポンシブWebデザインとは、ユーザの画面サイズやブラウザのウインドウサイズに応じて適用CSSを分けることで、閲覧環境に合ったデザイン・レイアウトでウェブページを表示するデザイン方法のことです。レスポンシブWebデザインのメリットやデメリットなどの基本から、CSSソースのサンプル、簡単に作れるフレームワークやテンプレートを紹介。
装飾・レイアウトの動的変更 (HTML,CSS,JavaScript)ガイド記事93位tableタグの使い方・表の作成方法:HTML5+CSS3版
tableタグの使い方、表の作成方法を簡単に一括解説。HTMLで表を書き、CSSで見やすく装飾します。HTMLではtable、tr、td要素さえ使えば良く、CSSではborder-collapse、border、paddingさえ使えば見やすい余白を確保した最低限の表が作れます。そのほか、見出しセルの作り方、罫線や斜線を引く方法、colspan属性などでセルを結合する方法、ヘッダ行やフッタ行の加え方なども解説。
レイアウトの作成・調整 (HTML,CSS)ガイド記事94位迷惑メール対策:@を使わずメールアドレスを記述
HTMLファイル中からメールアドレスだけを抜き出す場合は「@」を検索しますね?SPAM用メールアドレス収集プログラムもそうでしょう。ならば、「@」を使わずにアドレスを記述してみましょう。
HTML・スタイルシート(CSS)の基礎ガイド記事95位ラベル付きの枠で入力フォームをグループ化
アプリケーションの入力フォームなどでよく使用される「グループボックス」のようなラベル付きの枠を作ってみませんか? これを使って入力フォームを整頓すると、フォームの見やすさの向上が期待できます。
フォームの活用・装飾 (HTML,CSS,JavaScript)ガイド記事96位CSS段組2:スタイルシートで作る段組レイアウトの例
HTML+CSSで「段組(マルチカラム)」を作ってみましょう。よくあるレイアウトのサンプルを用意して、その通りに段組を構成する方法をご紹介します。スタイルシートでスマートに段組を作りましょう。
レイアウトの作成・調整 (HTML,CSS)ガイド記事97位複数の画像リンクからランダムに1つを表示する方法
ウェブページが表示されるたびに、ランダムに選ばれた画像が1つ表示され、クリックするとその画像に対応するページに移動できるような機能を作ってみましょう。たくさんある「お勧めページ」の中からランダムに1つを選んで表示したい場合などに活用できます。短いJavaScriptを使って、複数のリンク画像群から1つをランダムに選んで表示する方法を解説。
文字や画像の動的変更 (HTML,CSS,JavaScript)ガイド記事98位任意のページの更新日時をまとめて自動表示
トップページなどで、各コーナーの更新日時が案内されていると便利です。しかし、手動で更新日時を修正するのは面倒です。そこで、SSIを使って自動的に各コーナーの更新日時が表示されるようにしてみましょう!
文字や画像の動的変更 (HTML,CSS,JavaScript)ガイド記事99位コピーさせたい文字列をコピーしやすくする
閲覧者に何らかの長い文字列をコピーさせたい場合、文字列をそのまま掲載するよりも、もっとコピーしやすい形で掲載してみましょう。閲覧者に操作させずに自動で範囲選択させれば、過不足無くコピーさせられます。
Webサイトのユーザビリティガイド記事100位HTMLとは? 初心者でもわかる書き方入門
HTMLとは何なのかを初心者にもわかりやすく解説。HTMLとCSSの関係とは? タグと要素の違いとは? HTMLの基本的な構造とは? XHTMLやHTML5って何? 属性の書き方は? など、HTMLに関する基本的な疑問を解消できるよう解説しています。
HTML5とはガイド記事