検索フォームなど、button要素とinput要素を並べて配置した際に、それらのテキスト（アイコンも）を垂直方向に美しく揃えて配置するスタイルシートのテクニックを紹介します。 ボタンと入力フォームの高さは自由に変更でき、デザインも普通に変更できる ...

現在、株式会社CIOでは、現役アフィリエイターが60分1万円のSEOセカンドオピニオンを毎月10社限定で実施しています。「SEOコンサルを依頼するほどではないけど、有識者からの意見は聞きたい…」という方は、ぜひお問い合わせくださいませ。 HTMLで ...

最近のホームページ制作ではフォームの使い道が色々増えたと思います。 例えば上の画像のような、スイッチのようなチェック項目を使用する機会も結構増えました。 こういうスイッチのようなフォームは、CSSだけで作成してしまえば使いまわしたりする ...

1回クリックされると無効化され、2回以上はクリックできないボタンの作り方を解説。入力フォームで使えば、送信ボタンが複数回クリックされても同じ内容の重複送信を防げます。HTMLのinput要素で作成したボタンに対して、JavaScriptを使ってdisabled ...

Microsoftが1998年に発売した「Windows 98」のデザインをウェブサイトで利用できるCSS「98.css」をエンジニアのJordan Scales氏が開発し、GitHub上で公開しています。 98.css - A design system for building faithful recreations of old UIs ...

HTML＋CSSだけでアコーディオンメニューを作る方法を解説。スクリプトは一切不要。アコーディオンメニューは、質問をクリックすると回答がスライド表示されたり、題名をクリックすると対応コンテンツが表示されたりするUIによく使われます。jQueryなどを ...