Web開発 リスト（ulタグ、olタグ）のレイアウト方法
HTMLでは、ulタグ、olタグを使用してリストを作成しますが、リストのコーディング方法とレイアウト方法です。 リストを階層にする方法 リストを階層にする場合は、liタグの中に、新しくulタグ・olタグを入れます。 See the Pen ...
HTML
Web開発 
Web開発 CSSだけでプルダウンをカスタマイズする方法
ブラウザやOSが違うとデザインが違うため統一したい場合など、カスタマイズをしたい場合があると思います。そのサンプルです。 プルダウンのデザインの変更は意外と難しいので、各ブラウザやOSでしっかり確認を行うことをお勧めします。 CodePen...
Web開発 Javascriptで自作のカレンダーを作成する
自作のカレンダーの作成方法 Webシステムを作成していると時折出てくる悩みの自作カレンダーの作り方です。 いろんなライブラリがありそれでも良い場合もありますが、デザインや細かいところに手が届かない、特殊な動きをする場合など自作のカレンダーが...
Web開発 HTMLだけで簡単なアコーディオンを作成する方法
アコーディオンの作成方法 アコーディオンとは、クリックやタップをすると、折りたたんだり開いたりできるコンテンツのことです。 これが、detailsタグとsummaryタグで簡単に作ることができます。 以前は、対応していないブラウザもありまし...
Web開発 CSSだけでラジオボタンをカスタマイズする方法
ブラウザやOSが違うとラジオボタンのデザインが違ってくるため、せっかく作成するなら統一したいと思うことがあると思います。 CSSだけでラジオボタンをカスタマイズできるのでカスタマイズをする方法のサンプルです。 カスタマイズ方法 今回は、以下...