ホームページ作成 人気記事ランキング(9ページ目)
2024年05月19日 ホームページ作成内でアクセスの多かった記事をご紹介します。
81位モバイルファーストでデザインするCSSの書き方
ウェブページのデザインをモバイルファーストで作る際のCSSソースの書き方を解説。スマートフォンに最適化したシンプルなCSSを「共通デザイン」として先に記述しておき、後から「タブレット向けの差分デザイン」や「PC向けの差分デザイン」を付け足していくモバイルファーストな書き方なら、CSSソースの総量を減らしやすく、更新の手間も少なくて済みます。
装飾・レイアウトの動的変更 (HTML,CSS,JavaScript)ガイド記事82位Bootstrap4のグリッドでスマホ対応の段組を簡単に作成
12段のグリッドシステムで段組を簡単に作成できるBootstrap4を使って、PCだけでなくスマートフォンなどのモバイル端末にも対応したレスポンシブな段組レイアウトを作る方法を解説。Bootstrap4には、複雑に組み合わせて入れ子にもできるグリッドがあるため、table(テーブル)を駆使しなくてもPC・モバイル両対応の段組(グリッドレイアウト)が簡単に作成できて便利です。
ホームページ作成テクニック、小技ガイド記事83位自力でCGIを設置する方法
「なんだか難しそう」と思ってCGIの設置に手を出していないみなさん、CGIの設置はそれほど難しくはありません。CGI設置の準備からパーミッションの設定まで、必要な一通りの手順を解説!
CGI・SSI活用入門ガイド記事84位迷惑メール対策:@を使わずメールアドレスを記述
HTMLファイル中からメールアドレスだけを抜き出す場合は「@」を検索しますね?SPAM用メールアドレス収集プログラムもそうでしょう。ならば、「@」を使わずにアドレスを記述してみましょう。
HTML・スタイルシート(CSS)の基礎ガイド記事85位基礎用語:「タグ」と「要素」の違いとは?
HTMLの解説書などを読むと、「pタグ」・「strongタグ」ではなく「p要素」・「strong要素」と記載されていることがあります。「タグ」と「要素」の違いは何でしょうか? この機会に用語を正しく理解してみませんか?
HTML・スタイルシート(CSS)の基礎ガイド記事86位リストの文字がどんどん小さくなる!?
スタイルシートでリスト(ul要素)の文字サイズを指定すると、リストの階層が深くなるにつれて、どんどん文字が小さくなってしまう可能性があります。スタイルシートだけを使ってスマートに解決してみましょう。
リストの表示・装飾 (HTML,CSS)ガイド記事87位「Web拍手」を設置して応援されたい!
閲覧者から応援の気持ち(=拍手)を受け取ることができる「Web拍手」というツールがあります。ほんのちょっとでも「気に入った」というサインが得られると嬉しいですよね。Web拍手を設置して応援されてみましょう。
CGI・SSI活用入門ガイド記事88位押しやすいチェックボックスやラジオボタンを作るCSS
HTMLのinput要素で作る「チェックボックス」や「ラジオボタン」は、標準ではクリック可能な範囲が狭くて使いやすくはありません。label要素を使ってラベル文字部分もクリック可能にしたり、fieldset要素を使ってグループ単位で囲んだりすることで、PC環境でもモバイル環境でも分かりやすく・使いやすく表示する方法をご紹介。
Webサイトのユーザビリティガイド記事89位指定の入力欄に自動でカーソルを入れる方法
メッセージ送信フォームなどのように、アクセス者に何らかの文字を入力してもらうページでは、先頭の入力欄に最初からカーソルが入っていると便利です。指定の入力欄に自動的にカーソルを入れる方法をご紹介。
Webサイトのユーザビリティガイド記事90位HTML・CSSでファイルパスを記述する方法
リンクを作る場合や、画像を表示する場合には、「リンク先ページ」・「表示する画像」など、ファイル名を指定する記述が必要です。そのような外部ファイルの指定方法にはいくつかの種類があります。その方法を解説。
ホームページ作成テクニック、小技ガイド記事