Web開発 Web開発 CSSHTML リスト(ulタグ、olタグ)のレイアウト方法 HTMLでは、ulタグ、olタグを使用してリストを作成しますが、リストのコーディング方法とレイアウト方法です。 リストを階層にする方法 リストを階層にする場合は、liタグの中に、新しくulタグ・olタグを入れます。 See the Pen ... 2022.10.27 Web開発
Web開発 Web開発 CSSHTML CSSだけでプルダウンをカスタマイズする方法 ブラウザやOSが違うとデザインが違うため統一したい場合など、カスタマイズをしたい場合があると思います。そのサンプルです。 プルダウンのデザインの変更は意外と難しいので、各ブラウザやOSでしっかり確認を行うことをお勧めします。 CodePen... 2022.10.20 Web開発
Web開発 Web開発 CSSJavascriptjQuery ページ内リンクをスムーズなスクロールにする方法 概要 通常は、ページ内リンクをクリックすると、パッと移動をしてしまいますが、おしゃれなホームページではスルスルっと、スムーズなスクロールをすることがあると思います。 そのスムーズなスクロールを実装する方法です。 CSSで実装する場合 URL... 2022.10.19 Web開発
Web開発 Web開発 CSSHTMLJavascript Javascriptで自作のカレンダーを作成する 自作のカレンダーの作成方法 Webシステムを作成していると時折出てくる悩みの自作カレンダーの作り方です。 いろんなライブラリがありそれでも良い場合もありますが、デザインや細かいところに手が届かない、特殊な動きをする場合など自作のカレンダーが... 2022.10.18 Web開発
Web開発 Web開発 CSSHTML HTMLだけで簡単なアコーディオンを作成する方法 アコーディオンの作成方法 アコーディオンとは、クリックやタップをすると、折りたたんだり開いたりできるコンテンツのことです。 これが、detailsタグとsummaryタグで簡単に作ることができます。 以前は、対応していないブラウザもありまし... 2022.10.15 Web開発
Web開発 Web開発 CSSHTML CSSだけでラジオボタンをカスタマイズする方法 ブラウザやOSが違うとラジオボタンのデザインが違ってくるため、せっかく作成するなら統一したいと思うことがあると思います。 CSSだけでラジオボタンをカスタマイズできるのでカスタマイズをする方法のサンプルです。 カスタマイズ方法 今回は、以下... 2022.10.10 Web開発
WordPress WordPress CSS WordPressでリストの先頭を※(米印)にする方法 WordPressのリストの先頭は基本的に黒丸(・)ですが、場合によって"※"(米印・アスタリスク)にしたい場合があると思います。 プラグインなどもありますが、今回はCSSだけで、リストの先頭を以下のように、※(米印・アスタリスク)にする方... 2022.10.09 WordPress
WordPress WordPress CocoonCSS 【Cocoon】プロフィールの設置方法 概要 このブログサイトに設置しているプロフィールの作り方です。 設置方法 ダッシュボードの「外観」「ウィジェット」をクリックします。 「プロフィール」をクリックして「サイドバー」を選択し、「ウィジェットを追加」ボタンをクリックします。 メモ... 2022.09.20 WordPress