CSSはどんどん便利になっていますね！ これまではJavaScriptを使用しないとできなかったことがCSSで簡単に実装できるようになっています。 CSSのfield-sizing: content;でフォームのテキストエリアのサイズを入力された文字量に合わせて自動変更したり、テキスト ...

HTMLとCSSでおしゃれな問い合わせフォームを作る方法を紹介します。 問い合わせフォームはHTMLタグの中でも特殊なタグの集まりで、ブラウザごとに見た目も違ってくるのですがCSSを使ってデザインすることで見た目をおしゃれにすることができます。

プレースホルダーを表示する方法を解説。HTMLのplaceholder属性を使えば簡単に表示できます。textarea要素に表示するプレースホルダーは少し工夫すると改行も可能。CSSのplaceholder疑似クラスを併用すればプレースホルダーの文字を自由な色に変えられます。

スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 1. ネガティブマージンの理解 スタイルシートを使用する際 ...

そう思っても、多くの人はここで止まってしまいます。 プログラミングって難しそう サーバーとかデータベースとか分からない AIとかReactとか覚えないと無理そう 数学が得意じゃない でも実は、最初のSaaSはもっとシンプルで大丈夫です。 むしろ最初から ...

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...

TextArea does not have its own CSS and depends on the Form parent container for styling. This results in TextArea having default HTML styling when used outside a Form ...

I've got an entry form (for my weblog), with a checkbox at the bottom. I want the checkbox to be right aligned flush with the right edge of the textarea. Simply doing variations of text-align: right; ...