Thumbnail of post image 083

忘備録,CSS,HTML

HTMLでホームページを制作する場合、スタイルシートは欠かせません。今や装飾はほとんどスタイルシートでできます。 そんな ...

Thumbnail of post image 179

忘備録,CSS

ホームページの文章を見栄えよくする方法として、両端ぞろえという方法があります。文章の右側が、改行位置でそろっていると、見 ...

Thumbnail of post image 170

CSS

背景画像はスタイルシートの指定で、左寄せ、中央寄せ、右寄せ、上寄せ、下寄せがあります。ですが、今回次のようなことをする必 ...

Thumbnail of post image 084

忘備録,CSS

web制作でスタイルシートでの背景設定はとても重要です。文章の羅列を、デザインに変化させるからです。 今回デザイン上、「 ...

Thumbnail of post image 100

忘備録,CSS,HTML

半角英数字で記述すると、単語の途中では改行されず枠からはみ出るというものがあります。その場合は、スタイルシートで「wor ...

Thumbnail of post image 118

忘備録,CSS

最近はHTMLのコーディング作業での装飾にスタイルシートを使うことが多くなりました。以前は画像を使って背景に当てていまし ...

Thumbnail of post image 044

忘備録,CSS

ホームページは、2列構成になるケースがあります。メインカラムと、サイドカラムです。 たいていメインカラムのほうが縦に長く ...

Thumbnail of post image 130

忘備録,CSS

tableタグを使用してカレンダーを構築している際に、気になることがありました。それはTDタグの高さが足りないということ ...

Thumbnail of post image 088

忘備録,CSS

ホームページ制作でアイコンの役割はとても重要です。直感的に意味を伝えてくれるからです。 そんなわけで、アイコンフォントで ...

Thumbnail of post image 150

忘備録,CSS

以前、長方形画像をスタイルシートで正方形表示する方法について記事を書きました。 スタイルシートの object-fit ...

Thumbnail of post image 092

忘備録,CSS

ホームページ屋にとって、スタイルシートを極めることはとても重要です。なぜならば、レスポンシブに対応するためにはHTMLコ ...

Thumbnail of post image 034

忘備録,CSS

ホームページは基本的に横書きの媒体です。なぜならば、横書きは改行位置が上から下へ流れますが、縦書きの場合は改行後下から上 ...

Thumbnail of post image 140

忘備録,CSS,HTML

HTMLに長いこと携わっていても、たまに初歩的なことでつまずくことがあります。単純な現象ほど難しかったりするものです。今 ...

Thumbnail of post image 069

忘備録,CSS,HTML

placeholderとはあまり聞きなれない名称です。わかりやすく言うと、入力フォームの中に記述されている「入力例」のこ ...

Thumbnail of post image 092

忘備録,CSS

ホームページが一般的になって最も有効に使われたタグがあります。それは「リンクタグ」です。 他のページへジャンプするだけの ...

Thumbnail of post image 056

忘備録,CSS,HTML

HTMLはその特性上画像をダウンロードしたり、ソースを閲覧することが容易にできるようになっています。 ただ昨今、著作権や ...

Thumbnail of post image 036

忘備録,CSS

スタイルシートで、縦横中央寄席はよくありますが、いざ設定してみようとするとなかなかうまくいきません。 横中央揃えならとも ...

Thumbnail of post image 130

忘備録,CSS

ホームページのレスポンシブ化(画面サイズ自動可変表示)が一般的になり、スタイルシートの設計も複雑化してきました。 例えば ...

Thumbnail of post image 123

忘備録,CSS

CSSで正方形を作り、縦横中央揃えでテキストを入れることがしばしばあります。 横揃えは標準のスタイルシートで簡単にできま ...

Thumbnail of post image 072

忘備録,CSS

ホームページ制作の際に、画像サイズの調整はデザイン制作段階で行います。写真の縮尺等もPhotoshop等を使用して調整す ...

Thumbnail of post image 094

忘備録,CSS,HTML

お知らせなど同じようなフォーマットが連続して縦に続く場合、iframeで埋め込み縦スクロールにするほうが見やすかったりし ...

Thumbnail of post image 118

忘備録,CSS,HTML,Jquery

以前フォームの二重送信をガードする方法について書いた記事があります。 これは、ブラウザの更新ボタン(F5ボタン)連打をガ ...

Thumbnail of post image 197

忘備録,CSS,HTML,Jquery

 先日Google検索の埋め込み方についての記事を掲載いたしました。 埋め込むだけならば、「Googleサイト内検索」か ...

Thumbnail of post image 025

忘備録,CSS

web制作でレスポンシブ(PCとスマホ表示を自動で切り替える構築方法)が一般的になって変化したことがあります。 それは「 ...