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

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

最近、かっぱえびせんってなんであんなにおいしいんだろうと思っているEASYです～ 「複数の情報を、省スペースでスッキリ見せたい…」 「タブ切り替え機能を実装したいけど、JavaScriptを書くのは難しそう…」 そんな、Webサイトの「情報整理」と「実装の ...

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などを ...