HTML/CSSTailwind CSSをベースとしたおすすめダッシュボードテンプレート3選
Tailwind CSSはユーティリティファーストをコンセプトに設計されているCSSのフレームワークとなります。 コンポーネントの代わりにユーティリティクラスを利用するため作成したデザインをカスタマイズするのに優れています。 今回はこの...
html
HTML/CSS
HTML/CSS[Webデザイン] HTML/CSS/Javascriptで作成するおしゃれなタイムラインデザイン5選
会社の沿革やポートフォリオの作成過程やフローなど、タイムラインを利用する用途は多々あるかと思います。 今回は、おしゃれなタイムラインデザインについて紹介したいと思います。 おしゃれなタイムラインデザイン5選 Vertica...
HTML/CSSHTMLやCSS、javascriptを利用してtextareaをカスタマイズする方法（罫線や箇条書き）
問い合わせフォームなどでtextareaは必須レベルで利用します。このtextareaですが、実は罫線や箇条書きができるようにカスタマイズすることが可能です。 本投稿では、textareaに対して、下記のカスタマイズ方法について紹介したい...
デザイン[UIデザイン] HTML/CSS/Javascriptで作成するおしゃれなパスワード入力フォーム5選
今回は、HTMLやCSS、Javascriptで作成するおしゃれなパスワード入力フォーム（input要素）を紹介します。 パスワード入力は、アカウント作成を行うWebサービスでは欠かせないアイテムとなっています。 この要素をおしゃれに見...
HTML/CSSWordPressやWebサイトに設置するおすすめのSNSボタン（ソーシャルボタン）5選
Wordpressや自身のWebサイトなどでSNSのシェアボタン、ソーシャルボタンの設置は今の時代ほぼ必須となっています。 本当投稿では、Webサイトのレイアウトデザインに合わせて、おしゃれなソーシャルボタンを紹介します。 ...
HTML/CSS[javascript] checkboxにチェックがされたかどうか判定する方法まとめ
checkboxは「オン」「オフ」の二つの値を切り替えるHTML要素となります。チェックボックスは input要素のtype属性に対して「checkbox」を指定することで利用す流ことができます。 今回はこのcheckboxに対して...
HTML/CSS新しいウィンドウ(新しいタブ)でform送信先を開く方法
はじめに inputタグのsubmitで送信したあとに新しいタブで開く方法の備忘録です。 jQueryを利用した方法から、HTMLタグのみで行う方法など色々ありますが、状況によっては機能しないものもあります。 自身の環境にあった方法が...